:root{--bg:#060910;--panel:#10151d;--ink:#f0eee8;--muted:#9396a1;--faint:#646a77;--line:rgba(255,255,255,.11);--accent:#f27567;--serif:'Iowan Old Style','Baskerville','Noto Serif CJK SC','Songti SC','SimSun',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color-scheme:dark;font-family:var(--sans);background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.4;cursor:not-allowed}button,input,select{-webkit-user-select:none;user-select:none}input{-webkit-user-select:text;user-select:text}button{touch-action:manipulation}button:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible,a:focus-visible{outline:2px solid #ffc18c;outline-offset:5px}button,select{-webkit-appearance:none;appearance:none}button svg, .brand svg, .drop-overlay svg, .picker-settings svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:hover svg{transition:transform .2s}svg{display:block}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#playground{position:relative;width:100%;height:100%;height:100dvh;isolation:isolate}#sky{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;outline-offset:-6px}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 35%,rgba(2,4,9,.35));pointer-events:none}.chrome{transition:opacity .5s,transform .5s}.topbar{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:35px 45px;gap:16px;pointer-events:none}.brand{display:flex;gap:15px;align-items:center}.brand-mark{width:41px;height:41px;display:grid;place-items:center;color:#e8d1ad}.brand-mark svg{width:38px;height:38px;stroke-width:1.1;transform:rotate(11deg)}.brand h1{font-family:var(--serif);font-weight:500;font-size:27px;letter-spacing:5px;line-height:1.3;margin:0}.brand-dot{color:var(--accent);letter-spacing:0;margin-left:1px}.brand p{font-size:8px;letter-spacing:2.4px;color:#969799;margin:7px 0 0}.top-actions{display:flex;align-items:center;gap:9px;pointer-events:auto}.live-label{font-size:8px;letter-spacing:2px;color:#868a92;display:flex;align-items:center;gap:8px;margin-right:22px}.live-label>span{width:4px;height:4px;border-radius:100%;background:#b9c5ae;box-shadow:0 0 8px #b9c5ae66}.icon-button{width:39px;height:39px;border:1px solid transparent;border-radius:50%;display:inline-grid;place-items:center;background:transparent;color:#afb2ba;transition:background .18s,color .18s,border .18s}.icon-button:hover,.icon-button[aria-pressed=true]{color:var(--ink);border-color:var(--line);background:#ffffff08}.sky-message{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;white-space:nowrap;opacity:.75}.sky-message.quiet{opacity:0;transform:translate(-50%,-45%)}.sky-overline{font-size:8px;letter-spacing:4px;color:#8e929c}.sky-message p{font-family:var(--serif);font-size:clamp(22px,2.2vw,32px);letter-spacing:8px;font-weight:400;margin:17px 0;color:#d5d7df}.sky-instruction{font-size:11px;letter-spacing:2px;color:#89909d}.coordinate-tag{position:absolute;left:49px;top:50%;display:flex;gap:13px;align-items:center;pointer-events:none;color:#59616f;font-size:7px;letter-spacing:1.6px;line-height:1.8}.tiny-cross{font-size:22px;color:#495361;font-weight:200}.console{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(740px,calc(100% - 80px));pointer-events:none}.console button,.console input{pointer-events:auto}.console-caption{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px;font-size:8px;letter-spacing:2.1px;color:#888d97}.console-caption>span{display:flex;align-items:center;gap:8px}.console-caption i{width:4px;height:4px;border-radius:100%;background:#b9ac96}.text-button{background:none;border:0;color:#9297a2;display:inline-flex;align-items:center;gap:7px;padding:0;font-size:10px;letter-spacing:.6px;line-height:1.7}.text-button svg{width:13px;height:13px}.text-button:hover{color:var(--ink)}.launch-deck{display:flex;align-items:stretch;min-height:121px;border:1px solid #ffffff19;border-radius:19px;background:linear-gradient(130deg,rgba(27,31,40,.93),rgba(11,16,24,.9));box-shadow:0 18px 55px #0005,0 1px 0 #ffffff05 inset;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:10px;gap:18px;pointer-events:auto}.shell-select{border:0;display:flex;gap:17px;align-items:center;text-align:left;background:transparent;flex:1;min-width:0;border-radius:11px;padding:7px 8px 7px 6px}.shell-select:hover{background:#ffffff04}.shell-preview{display:block;flex-shrink:0;position:relative;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 24%,#31344588,#11151fcc 65%);border:1px solid #ffffff10;box-shadow:0 2px 18px #0004}.shell-preview::after{content:'';position:absolute;inset:6px;border:1px solid #ffffff05;border-radius:50%}.shell-preview canvas{width:100%;height:100%;border-radius:inherit}.shell-info{display:flex;flex-direction:column;gap:9px;min-width:0}.eyebrow{color:#7f8592;font-size:8px;letter-spacing:1.8px;font-weight:400}.shell-info .eyebrow{font-size:7px;letter-spacing:1.15px}.shell-info strong{font-weight:450;font-size:17px;letter-spacing:2px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-change{font-size:10px;color:#979ca5;letter-spacing:.4px;display:flex;align-items:center;gap:7px}.shell-change svg{width:12px;height:12px}.deck-divider{width:1px;background:linear-gradient(transparent,#ffffff12 20% 80%,transparent);margin:12px 0}.deck-options{display:flex;flex-direction:column;justify-content:center;gap:21px;padding-right:2px;min-width:113px}.auto-button{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.5px;background:none;border:0;padding:3px 0;color:#b4b6bf;white-space:nowrap}.auto-button svg{width:12px;height:12px;stroke-width:1.5}.auto-button[aria-pressed=true]{color:#ffc09a}.palette{display:flex;align-items:center;gap:9px}.color-dot{border-radius:50%;width:13px;height:13px;padding:0;border:0;background:var(--swatch);position:relative;opacity:.72;box-shadow:0 0 0 3px transparent;transition:opacity .2s}.color-dot::before{content:'';position:absolute;inset:-7px}.color-dot:hover,.color-dot[aria-pressed=true]{opacity:1}.color-dot[aria-pressed=true]{box-shadow:0 0 0 3px #121821,0 0 0 4px #9299a166}.color-dot.rainbow{background:conic-gradient(#f78791,#ffdb8c,#8febba,#8ec1ff,#cc9ff4,#f78791)}.fire-button{position:relative;overflow:hidden;flex:0 0 177px;border:1px solid #ffd6bd55;border-radius:12px;background:linear-gradient(120deg,#f9947b,#e8786b 65%,#d86360);color:#331c1c;box-shadow:0 2px 0 #ffffff29 inset,0 4px 22px #f07c6717;padding:13px 15px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;transition:filter .2s,transform .12s;touch-action:none;-webkit-user-select:none;user-select:none}.fire-button::before{content:'';position:absolute;inset:0;background:linear-gradient(130deg,#ffffff18,transparent 55%);pointer-events:none}.fire-button:hover{filter:brightness(1.11)}.fire-button:active,.fire-button.firing{transform:scale(.97);filter:brightness(1.2)}.fire-top{display:flex;align-items:center;gap:7px;font-size:6px;letter-spacing:1.7px;opacity:.78}.fire-top svg{width:12px;height:12px}.fire-button strong{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:32px;letter-spacing:5px;line-height:1.25}.fire-button strong svg{width:24px;height:24px;stroke-width:1.5;transition:transform .2s}.fire-button:hover strong svg{transform:translateX(3px)}.fire-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.7px;opacity:.76}kbd{font-family:inherit;font-weight:400;font-size:8px;letter-spacing:.7px;padding:2px 4px;border:1px solid #ffffff15;border-radius:3px;line-height:1}.fire-bottom kbd{font-size:6px;border-color:#331c1c33;letter-spacing:1px}.console-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 3px 0;font-size:8px;letter-spacing:.3px;color:#7f8692}.keyboard-hint{display:flex;gap:6px;align-items:center}.keyboard-hint>span{color:#515a68}.console-footer .text-button{font-size:8px}.restore-button{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;border:1px solid #ffffff20;border-radius:30px;background:#1419239c;backdrop-filter:blur(12px);font-size:11px;padding:12px 18px;opacity:.65}.restore-button:hover{opacity:1}.restore-button svg{width:16px;height:16px}.pause-button{position:absolute;right:43px;bottom:max(33px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;background:#0b111999;color:#8b94a0;border:1px solid #ffffff08;border-radius:6px;padding:7px 9px;font-size:9px;backdrop-filter:blur(10px)}.pause-button svg{width:11px;height:11px}.pause-button:hover{color:#fff}.immersive .chrome{opacity:0;pointer-events:none!important}.immersive .chrome button{pointer-events:none!important}.immersive .pause-button{opacity:.5}.drop-overlay{position:fixed;z-index:1000;inset:15px;background:#080d17f0;backdrop-filter:blur(10px);border:1px dashed #e9b79c;border-radius:22px;display:grid;place-items:center;text-align:center;pointer-events:none}.drop-overlay svg{width:44px;height:44px;stroke-width:1;margin:0 auto 22px;color:var(--accent)}.drop-overlay h2{font-family:var(--serif);font-weight:400;letter-spacing:3px;font-size:26px}.drop-overlay p{font-size:12px;color:var(--muted)}.drop-overlay span{font-size:10px;color:var(--faint)}.toast{position:fixed;bottom:225px;left:50%;transform:translateX(-50%);background:#232a35f0;color:#ecddd0;padding:12px 22px;border-radius:10px;border:1px solid #ffffff17;font-size:12px;z-index:2000;max-width:calc(100% - 32px);text-align:center;box-shadow:0 10px 45px #0005;pointer-events:none}.no-script{position:fixed;inset:35%;padding:32px;background:#151b25;border:1px solid var(--line)}
dialog{color:var(--ink);background:linear-gradient(145deg,#191e28,#10151d);border:1px solid #ffffff20;box-shadow:0 35px 120px #000a;border-radius:22px;padding:28px;width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#0008;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dialog-header h2{font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:2px;margin:9px 0 0;line-height:1.5}.dialog-header h2>span{color:var(--accent)}.close-dialog{width:32px;height:32px;background:#ffffff04;margin-top:-5px;margin-right:-5px}.close-dialog svg{width:16px;height:16px}.picker-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:25px 0 22px}.picker-tabs button{position:relative;padding:0 0 14px;border:0;background:none;color:var(--muted);font-size:12px;letter-spacing:.4px;white-space:nowrap}.picker-tabs button[aria-selected=true]{color:#f0c8ae}.picker-tabs button[aria-selected=true]::after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:#f0ab91}.picker-tabs button span{font-size:6px;padding:3px 5px;border:1px solid #ebb18c33;border-radius:3px;color:#dca98c;margin-left:4px;letter-spacing:1px;vertical-align:middle}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preset-card{border:1px solid #ffffff0a;border-radius:11px;background:#080d1455;display:flex;flex-direction:column;align-items:center;padding:8px 7px 12px;gap:4px;transition:border .2s,background .2s;position:relative}.preset-card:hover{border-color:#f0c8ae66;background:#ffffff03}.preset-card[aria-pressed=true]{border-color:#e9b49488;background:#e9b49409}.preset-card canvas{width:100%;max-width:104px;aspect-ratio:1;display:block}.preset-card strong{font-size:11px;font-weight:400;letter-spacing:1px}.preset-card small{font-size:6px;color:#7e8897;letter-spacing:1.2px;text-transform:uppercase;margin-top:3px}.preset-card .check{position:absolute;right:8px;top:8px;color:#e9b494;width:11px;height:11px}.panel-note{font-size:10px;line-height:1.9;color:#9197a3;letter-spacing:.3px;margin:16px 0 0}.picker-settings{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.picker-settings label{display:flex;align-items:center;gap:6px;font-size:10px;color:#959dad;white-space:nowrap}.picker-settings label svg{width:13px;height:13px}.picker-settings>span{margin-left:auto;font-size:8px;color:#7f8794}.picker-settings select{font-size:10px;padding:6px 9px}select{background:#1d2632;color:#d5dae3;border:1px solid var(--line);border-radius:6px;padding:10px;font-size:11px;appearance:auto}.field-label{display:block;font-size:12px;margin-bottom:10px;color:#bfc4cf}.wish-field{display:flex;align-items:center;padding:12px 16px;border:1px solid #ffffff20;border-radius:9px;background:#060d1855}.wish-field input{flex:1;width:0;border:0;background:none;color:#f0e3d5;font-size:18px;letter-spacing:2px;padding:4px 0;outline-offset:8px}.wish-field span{font-size:10px;color:#7b8696}.wish-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.wish-suggestions button{font-size:10px;color:#a3abba;background:#ffffff04;border:1px solid #ffffff0c;border-radius:5px;padding:6px 9px}.wish-suggestions button:hover{color:#f0c8ae;border-color:#f0c8ae40}.text-preview{height:150px;background:#080d1755;border-radius:10px;margin-top:20px;display:grid;place-items:center}.text-preview canvas{width:100%;height:100%;object-fit:contain}.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 18px;border:1px solid #f9c1a84d;border-radius:8px;background:#e98c73;color:#2e1f20;font-size:12px;letter-spacing:1px;margin-top:18px;font-weight:500}.primary-button:not(:disabled):hover{background:#f7a58a}.primary-button svg{width:17px;height:17px}.upload-area{width:100%;min-height:204px;border:1px dashed #69708166;border-radius:12px;background:radial-gradient(ellipse at 50% 30%,#283a5322,transparent);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;padding:25px}.upload-area:hover{border-color:#e0b19199;background:#e0b19106}.upload-area>svg{width:29px;height:29px;color:#d3af97;margin-bottom:6px;stroke-width:1.2}.upload-area strong{font-size:15px;font-weight:400;letter-spacing:2px}.upload-area span{color:#939dac;font-size:11px}.upload-area small{color:#7e8898;font-size:8px;letter-spacing:1px;margin-top:5px}.image-editor{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.image-preview-box{border:1px solid #ffffff0b;border-radius:12px;background:#060b14;min-width:0;position:relative;overflow:hidden;aspect-ratio:4/3}.image-preview-box canvas{display:block;width:100%;height:100%}.image-preview-box>span{position:absolute;bottom:9px;left:12px;font-size:6px;letter-spacing:1.8px;color:#7b8597}.image-editor-side{min-width:0}.image-editor-side>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:450}.image-editor-side>p{font-size:10px;color:#9a9fad;line-height:1.8;margin:11px 0 20px}.image-editor-side .field-label{font-size:10px}.image-editor-side select{width:100%;font-size:9px}.image-editor-side .text-button{font-size:10px;margin-top:16px}.help-dialog{width:min(560px,calc(100% - 32px))}.help-dialog>p{color:#a9b1c0;font-size:12px;line-height:2.1;margin:20px 0}.shortcut-grid{display:grid;grid-template-columns:1fr auto;gap:14px 20px;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#aeb5c2}.shortcut-grid kbd{justify-self:end;padding:5px 7px;background:#ffffff05;font-size:9px;color:#e5d7c7}.notice{padding:15px 17px;margin-top:20px;border:1px solid #ffffff0a;border-radius:10px;background:#ffffff02}.notice strong{color:#d3bba4;font-size:11px;font-weight:400}.notice p{font-size:10px;line-height:1.9;color:#969dab;margin:8px 0 0}.help-dialog .credits{font-size:9px;color:#8790a0;margin:17px 0 0}.credits a{color:#b5bdc9;text-decoration:underline;text-underline-offset:3px}.help-mobile-actions{display:flex;gap:10px;margin-top:18px}.secondary-button{border:1px solid var(--line);background:#ffffff04;border-radius:7px;padding:10px 12px;font-size:10px;display:flex;gap:8px;align-items:center}.secondary-button svg{width:14px;height:14px}
@media(min-width:1600px){.topbar{padding:43px 58px}.console{bottom:38px;width:790px}.launch-deck{min-height:130px}.fire-button{flex-basis:190px}.fire-button strong{font-size:36px}}
@media(max-width:1000px){.topbar{padding:28px}.live-label{display:none}.coordinate-tag{left:30px}.console{bottom:30px}.pause-button{right:20px;bottom:204px}.keyboard-hint{display:none}}
@media(max-width:640px){.topbar{padding:23px 20px}.brand{gap:9px}.brand-mark{width:26px;height:32px}.brand-mark svg{width:28px;height:28px}.brand h1{font-size:22px;letter-spacing:4px}.brand p{font-size:6px;letter-spacing:1.8px;margin-top:6px}.top-actions{gap:5px}.icon-button{width:35px;height:35px}.top-actions .desktop-control{display:none}.top-actions svg{width:18px;height:18px}.coordinate-tag{display:none}.sky-message{top:34%}.sky-message p{font-size:24px;letter-spacing:5px}.sky-overline{font-size:6px;letter-spacing:2.8px}.sky-instruction{font-size:10px;letter-spacing:1px}.console{width:calc(100% - 32px);bottom:max(20px,env(safe-area-inset-bottom));max-width:440px}.console-caption{font-size:6px;letter-spacing:1.7px;padding-bottom:11px}.console-caption .text-button{font-size:8px}.launch-deck{min-height:139px;gap:9px;padding:8px;border-radius:16px;flex-wrap:wrap}.shell-select{flex:1 1 auto;min-width:0;gap:11px;padding:5px 3px;width:calc(100% - 128px);align-self:flex-start;min-height:79px}.shell-preview{width:54px;height:54px}.shell-info{gap:7px}.shell-info .eyebrow{font-size:6px;letter-spacing:.45px}.shell-info strong{font-size:15px;letter-spacing:1px;max-width:139px}.shell-change{font-size:8px;letter-spacing:0;gap:3px}.shell-change svg{width:10px;height:10px}.deck-divider{display:none}.deck-options{position:absolute;bottom:41px;left:21px;width:calc(100% - 169px);padding:0;gap:0;flex-direction:row;align-items:center;justify-content:space-between;min-width:0;height:22px}.auto-button{font-size:9px;gap:4px;letter-spacing:0}.auto-button svg{width:9px;height:9px}.palette{gap:6px;margin-left:7px}.color-dot{width:9px;height:9px}.color-dot[aria-pressed=true]{box-shadow:0 0 0 2px #141923,0 0 0 3px #9299a166}.fire-button{flex:0 0 116px;min-height:121px;padding:13px 12px;border-radius:10px;align-self:stretch}.fire-button strong{font-size:27px;letter-spacing:3px}.fire-button strong svg{width:19px;height:19px}.fire-top{font-size:5px;letter-spacing:1px;gap:4px}.fire-top svg{width:10px;height:10px}.fire-bottom{font-size:7px;letter-spacing:0;white-space:nowrap}.fire-bottom kbd{display:none}.console-footer{padding:12px 2px 0;font-size:7px;letter-spacing:0}.console-footer .text-button{font-size:7px;gap:4px}.console-footer .text-button svg{width:12px;height:12px}.pause-button{right:19px;bottom:max(224px,calc(env(safe-area-inset-bottom) + 204px));font-size:8px;padding:6px 8px}.toast{bottom:260px;font-size:11px;padding:11px 16px}.picker-dialog,.help-dialog{padding:22px 19px;border-radius:17px;max-height:calc(100dvh - 26px)}.dialog-header h2{font-size:20px;letter-spacing:1px}.eyebrow{font-size:6px}.picker-tabs{gap:24px;margin-top:22px;margin-bottom:17px}.picker-tabs button{font-size:11px}.picker-tabs button span{display:none}.preset-grid{grid-template-columns:repeat(4,1fr);gap:7px}.preset-card{padding:7px 3px 10px;border-radius:8px}.preset-card strong{font-size:10px;letter-spacing:0}.preset-card small{font-size:5px;letter-spacing:.8px}.picker-settings{gap:7px;padding-top:13px}.picker-settings>span{font-size:6px;max-width:110px;text-align:right}.picker-settings label{font-size:9px}.picker-settings select{font-size:9px;padding:6px}.panel-note{font-size:9px}.image-editor{grid-template-columns:1fr;gap:15px}.image-preview-box{max-height:170px;aspect-ratio:auto}.image-preview-box canvas{max-height:170px;object-fit:contain}.image-editor-side>p{margin:8px 0 12px}.image-editor-side select{font-size:11px}.image-editor-side .text-button{margin-top:12px}.upload-area{min-height:195px}.wish-field input{font-size:16px}.text-preview{height:120px}.drop-overlay h2{font-size:21px}.drop-overlay p{font-size:10px}}
@media(max-width:370px){.shell-info .eyebrow{font-size:5px}.shell-preview{width:45px;height:45px}.shell-select{gap:8px}.fire-button{flex-basis:104px}.deck-options{width:calc(100% - 153px);left:18px}.palette{gap:5px}.color-dot{width:8px;height:8px}.auto-button{font-size:8px}.console-footer>span{font-size:6px}.picker-tabs{gap:18px}.brand p{letter-spacing:1.2px}}
@media(max-height:530px) and (min-width:641px){.topbar{padding:15px 25px}.brand h1{font-size:21px}.brand p{font-size:6px}.brand-mark svg{width:28px}.console{bottom:14px;max-width:610px}.console-caption{padding-bottom:7px}.launch-deck{min-height:91px;padding:7px;gap:12px}.shell-preview{width:51px;height:51px}.shell-info{gap:5px}.shell-info strong{font-size:14px}.fire-button{padding:7px 12px;flex-basis:141px}.fire-button strong{font-size:24px}.fire-top{font-size:5px}.fire-bottom{font-size:6px}.console-footer{padding-top:8px}.sky-message{top:36%}.sky-message p{font-size:21px}.pause-button{bottom:20px;right:15px}.deck-options{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.sky-message{transition:none}}

/* English labels and messages of any length. */
.brand { min-width: 0; }
.brand h1 { font-size: 27px; letter-spacing: .02em; }
.brand p { letter-spacing: 1.4px; }
.sky-message p { letter-spacing: .04em; }
.dialog-header h2 { letter-spacing: .01em; }
.dialog-header > div { min-width: 0; }
.dialog-header .close-dialog { flex-shrink: 0; }
.shell-info strong { letter-spacing: .02em; }
.shell-change { font-size: 9px; }
.wish-field { align-items: stretch; flex-direction: column; gap: 9px; }
.wish-field textarea {
  display: block;
  width: 100%;
  min-height: 88px;
  resize: vertical;
  border: 0;
  background: transparent;
  color: #f0e3d5;
  font: inherit;
  font-size: 18px;
  line-height: 1.5;
  padding: 0;
  outline-offset: 6px;
}
.wish-field span { text-align: right; }
.text-preview { height: 210px; }
.text-pagination { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px; font-size: 10px; color: #a9b1c0; }
.preset-card strong { text-align: center; }
@media (max-width: 640px) {
  .brand h1 { font-size: 19px; max-width: 180px; }
  .brand p { max-width: 180px; font-size: 6px; letter-spacing: .6px; line-height: 1.6; }
  .shell-change { font-size: 8px; line-height: 1.4; }
  .shell-info strong { font-size: 14px; }
  .console-footer { align-items: flex-start; gap: 8px; }
  .console-footer > span { max-width: 56%; }
  .console-footer .text-button { white-space: nowrap; }
  .deck-options { gap: 8px; }
  .auto-button { font-size: 8px; }
  .palette { margin-left: 0; gap: 5px; }
  .color-dot { width: 8px; height: 8px; }
  .wish-field textarea { font-size: 16px; }
  .text-preview { height: 180px; }
  .picker-tabs { gap: 8px; justify-content: space-between; }
  .preset-grid { grid-template-columns: repeat(2, 1fr); }
  .preset-card canvas { max-width: 84px; }
  .preset-card small { font-size: 7px; }
  .drop-overlay h2 { font-size: 20px; letter-spacing: 0; }
}