:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--page-ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page-bg:#f6f7f7;--page-ink:#1d282e;--ink:#172328;--muted:#637077;--line:#bac8ca;--line-strong:#26383d;--teal:#006d77;--teal-ink:#fff;--blue:#168cff;--yellow:#ff0;--red:#ff1500;--surface:#fff;--editor-surface:#fff;--editor-ink:#172328;--warning-bg:#fff0ec;--warning-ink:#8e2b19;--warning-line:#c64c36;--focus-ring:#006d7728;--backdrop:#17232875;--panel-shadow:#17232840;--selection-bg:#006d7710;--icon-filter:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#11191f;--page-ink:#edf2f4;--ink:#edf2f4;--muted:#bac7cc;--line:#56666e;--line-strong:#aab8be;--teal:#37b6c1;--teal-ink:#102024;--blue:#63b5ff;--surface:#263239;--editor-surface:#1b252b;--editor-ink:#edf2f4;--warning-bg:#4b2823;--warning-ink:#ffd2c7;--warning-line:#d97864;--focus-ring:#37b6c144;--backdrop:#000000a8;--panel-shadow:#00000080;--selection-bg:#37b6c122;--icon-filter:invert(1)}:root[data-theme=light-skin]{--page-bg:#fdf5e2}:root[data-theme=pastel-pink]{--page-bg:#ffdee2}:root[data-theme=mint-green]{--page-bg:#9fcdb1}:root[data-theme=light-cream]{--page-bg:#e5e3d9}:root[data-theme=almond]{--page-bg:#ede0d4}:root[data-theme=light-cyan]{--page-bg:#e3ffff}:root[data-theme=starry-night],:root[data-theme=bench-wood-1]{--page-ink:#fff;--muted:#f1f4f5;--surface:#fffffff2;--editor-surface:#fffffff2;--editor-ink:#172328}:root[data-theme=starry-night]{--page-bg:#111b2b;background-image:linear-gradient(#172328b0,#172328b0),url(/devpost/images/starry-night.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}:root[data-theme=bench-wood-1]{--page-bg:#543c2b;background-image:linear-gradient(#172328b0,#172328b0),url(/devpost/images/bench-wood-1.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#11191f;--page-ink:#edf2f4;--ink:#edf2f4;--muted:#bac7cc;--line:#56666e;--line-strong:#aab8be;--teal:#37b6c1;--teal-ink:#102024;--blue:#63b5ff;--surface:#263239;--editor-surface:#1b252b;--editor-ink:#edf2f4;--warning-bg:#4b2823;--warning-ink:#ffd2c7;--warning-line:#d97864;--focus-ring:#37b6c144;--backdrop:#000000a8;--panel-shadow:#00000080;--selection-bg:#37b6c122;--icon-filter:invert(1)}}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--page-ink);background-color:#0000;background-image:inherit;background-position:inherit;background-repeat:inherit;background-size:inherit;background-attachment:inherit;margin:0}button,input{font:inherit}button{color:var(--ink)}button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.app-shell{width:min(1480px,100% - 48px);min-height:100vh;margin:0 auto;padding:26px 0 36px}.app-header{grid-template-columns:minmax(0,1fr) minmax(0,560px) minmax(0,1fr);align-items:center;gap:24px;min-height:58px;margin-bottom:0;display:grid}.brand{width:fit-content;color:var(--page-ink);letter-spacing:-.055em;justify-self:start;margin:-2px;padding:2px;font-family:Ambatah,Trebuchet MS,system-ui,sans-serif;font-size:2.25rem;font-weight:700;line-height:1;text-decoration:none}.brand-group{flex-direction:column;grid-area:1/1;align-items:flex-start;gap:2px;display:flex}.brand-tagline{max-width:100%;color:var(--muted);margin:0;font-size:.65rem;line-height:1.1}.title-control{grid-area:1/2;width:100%;min-width:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.header-actions{grid-area:1/3;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.header-status{min-width:0;color:var(--muted);text-align:right;flex:0 auto;font-size:.85rem}.header-status.is-warning{border:1px solid var(--warning-line);background:var(--warning-bg);color:var(--warning-ink);text-align:left;border-radius:8px;padding:8px 10px}.help-button{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:8px 14px}.settings-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:9px;flex:none;place-items:center;width:40px;height:40px;padding:0;display:grid}.settings-button img{width:22px;height:22px;filter:var(--icon-filter)}.help-button:disabled,.step-button:disabled,.apply-color-button:disabled,.none-button:disabled{cursor:not-allowed;opacity:.52}.workspace{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:24px;margin-top:-8px;display:grid}.workspace.controls-hidden{grid-template-columns:minmax(0,1fr)}.palette-sidebar{flex-direction:column;align-items:flex-start;gap:10px;min-height:160px;padding-top:26px;display:flex}.palette-grid{grid-template-columns:repeat(4,40px);gap:10px;display:grid}.palette-item{width:40px;height:40px;position:relative}.palette-swatch{border:1px solid var(--line-strong);cursor:pointer;border-radius:7px;width:40px;height:40px;padding:0}.palette-swatch.is-selected{outline:3px solid var(--teal);outline-offset:2px}.palette-edit-button{z-index:1;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:20px;height:20px;padding:0;font-size:.75rem;line-height:1;display:grid;position:absolute;top:-7px;right:-7px}.sidebar-hint{color:var(--muted);margin:0;font-size:.75rem}.add-color-button{border:1px solid var(--line);background:var(--surface);text-align:center;cursor:pointer;border-radius:8px;width:160px;min-height:38px;padding:7px 10px}.add-color-button:hover,.dialog-cancel:hover,.dialog-save:hover,.custom-color-choice:hover{border-color:var(--teal)}.dialog-backdrop,.help-backdrop{z-index:20;background:var(--backdrop);place-items:center;padding:18px;display:grid;position:fixed;inset:0}.color-dialog,.help-panel,.settings-dialog{border:1px solid var(--line);background:var(--surface);width:min(460px,100%);max-height:min(90vh,720px);color:var(--ink);box-shadow:0 18px 60px var(--panel-shadow);border-radius:14px;padding:22px;overflow-y:auto}.help-panel{width:min(620px,100%)}.settings-dialog{width:min(520px,100%)}.theme-options{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;display:grid}.theme-options legend{color:var(--ink);grid-column:1/-1;margin-bottom:12px;font-weight:650}.theme-choice{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:7px 9px;font-size:.9rem;display:flex}.theme-choice:focus-within{outline:2px solid var(--blue);outline-offset:2px}.theme-choice input{accent-color:var(--teal);flex:none;margin:0}.theme-swatch{border:1px solid var(--line-strong);border-radius:50%;flex:none;width:22px;height:22px}.color-dialog-header,.help-panel-header,.color-preview-row,.color-dialog-actions{align-items:center;display:flex}.color-dialog-header{justify-content:space-between;gap:16px;margin-bottom:18px}.help-panel-header{justify-content:space-between;gap:16px;margin-bottom:12px}.help-panel-header h2{margin:0;font-size:1.3rem}.help-panel ol{color:var(--ink);gap:10px;margin:0;padding-left:22px;line-height:1.55;display:grid}.help-done{margin:20px 0 0 auto;display:block}.color-dialog-header h2{margin:0;font-size:1.2rem}.dialog-close-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;width:34px;height:34px;font-size:1.35rem;line-height:1}.preset-colors{grid-template-columns:repeat(4,42px);gap:12px;margin-bottom:16px;display:grid}.preset-color{border:1px solid var(--line-strong);cursor:pointer;border-radius:7px;width:42px;height:42px;padding:0}.preset-color.is-selected{outline:3px solid var(--teal);outline-offset:2px}.custom-color-choice,.dialog-cancel,.dialog-save{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:8px;min-height:36px;padding:6px 12px}.custom-color-choice.is-selected{border-color:var(--teal);background:var(--selection-bg)}.hsv-controls{gap:12px;margin:16px 0;display:grid}.hsv-controls label{color:var(--ink);grid-template-columns:1fr auto;gap:5px 12px;font-size:.88rem;font-weight:600;display:grid}.hsv-controls output{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:400}.hsv-controls input{width:100%;accent-color:var(--teal);grid-column:1/-1}.color-preview-row{color:var(--muted);gap:12px;margin-top:18px;font-size:.88rem}.color-preview{border:1px solid var(--line-strong);border-radius:6px;width:48px;height:32px}.color-preview-row output{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.color-dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px}.dialog-save{border-color:var(--teal);background:var(--teal);color:var(--teal-ink)}.editor-column{width:min(100%,1120px);margin:0 auto}.note-title{border:1px solid var(--line);background:var(--surface);width:100%;min-height:42px;color:var(--ink);border-radius:8px;padding:7px 11px;font-size:1rem}.note-title:focus{border-color:var(--teal);outline:2px solid var(--focus-ring)}.editor-toolbar{align-items:center;gap:12px;min-height:52px;margin:16px 0 4px;display:flex}.range-adjust-controls{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.bar-actions{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;right:0}.control-visibility-button{z-index:4;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:9px;place-items:center;width:112px;min-height:48px;padding:0;display:grid;position:absolute;right:0}.control-visibility-button img{width:26px;height:26px;filter:var(--icon-filter)}.control-visibility-button:hover{border-color:var(--teal)}.step-button,.apply-color-button,.none-button{border:1px solid var(--line);background:var(--surface);border-radius:9px;place-items:center;width:38px;height:38px;font-size:1.65rem;line-height:1;display:grid}.step-button{border-width:2px;width:48px;height:48px}.step-button img{width:30px;height:30px;filter:var(--icon-filter)}.none-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:9px;width:54px;min-height:38px;padding:0 8px;font-size:.85rem}.toolbar-note{display:none}.apply-color-button span{border:1px solid var(--line-strong);border-radius:5px;width:23px;height:23px}.target-track-area{width:calc(100% - 112px);position:absolute;top:0;bottom:0;left:0}.editor-stage{border:1.5px solid var(--line-strong);background:var(--editor-surface);border-radius:10px;width:calc(100% - 112px);height:min(700px,max(300px,100vh - 220px));position:relative;overflow:hidden auto}.editor-stage:focus{outline:3px solid var(--blue);outline-offset:3px}.editor-targeting-region{min-height:210px;padding-top:78px;position:relative}.palette-css-vars{min-height:inherit}.granular-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:2px}.target-bar[aria-disabled=true],.target-bar[aria-disabled=true] .target-pin{cursor:wait}.note-editor{min-height:min(72vh,700px);color:var(--editor-ink);white-space:pre-wrap;overflow-wrap:anywhere;outline:none;padding:28px 34px 30px;font-size:1.08rem;line-height:1.8}.note-editor p{margin:0 0 1em}.granular-target-character{outline:1.5px solid var(--blue);outline-offset:1px;border-radius:1px}.target-bar{z-index:2;border:1px solid var(--line-strong);background:var(--line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;height:24px;position:absolute;left:-1px;right:-1px}.target-bar:active{cursor:grabbing}.target-bar.is-keyboard-selected{outline:2px solid var(--blue);outline-offset:3px}.inactive-zone{background:var(--red);border:1px solid var(--line-strong);pointer-events:none;position:absolute;top:-1px;bottom:-1px}.inactive-zone-left{width:var(--inactive-left-width);left:0}.inactive-zone-right{width:var(--inactive-right-width);right:0}.target-pin{z-index:3;cursor:ew-resize;touch-action:none;background:0 0;border:0;justify-content:center;align-items:flex-start;width:28px;height:46px;padding:0;display:flex;position:absolute;top:-12px;transform:translate(-50%)}.pin-knob{border:1.5px solid var(--line-strong);background:var(--teal);border-radius:50%;width:22px;height:22px;position:absolute;top:0}.pin-needle{background:var(--line-strong);width:2px;height:24px;position:absolute;top:20px}.target-pin.is-active .pin-knob{box-shadow:0 0 0 3px #168cff33}.target-pin.is-keyboard-selected .pin-knob{box-shadow:0 0 0 4px #168cff66}.editor-caption{width:calc(100% - 112px);color:var(--muted);margin:10px 0 0;font-size:.82rem}@media (width>=721px) and (height<=720px){.app-shell{padding-bottom:0}}@media (width<=960px){.app-header{grid-template-rows:58px 42px;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;min-height:0}.brand-group{grid-area:1/1}.title-control{grid-area:2/1/auto/-1;justify-self:center;width:min(560px,100%)}.header-actions{grid-area:1/2;gap:12px}.workspace{margin-top:0}}@media (width<=720px){.app-shell{width:min(100% - 24px,1480px);padding-top:18px}.workspace{grid-template-columns:1fr;gap:8px}.palette-sidebar{flex-flow:wrap;align-items:center;gap:8px;min-height:auto;padding:2px 0 8px;display:flex}.palette-grid{grid-template-columns:repeat(4,40px);gap:8px}.add-color-button{width:auto}.sidebar-hint{align-self:center;margin:0}.note-editor{padding-left:18px;padding-right:18px}.range-adjust-controls{gap:8px}.apply-color-button,.none-button{width:34px;height:34px}.step-button{width:44px;height:44px}.none-button{width:50px;min-height:34px}.bar-actions{gap:6px}.control-visibility-button{width:102px;min-height:44px}.target-track-area,.editor-stage,.editor-caption{width:calc(100% - 102px)}}@media (width<=480px){.app-header{grid-template-rows:44px auto 42px;grid-template-columns:minmax(0,1fr) 40px auto;gap:12px}.brand{font-size:1.75rem}.brand-tagline{max-width:100%;font-size:.58rem}.header-actions{display:contents}.help-button{grid-area:1/3;justify-self:end}.settings-button{grid-area:1/2;justify-self:center}.header-status{text-align:left;grid-area:2/1/auto/-1;width:100%}.title-control{grid-row:3}.color-dialog,.help-panel,.settings-dialog{padding:18px}.theme-options{grid-template-columns:1fr}.preset-colors{gap:10px}.toolbar-note{font-size:.72rem}}