.sa-panel-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.sa-panel-style{display:grid;gap:14px;text-align:left;min-width:0;padding:18px;border-radius:14px;background:#191c29;border:1px solid #44394e;color:#f4eafd}.sa-panel-style.chosen{border-color:#cfb2e9;box-shadow:0 0 0 1px #c7a6e455}.sa-panel-style small{font-size:11px;color:#c2b3cc;line-height:1.6}.sa-panel-sample{display:block;font-size:12px;padding:14px 0;color:#dcc2ef;overflow-wrap:anywhere;border-bottom:1px solid #dcc2ef33}.sa-panel-style.glass .sa-panel-sample{padding:12px;background:#ffffff0d;border-radius:10px}.sa-panel-style.petal .sa-panel-sample{border-left:2px solid #efa8cd;padding-left:9px;color:#ffc4de}.sa-panel-style.ember .sa-panel-sample{border-left:2px solid #dfa774;padding-left:9px;color:#f3c18a}.sa-panel-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);border:1px solid #41364b;border-radius:18px;overflow:hidden;background:#191c29}.sa-panel-preview{min-width:0;background:radial-gradient(ellipse at 70% 30%,#66516450,transparent 65%),linear-gradient(120deg,#273a35,#212737 50%,#3c273b);padding-bottom:12px}.sa-panel-preview iframe{display:block;width:100%;height:auto;min-height:260px;max-height:800px;border:0}.sa-panel-preview>.sa-hint{padding:0 18px}.sa-panel-controls{padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}.sa-panel-controls h2{font-size:20px;margin:0 0 12px}.sa-panel-controls input,.sa-panel-controls select{max-width:100%;min-width:0}.sa-panel-controls .sa-hint{line-height:1.8}.sa-panel-settings{display:grid;gap:14px;border-top:1px solid #4b3d56;padding-top:20px}.sa-panel-settings details{display:grid;font-size:12px}.sa-panel-settings .sa-field{display:grid;gap:8px;margin:10px 0;font-size:12px}.sa-panel-settings .sa-field input,.sa-panel-settings .sa-field select{width:100%;min-height:38px}.sa-task-editor-list{display:grid;gap:10px;margin-bottom:14px}.sa-task-editor-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;padding:12px;border:1px solid #4b4057;background:#242332;border-radius:12px}.sa-task-editor-row input{width:100%;min-height:38px;font-size:13px}.sa-task-row-tools{display:flex;gap:5px;flex-wrap:wrap;grid-column:1/-1}.sa-task-row-tools .sa-button{font-size:10px;padding:6px 8px}.sa-task-editor-row.is-hidden{opacity:.6}.sa-task-save-status{font-size:12px;color:#b9d1bd;line-height:1.6}.sa-task-save-status.error{color:#f7b7c9}.sa-tasks-editor>.sa-button{margin:0 8px 8px 0}.sa-leaders-list{max-height:350px;overflow:auto}.sa-leader-private-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #45374f;padding:10px 0;font-size:12px}.sa-leader-private-row>span{min-width:0;flex:1;overflow-wrap:anywhere}.sa-leader-private-row strong{white-space:nowrap;font-size:12px}.sa-leader-private-row.is-hidden{opacity:.55}.sa-leader-private-row button{font-size:10px}.sa-panel-test{display:grid;gap:8px;margin-top:12px}.sa-panel-obs-size{font-size:15px;color:#dfc8ef}.sa-panel-controls>details{font-size:12px}@media(max-width:900px){.sa-panel-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-panel-workspace{grid-template-columns:1fr}.sa-panel-controls{padding:18px}.sa-task-editor-row{grid-template-columns:95px minmax(0,1fr)}}@media(max-width:400px){.sa-panel-gallery{gap:8px}.sa-panel-style{padding:12px}.sa-task-editor-row{grid-template-columns:1fr}.sa-task-row-tools{grid-column:1}.sa-leader-private-row{flex-wrap:wrap}.sa-leader-private-row strong{white-space:normal}}
.sa-font-choice{display:grid;gap:9px;width:100%;font-size:12px}.sa-font-choice select{width:100%;min-height:38px}.sa-font-sample{display:block;font-size:23px;line-height:1.4;color:#e6cfed;padding:12px 0;overflow-wrap:anywhere}
.sa-dialog{max-height:calc(100vh - 48px);overflow:auto}

.sa-leader-private-row{flex-wrap:wrap}.sa-leader-rename{flex:1 0 100%;display:flex;flex-wrap:wrap;gap:8px}.sa-leader-rename input{flex:1;min-width:120px}.sa-leader-rename small{flex-basis:100%}.sa-panel-title{display:grid;gap:10px}.sa-panel-title label{display:grid;gap:8px;font-size:13px}.sa-panel-title input{width:100%;min-height:40px}.sa-panel-settings input[type=range]{cursor:pointer}

.sa-timer-live{display:grid;gap:12px;padding:18px;border:1px solid #544362;border-radius:14px;background:#151622}.sa-timer-live output{font-size:48px;line-height:1.1;font-variant-numeric:tabular-nums;color:#f4eafd}.sa-timer-live small{color:#cdbbdd}.sa-timer-buttons{display:flex;flex-wrap:wrap;gap:8px}.sa-timer-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sa-timer-set label{display:grid;gap:8px;font-size:12px}.sa-timer-set input{width:100%;min-height:40px}.sa-timer-set button{grid-column:1/-1}

.sa-board-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(100px,1fr);gap:9px;padding:14px;margin:10px 0;border:1px solid #4b4057;background:#242332;border-radius:12px}.sa-board-row label{display:grid;gap:6px;font-size:12px}.sa-board-row input{width:100%;min-height:38px}.sa-board-row>small,.sa-board-row .sa-task-row-tools{grid-column:1/-1}.sa-board-row.is-editing{border-color:#d0afe9}.sa-board-row.is-hidden{border-style:dashed}.sa-board-search{width:100%;min-height:40px}.sa-leaders-list{max-height:620px}.sa-board-row[hidden]{display:none}@media(max-width:400px){.sa-board-row{grid-template-columns:minmax(0,1fr)}.sa-board-row>label{grid-column:1}}

.sa-sync-error{color:#ffb7cc!important;font-weight:600}
