.arrange-toolbar,.arrange-actions,.arrange-create{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px}.arrange-toolbar h1{flex:1 0 100%;margin:0;font-size:24px}.arrange-actions label,.arrange-create label{display:flex;flex-direction:column;gap:6px;min-width:0}.arrange-actions select,.arrange-create input{max-width:100%;min-height:44px}.arrange-actions label{flex:1 1 210px}.arrange-feedback{min-height:48px;margin:0 0 12px}.arrange-slot{border:2px solid #53665b;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;gap:6px;padding:6px;background:var(--tile-bg, #fff)}.arrange-slot .arrange-select{border:0;border-radius:10px;width:100%;flex:1;background:transparent;padding:12px 4px;min-height:120px;font-size:20px}.arrange-slot-number{font-size:14px;font-weight:500}.arrange-slot .button{width:100%;padding:8px 4px;min-height:44px;white-space:normal}.arrange-select[aria-pressed=true]{outline:4px solid #155dc4;outline-offset:-4px}.arrange-handle{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.arrange-dragging .arrange-handle{cursor:grabbing}.arrange-drop-active{outline:5px solid #155dc4;outline-offset:-5px;box-shadow:inset 0 0 0 8px #fff}.arrange-home-drop{margin-bottom:16px}.arrange-empty{flex:1}[data-theme=dark] .arrange-slot{border-color:#adcabc;background:#20382e}[data-theme=dark] .arrange-select[aria-pressed=true],[data-theme=dark] .arrange-drop-active{outline-color:#9cc9ff}@media(max-width:540px){.arrange-actions,.arrange-create{gap:8px}.arrange-create label{flex:1 1 180px}.arrange-toolbar .button{flex:1 1 130px}}.arrange-actions[hidden]{display:none}.arrange-category-creator{margin-bottom:16px}.arrange-category-creator summary{width:fit-content;cursor:pointer}.arrange-category-creator form{margin-top:12px}.type-and-speak{margin-top:16px;padding-top:16px;border-top:1px solid var(--control-border, #64796c);min-width:0;flex-shrink:0;scroll-margin:12px}.type-and-speak label{margin-bottom:8px}.type-and-speak-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.type-and-speak input{min-width:0;font-size:17px}.communication-fullscreen .type-and-speak{margin-top:0;padding-top:8px}.type-and-speak-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.type-and-speak-heading label{margin:0}.type-and-speak .sound-help{flex-shrink:0;min-height:44px;padding:8px 10px;font-size:14px;text-decoration:underline}.sound-help-dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto}.sound-help-dialog li+li{margin-top:12px}.settings-group{margin:12px 0;border:1px solid var(--control-border, #64796c);border-radius:12px;background:#fffef9}.settings-group>summary,.editor-options>summary,.symbol-browse>summary{cursor:pointer;padding:14px;font-weight:650;min-height:48px}.settings-group>.settings,.settings-group>.account-panel{margin:0;border:0}.settings-group>.editor-toolbar{margin:0;padding:14px 24px}.settings-group .device-layout-settings{grid-column:1 / -1}.settings-group .local-speech-controls{grid-column:1 / -1;display:grid;gap:12px;min-width:0}.local-speech-controls a{color:inherit;overflow-wrap:anywhere;text-decoration:underline}.local-speech-controls a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.local-speech-controls button{min-height:48px;width:100%;padding:12px 18px;border:1px solid var(--control-border);border-radius:12px;background:#fffef9;color:#23473d;font-weight:600}.local-speech-controls button:hover{background:#e8efe5}.local-speech-controls [hidden]{display:none}[data-theme=dark] .local-speech-controls button{background:#22392f;color:#edf4e9}[data-theme=dark] .local-speech-controls button:hover{background:#345041}.editor-help{font-size:14px;line-height:1.5}.header.editor-header{display:block;padding-bottom:12px;margin-bottom:20px}.editor-head-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-context{min-width:0}.editor-context h1{font-size:26px;margin:0 0 6px}.editor-location{margin:0}.editor-context .board-navigation{position:static;margin:0;gap:8px}.editor-context .board-home{min-width:0}.editor-context .board-name{font-size:18px}.editor-save-tools{align-items:center;margin-top:12px}.editor-save-state{margin:0;font-size:14px;flex:1;min-width:0}.edit-row{scroll-margin-top:200px}.word-dialog .word-fields{grid-template-columns:minmax(0,1fr);gap:4px}.word-dialog [hidden]{display:none}.word-dialog input,.word-dialog select{font-size:17px}.word-dialog .symbol-picker{margin:12px 0}.word-dialog .symbol-suggestions{margin-bottom:0}.word-dialog .dialog-actions{position:sticky;bottom:-28px;padding:12px 0;background:#fffef9;border-top:1px solid var(--control-border, #64796c)}.editor-options{border-top:1px solid var(--control-border, #64796c)}.symbol-browse[open]>summary{margin-bottom:12px}.discard-edit:not([hidden]){display:flex;gap:10px;flex-wrap:wrap;align-items:center}.discard-edit p{width:100%;margin:0}summary:focus-visible{outline:3px solid var(--focus-ring, #155dc4);outline-offset:2px}[data-theme=dark] .settings-group,[data-theme=dark] .word-dialog .dialog-actions{background:#22382c;border-color:var(--control-border, #94ad99)}[data-theme=dark] summary:focus-visible{outline-color:var(--focus-ring, #93baff)}@media(max-width:540px){.editor-head-row{align-items:flex-start}.editor-head-row .header-controls{flex-wrap:wrap;justify-content:flex-end;max-width:130px}.editor-save-tools{flex-wrap:nowrap}.word-dialog .dialog-actions{bottom:-18px}.word-dialog .dialog-actions .button{flex:1}.settings-group>.settings{padding:16px}}.grid[data-size]{grid-auto-flow:row}.grid[data-size]>*{min-width:0}.grid[data-size=standard]{grid-template-columns:repeat(var(--board-columns, 5),minmax(120px,1fr))}.grid[data-size=large]{grid-template-columns:repeat(var(--board-columns, 5),minmax(160px,1fr))}.grid[data-size=extra-large]{grid-template-columns:repeat(var(--board-columns, 5),minmax(210px,1fr))}.grid[data-size=large]>.tile,.grid[data-size=large]>.empty-slot{min-height:170px}.grid[data-size=large]>.tile{font-size:26px;gap:18px;padding:22px 12px}.grid[data-size=large] .tile svg{width:52px;height:52px}.grid[data-size=extra-large]>.tile,.grid[data-size=extra-large]>.empty-slot{min-height:210px}.grid[data-size=extra-large]>.tile{font-size:30px;gap:20px;padding:26px 14px}.grid[data-size=extra-large] .tile svg{width:64px;height:64px}.grid[data-size=large] .tile .emoji{font-size:52px}.grid[data-size=extra-large] .tile .emoji{font-size:64px}.board-viewport{overflow:auto;padding:6px;margin:-6px;scroll-padding:6px}.board-viewport:focus-visible{outline:4px solid var(--focus-ring);outline-offset:2px}.layout-preview{display:grid;grid-template-columns:repeat(var(--board-columns),minmax(0,1fr));gap:4px;align-self:start}.layout-preview span{border:1px solid var(--control-border);border-radius:6px;text-align:center;padding:4px}.symbol-picker{border:1px solid #b7cabc;border-radius:12px;margin:18px 0;padding:16px;min-width:0}.symbol-picker legend{font-weight:650;padding:0 6px}.symbol-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.symbol-selection{display:flex;align-items:center;gap:12px;flex:1;font-weight:650;min-width:0}.symbol-selection svg{flex-shrink:0}.symbol-selection .emoji-symbol{font-size:32px}.symbol-filters{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px}.symbol-results,.symbol-suggestions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.symbol-suggestions{margin:14px 0}.symbol-results{max-height:240px;overflow-y:auto;padding:6px;margin:0 -6px;scrollbar-gutter:stable}.symbol-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;border:2px solid var(--control-border);background:#eaf0e2;color:#193d35;border-radius:10px;padding:8px 4px;min-width:0}.symbol-choice span{font-size:11px;max-width:100%;overflow-wrap:anywhere;line-height:1.2}.symbol-choice svg{width:28px;height:28px;flex-shrink:0}.symbol-choice[aria-pressed=true]{border-color:#204e42;background:#d0e4c3}.symbol-count{font-size:13px;color:#536b60;margin:0 0 10px}.tile-dialog.word-dialog{width:min(740px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow:auto}.emoji-symbol{display:inline-flex;align-items:center;justify-content:center;line-height:1}.tile .emoji-symbol{font-size:44px}.word-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.word-fields label{min-width:0}.placement-note{font-size:13px;color:#536b60;margin:0}.dialog-error:empty{display:none}[data-theme=dark] .symbol-picker{border-color:#607868}[data-theme=dark] .symbol-choice{background:#30493b;color:#edf4e9}[data-theme=dark] .symbol-choice[aria-pressed=true]{background:#416039;border-color:#dbedcc}[data-theme=dark] .symbol-count,[data-theme=dark] .placement-note{color:#b7cbb9}@media(max-width:540px){.symbol-results,.symbol-suggestions{grid-template-columns:repeat(4,minmax(0,1fr))}.symbol-filters{grid-template-columns:minmax(0,1fr) 110px}.symbol-filters select{font-size:13px;padding:8px}.symbol-top{align-items:flex-start;flex-direction:column}.word-fields{grid-template-columns:1fr}.word-fields label{margin:8px 0}.tile-dialog.word-dialog{padding:18px}.symbol-picker{padding:12px}.dialog-actions{flex-wrap:wrap}.symbol-selection .emoji-symbol{font-size:32px}}.symbol-choice .emoji-symbol{font-size:28px;line-height:1;overflow:visible;max-width:none}.account-panel{display:block}.account-panel h2{margin-top:0}.account-login{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.account-login label{flex:1 1 200px}.account-panel .notice{margin-top:16px}.tile{scroll-margin-top:88px}html{scroll-padding-top:88px}.board-navigation{display:flex;align-items:center;gap:16px;position:sticky;top:max(8px,env(safe-area-inset-top));z-index:3;min-height:48px;margin-bottom:8px;background:#f5f5ed}.board-home{flex:0 0 auto;min-width:144px;white-space:nowrap}.board-name{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:22px}.category-indicator{font-size:14px;font-weight:600}.category-tile{position:relative}[data-theme=dark] .board-navigation{background:#14251f}@media(max-width:540px){.board-navigation{gap:10px}.board-home{flex-basis:130px;padding-inline:10px}.board-name{font-size:20px}}.word-fields>label[hidden]{display:none}.header{position:sticky;top:0;padding-top:max(8px,env(safe-area-inset-top));z-index:3;background:#f5f5ed;flex-wrap:nowrap;gap:8px;min-height:48px}[data-theme=dark] .header{background:#14251f}.header-controls{flex-wrap:nowrap;flex-shrink:0}.header>.brand,.header>.board-navigation{flex:1;min-width:0}.header>.board-navigation{position:static;margin:0;background:transparent}.brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:375px){.brand span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.brand svg{flex-shrink:0}}@media(max-width:540px){.header .fullscreen-entry,.header .board-home{width:48px;min-width:48px;flex-basis:48px;padding:0;font-size:0}.fullscreen-entry:before{content:"⛶";font-size:24px;line-height:1}.header .board-home:before{content:"‹";font-size:32px;line-height:1}}.fullscreen-controls[hidden],.fullscreen-confirm[hidden],.fullscreen-exit[hidden],[data-fullscreen-chrome][hidden]{display:none!important}.fullscreen-controls{display:flex;justify-content:flex-end;flex-shrink:0}.fullscreen-confirm{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.communication-fullscreen-page{overflow:hidden}.communication-fullscreen{position:fixed;inset:0;width:100%;height:100%;height:100dvh;overflow:auto;background:#f5f5ed;z-index:10}[data-theme=dark] .communication-fullscreen{background:#14251f}.communication-fullscreen .shell{max-width:none;width:100%;min-height:100%;height:100%;display:flex;flex-direction:column;gap:8px;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.communication-fullscreen .header{position:static;flex-shrink:0;margin:0;padding:0;border:0}.communication-fullscreen .board-viewport{flex:1;min-height:100px;margin:0;padding:6px}.communication-fullscreen .grid{min-height:100%;grid-auto-rows:minmax(min-content,1fr)}.communication-fullscreen .tile{scroll-margin-top:6px}.communication-fullscreen .notice{flex-shrink:0;margin:0}.communication-fullscreen .board-navigation{flex-shrink:0}.communication-fullscreen .board-navigation{position:static}.grid[data-size=small]{grid-template-columns:repeat(var(--board-columns, 2),minmax(112px,1fr));gap:12px}.grid[data-size=small]>.tile,.grid[data-size=small]>.empty-slot{min-height:96px;border-radius:16px}.grid[data-size=small]>.tile{padding:10px 8px;font-size:18px;line-height:1.25;gap:8px}.grid[data-size=small] .tile svg{width:28px;height:28px;flex-shrink:0}.grid[data-size=small] .tile .emoji{font-size:28px;line-height:1}.grid[data-size=small] .tile span{max-width:100%}.device-layout-settings{grid-column:1 / -1;display:grid;gap:16px;min-width:0}.device-layout-settings h2{margin:0}.device-layout-settings .button{justify-self:start;min-width:44px}@media(max-width:540px),(max-height:540px){.shell[data-compact-phone=true]{padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.shell[data-compact-phone=true] .header{padding-bottom:8px;margin-bottom:12px}}
