:root{--minimum-readable-font-size:14pt;color:#f5f5f5;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--minimum-readable-font-size);font-synthesis:none;text-rendering:optimizelegibility;background:#111113}*{box-sizing:border-box}html,body,#root,main{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit;font-size:var(--minimum-readable-font-size)}button,select,input[type=range],input[type=color]{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #fff}.ui-hidden,.ui-hidden *{cursor:none}.light-canvas{background-color:#fff4e5;min-width:100vw;min-height:100dvh;position:fixed;inset:0}.light-dimmer{pointer-events:none;background:#000;position:absolute;inset:0}.settings-panel{z-index:10;color:#f4f4f5;word-break:keep-all;overflow-wrap:break-word;background:#131315f5;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;width:min(500px,100vw - 36px);max-height:calc(100dvh - 36px);transition:opacity .15s,transform .15s;display:flex;position:fixed;top:50%;left:18px;overflow:hidden;transform:translateY(-50%);box-shadow:0 16px 40px #0000003d}.settings-panel.is-hidden{opacity:0;pointer-events:none;transform:translate(-12px,-50%)}:fullscreen .settings-panel{opacity:0;pointer-events:none;visibility:hidden}@media (display-mode:fullscreen){.settings-panel{opacity:0;pointer-events:none;visibility:hidden}main,main *{cursor:none}}.panel-header{border-bottom:1px solid #ffffff1c;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:16px 18px 14px;display:flex}.panel-header>div:first-child{min-width:0}.brand,.panel-intro,.field-note,.feedback,.shortcut-hint{margin:0}.brand{color:#fff;letter-spacing:-.02em;font-size:16pt;font-weight:700}.sheet-toggle{display:none}.panel-header-actions{flex:none;align-items:center;gap:9px;display:flex}.language-select{color:#d4d4d8;width:auto;min-width:106px;height:44px;font-size:var(--minimum-readable-font-size);background:#28282c;border:1px solid #414147;border-radius:9px;padding:0 34px 0 12px}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#55555c transparent;flex:auto;min-height:0;padding:0 18px 18px;overflow-y:auto}.panel-intro{color:#b7b7bf;font-size:var(--minimum-readable-font-size);border-bottom:1px solid #ffffff1a;padding:15px 0;line-height:1.55}.control-section{border-bottom:1px solid #ffffff1a;padding:17px 0}.control-section h2{color:#b7b7bf;font-size:var(--minimum-readable-font-size);letter-spacing:.06em;text-transform:uppercase;margin:0 0 11px;font-weight:700}.select-control,.hex-input,.copy-fallback input{color:#f7f7f8;background:#28282c;border:1px solid #414147;border-radius:9px;width:100%;height:48px}.select-control{padding:0 38px 0 13px}.field-note{color:#92929b;font-size:var(--minimum-readable-font-size);margin-top:8px;line-height:1.5}.segmented-control,.temperature-grid{gap:8px;display:grid}.segmented-control{grid-template-columns:repeat(3,minmax(max-content,1fr))}.temperature-grid{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));margin-bottom:14px}.segmented-control button,.temperature-grid button,.panel-actions button,.sheet-toggle{color:#c7c7ce;white-space:nowrap;background:#28282c;border:1px solid #414147;border-radius:9px;min-height:48px;padding:0 14px}.segmented-control button:hover,.temperature-grid button:hover,.panel-actions button:hover,.sheet-toggle:hover{color:#fff;border-color:#66666f}.segmented-control button.is-active,.temperature-grid button.is-active{color:#111113;background:#f4f4f5;border-color:#f4f4f5;font-weight:700}.temperature-grid button{min-width:0;font-size:var(--minimum-readable-font-size);padding:0 8px}.two-color-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.color-control,.stacked-field{display:block}.field-name{color:#d1d1d6;font-size:var(--minimum-readable-font-size);margin-bottom:7px;display:block}.color-input-row{grid-template-columns:44px 22px minmax(0,1fr);align-items:center;display:grid;position:relative}.color-picker{background:#28282c;border:1px solid #414147;border-radius:9px 0 0 9px;width:44px;height:48px;padding:3px}.hex-prefix{color:#898991;height:48px;font-size:var(--minimum-readable-font-size);background:#28282c;border-top:1px solid #414147;border-bottom:1px solid #414147;place-items:center;display:grid}.hex-input{min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--minimum-readable-font-size);text-transform:uppercase;border-left:0;border-radius:0 9px 9px 0;padding:0 9px 0 0}.range-control{margin-top:14px;display:block}.range-control:first-child{margin-top:0}.range-heading{color:#d1d1d6;font-size:var(--minimum-readable-font-size);justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;display:flex}.range-heading output{color:#fff;font-variant-numeric:tabular-nums}.range-control input{accent-color:#f4f4f5;width:100%;height:22px;margin:0}.panel-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:17px;display:grid}.panel-actions .primary-action{color:#111113;background:#f4f4f5;border-color:#f4f4f5;grid-column:1/-1;min-height:52px;font-weight:700}.panel-actions button:last-child{grid-column:1/-1}.feedback{color:#d4d4d8;min-height:calc(1.5em + 11px);font-size:var(--minimum-readable-font-size);text-align:center;padding-top:11px;line-height:1.5}.copy-fallback{color:#b7b7bf;font-size:var(--minimum-readable-font-size);margin-top:6px;line-height:1.5;display:block}.copy-fallback input{font-size:var(--minimum-readable-font-size);margin-top:8px;padding:0 12px}.shortcut-hint{color:#71717a;font-size:var(--minimum-readable-font-size);text-align:center;margin-top:4px;line-height:1.5}@media (max-width:700px){.settings-panel{top:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));border-radius:16px;width:auto;max-height:min(82dvh,760px);left:12px;transform:none}.settings-panel.is-hidden{transform:translateY(calc(100% + 28px))}.settings-panel.is-collapsed{max-height:none}.settings-panel.is-collapsed .panel-body{display:none}.sheet-toggle{min-height:44px;font-size:var(--minimum-readable-font-size);justify-content:center;align-items:center;padding:0 13px;display:inline-flex}.segmented-control button,.temperature-grid button,.panel-actions button{min-height:48px}}@media (max-width:480px){.panel-header{flex-wrap:wrap;align-items:flex-start}.panel-header>div:first-child,.panel-header-actions{width:100%}.panel-header-actions{justify-content:flex-end}.panel-actions,.two-color-grid{grid-template-columns:1fr}.panel-actions .primary-action,.panel-actions button:last-child{grid-column:1}}@media (max-width:380px){.settings-panel{right:8px;bottom:calc(8px + env(safe-area-inset-bottom));left:8px}.panel-header,.panel-body{padding-left:12px;padding-right:12px}}@media (max-height:520px) and (min-width:701px){.settings-panel{top:10px;bottom:10px;transform:none}.settings-panel.is-hidden{transform:translate(-12px)}.panel-body{max-height:calc(100dvh - 96px)}}@media (prefers-reduced-motion:reduce){.settings-panel{transition:none}}