:root{--ui-bg:#f4f6f8;--ui-card:#fff;--ui-text:#111827;--ui-muted:#6b7280;--ui-border:#dfe3e8;--ui-soft:#eef1f4;--ui-dark:#111827;--ui-danger:#991b1b;--ui-danger-bg:#fef2f2;--ui-success:#166534;--ui-success-bg:#f0fdf4}*{box-sizing:border-box}html{background:var(--ui-bg)}body{background:var(--ui-bg);color:var(--ui-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,select,input[type=file],input[type=color]{min-height:44px}textarea,input[type=password],select{font-size:16px}.boardPage{min-height:100%;padding:18px 14px calc(100px + env(safe-area-inset-bottom))}.boardShell{width:100%;max-width:980px;margin:0 auto}.boardHeader{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.boardHeader h1{letter-spacing:-.04em;margin:0;font-size:clamp(28px,8vw,40px);line-height:1}.boardHeader p{color:var(--ui-muted);margin:8px 0 0;font-size:15px}.modeSwitcher{background:#e7eaee;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px;padding:5px;display:grid}.modeButton{color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:12px;min-width:0;padding:10px 4px;font-weight:700}.activeMode{background:var(--ui-card);color:var(--ui-text)}.editorGrid{gap:16px;display:grid}.previewSection,.controlsSection{min-width:0}.sectionLabel{color:var(--ui-muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;font-size:13px;font-weight:700}.boardPreview,.drawFrame{aspect-ratio:1;background:#000;border:1px solid #20252b;border-radius:22px;width:100%;max-width:520px;margin:0 auto;overflow:hidden}.boardPreview{justify-content:center;align-items:center;padding:18px;font-family:monospace;font-size:clamp(18px,6vw,34px);line-height:1.1;display:flex}.previewMultiline{flex-direction:column;justify-content:center;gap:3px;width:100%;display:flex}.previewBold{letter-spacing:.08em;font-weight:800}.scrollPreview{white-space:nowrap}.imageBoardPreview{padding:0}.pixelPreview,.drawCanvas{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}.drawCanvas{touch-action:none;cursor:crosshair}.emptyPreview{color:#9ca3af;font-family:inherit;font-size:16px}.controlStack{gap:14px;display:grid}.fieldGroup{gap:7px;display:grid}.fieldGroup>span{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:700;display:flex}.fieldGroup small{color:var(--ui-muted);font-weight:500}textarea,select,input[type=password]{border:1px solid var(--ui-border);background:var(--ui-card);width:100%;color:var(--ui-text);border-radius:14px;outline:none;padding:12px 13px}textarea{resize:vertical;min-height:110px}textarea:focus,select:focus,input[type=password]:focus,button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #11182724}.twoCol{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compactField input[type=color]{border:1px solid var(--ui-border);background:var(--ui-card);border-radius:14px;width:100%;padding:3px}.segmentedControl{background:var(--ui-soft);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:6px;padding:5px;display:grid}.segment{color:#4b5563;background:0 0;border:0;border-radius:10px;font-weight:700}.activeSegment{background:var(--ui-card);color:var(--ui-text)}.segment:disabled{opacity:.45}.toggleRow{border:1px solid var(--ui-border);background:var(--ui-card);border-radius:16px;justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:12px 14px;display:flex}.toggleRow div{min-width:0}.toggleRow strong{font-size:14px;display:block}.toggleRow span{color:var(--ui-muted);margin-top:3px;font-size:12px;display:block}.toggleRow input{flex:none;width:24px;height:24px}input[type=range]{width:100%}.rangeLabels{color:var(--ui-muted);justify-content:space-between;font-size:11px;display:flex}.uploadCard{background:var(--ui-card);border:1.5px dashed #c9ced6;border-radius:18px;gap:6px;padding:18px;display:grid}.uploadTitle{font-weight:800}.uploadHint,.helperText{color:var(--ui-muted);font-size:13px;line-height:1.45}.uploadCard input[type=file]{width:100%;margin-top:8px;font-size:16px}.compactHelper{margin:0}.actionPair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.secondaryButton{border:1px solid var(--ui-border);background:var(--ui-card);color:var(--ui-text);border-radius:14px;font-weight:700}.activeSecondary{background:var(--ui-dark);color:#fff}.adminWrap{border-top:1px solid var(--ui-border);margin-top:18px;padding-top:14px}.adminToggle{color:var(--ui-muted);background:0 0;border:0;padding:8px 0;font-weight:700}.adminField{margin-top:8px}.statusMessage{background:var(--ui-success-bg);color:var(--ui-success);border-radius:13px;margin-top:14px;padding:11px 13px;font-size:14px;font-weight:700}.errorStatus,.warningCard{background:var(--ui-danger-bg);color:var(--ui-danger)}.warningCard,.successCard{border-radius:13px;padding:11px 13px;font-size:13px;font-weight:700}.successCard{background:var(--ui-success-bg);color:var(--ui-success)}.publishDock{z-index:20;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(#f4f6f800,#f4f6f8 25%);position:fixed;bottom:0;left:0;right:0}.publishButton{background:var(--ui-dark);color:#fff;border:0;border-radius:17px;width:min(100%,980px);min-height:56px;margin:0 auto;font-size:17px;font-weight:800;display:block}.publishButton:disabled{opacity:.45}@media (min-width:760px){.boardPage{padding:28px 24px calc(112px + env(safe-area-inset-bottom))}.editorGrid{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);align-items:start;gap:28px}.previewSection{position:sticky;top:24px}.boardPreview,.drawFrame{max-width:none}.controlsSection{padding-top:21px}}@media (min-width:1000px){.boardShell{max-width:1100px}}.boardControlsCard{border:1px solid var(--ui-border);background:var(--ui-card);border-radius:18px;gap:14px;margin:0 0 16px;padding:14px;display:grid}.powerControl,.brightnessControl{justify-content:space-between;align-items:center;gap:14px;display:flex}.powerControl strong{font-size:14px;display:block}.powerControl span{color:var(--ui-muted);margin-top:3px;font-size:12px;display:block}.powerButton,.applyControlButton,.aiGenerateButton{background:var(--ui-dark);color:#fff;border:0;border-radius:13px;min-height:44px;padding:10px 14px;font-weight:800}.powerButton{background:#7f1d1d}.powerOn{background:#111827}.powerButton:disabled,.applyControlButton:disabled,.aiGenerateButton:disabled{opacity:.45}.brightnessControl .fieldGroup{flex:1}.applyControlButton{align-self:flex-end;min-width:76px}.twoSegments{grid-template-columns:repeat(2,1fr)}.threeSegments{grid-template-columns:repeat(3,1fr)}.aiGenerateButton{width:100%;min-height:50px}@media (max-width:390px){.modeButton{font-size:13px}.boardControlsCard{padding:12px}}@media (min-width:760px){.boardControlsCard{grid-template-columns:.75fr 1.25fr;align-items:center}}