.header{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);height:auto!important;min-height:96px;gap:24px;align-items:center!important;padding-block:12px}.header>nav{display:flex!important;align-items:center!important;justify-content:center;gap:24px!important;flex-wrap:wrap;margin:0;line-height:1.5}.header>nav>a,.header [data-account-nav]{display:inline-flex;align-items:center;justify-content:center;min-height:40px}.header>.brand{justify-self:start}.site-controls{justify-self:end;display:flex;align-items:center;gap:9px}.language-switch{display:inline-flex;padding:3px;gap:2px;border:1px solid #ded4ed;background:#ffffff70;border-radius:30px}.language-switch button,.theme-switch{font:500 14px Anuphan,system-ui,sans-serif;cursor:pointer;border:0;display:grid;place-items:center;color:#80708f;background:transparent;white-space:nowrap}.language-switch button{min-width:36px;height:30px;border-radius:24px;padding:0 9px}.language-switch button.active{background:#7651e9;color:#fff}.theme-switch{border:1px solid #ded4ed;background:#ffffff70;width:38px;height:38px;border-radius:50%;font-size:22px;line-height:1}.site-controls button:focus-visible{outline:3px solid #9875f6;outline-offset:3px}.header .brand-logo{max-width:100%}.account-page .secondary,.history-actions .secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #e4dcee;background:#f4f0fc;color:#6e50ab;padding:11px 18px;border-radius:13px;font:500 14px Anuphan,system-ui,sans-serif;line-height:1.3;text-align:center;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s}.account-page .secondary:hover{background:#ece2fd;transform:translateY(-1px)}.account-user #account-logout{background:transparent;color:#8d7d9a;flex-shrink:0;border-color:#e9e0ef}.account-user #account-logout:hover{background:#f6edf1;color:#a24a6d}.account-user>div{min-width:0}.account-page .history-toolbar{display:flex;justify-content:flex-start;align-items:center;gap:18px;margin:28px 0 22px}.history-tools{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-left:auto}.history-tools .check-field{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 13px;border:1px solid #e5dfed;border-radius:30px;background:#fff;min-height:42px;white-space:nowrap;font-size:14px;color:#877791;cursor:pointer}.history-tools input{width:17px;height:17px;margin:0;accent-color:#7651e9}.history-tools #history-count{font-size:14px;white-space:nowrap;margin:0}.history-tabs{align-items:center;gap:6px;background:#f0ebf8;border:1px solid #e8e1f1;border-radius:32px;padding:4px}.history-tabs button{border:0;background:transparent;min-height:37px;padding:9px 18px;font-size:14px;white-space:nowrap}.history-tabs button.active{box-shadow:0 4px 12px #7651e929}.history-empty .button-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:26px}.history-empty .button-row>a{min-width:150px}.history-empty .button-row>a:last-child{background:#7651e9;color:#fff;border-color:#7651e9}.history-actions{display:flex;align-items:center;gap:8px}.history-actions .history-remove{margin-left:auto;min-height:40px;padding-inline:8px}.history-actions .secondary{white-space:normal}.account-page button:focus-visible,.account-page a:focus-visible{outline:3px solid #a686f7;outline-offset:3px}.account-page .history-empty p{max-width:560px;margin:16px auto;color:#85788f;line-height:1.8}
:root[data-theme=dark]{color-scheme:dark;--blue:#ad8cff;--muted:#b5abc4;--line:#3a3148;--studio-ink:#f0e8fa;--studio-muted:#baabc9;--studio-purple:#b898ff;--studio-line:#3d334b;background:#17141f;color:#eee8f7}html[data-theme=dark] body,html[data-theme=dark] .home-studio,html[data-theme=dark] .sticker-studio,html[data-theme=dark] .support-body{background:#17141f;color:#eee8f7}html[data-theme=dark] .header,html[data-theme=dark] footer,html[data-theme=dark] .home-about{border-color:#3b3248}html[data-theme=dark] .brand-logo{filter:invert(1) brightness(1.1)}html[data-theme=dark] :is(h1,h2,h3,h4){color:#f0eafa}html[data-theme=dark] :is(nav,.lead,.account-lead,.home-lead,.legal p,.muted,.home-tool p,.home-about p:not(.home-eyebrow),.coffee-lead,.coffee-thanks p,.coffee-bmc p,.account-user p,.history-date,.history-detail,.history-empty p,.studio-main .section-kicker,.style-card small,.hero-note){color:#b7acc5}html[data-theme=dark] :is(a:hover,.home-text-link,.home-eyebrow,.account-kicker,.studio-eyebrow,.coffee-kicker,.history-kind){color:#c4aaff}html[data-theme=dark] :is(.language-switch,.theme-switch){background:#26202f;border-color:#494052;color:#c1b1d3}html[data-theme=dark] .language-switch button{color:#bcafcb}html[data-theme=dark] .language-switch button.active{color:white;background:#7751df}html[data-theme=dark] :is(.tool,.tool-content,.converter,.bill-section,.sticker-panel,.pose,.account-user,.history-card,.count-option,.style-card,.reference-frame,.sticker-tile){background:#231d2c;border-color:#40354e;color:#eee8f7}html[data-theme=dark] :is(.home-tool,.history-empty,.account-login,.coffee-bmc){background:#2b223c;border-color:#4c3a64;color:#efe8fa}html[data-theme=dark] .card-lotto{background:#24352e;border-color:#3f5748}html[data-theme=dark] .card-bill{background:#3d3023;border-color:#5b4731}html[data-theme=dark] :is(.home-contact,.home-coffee,.coffee-thanks,.bill-result){background:#2d2438;border-color:#483655;color:#eee8f7}html[data-theme=dark] :is(.tool-symbol,.count-badge,.step-number,.upload-icon,.account-benefits span,.floating-note,.speech-bubble,.hero-start,.pose-toolbar){background:#352847;border-color:#534163;color:#d3b6ff}html[data-theme=dark] .note-two{background:#345446;color:#c4eed4}html[data-theme=dark] .card-lotto .tool-symbol{background:#344b3d;color:#bee2bf;border-color:#4c6752}html[data-theme=dark] .card-bill .tool-symbol{background:#584126;color:#f1c891;border-color:#785731}html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select,.sticker-studio input:not([type=radio]):not([type=checkbox]):not([type=file]),.sticker-studio textarea){background:#1b1724;color:#eee8f7;border-color:#4b3d5a}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#9789a7}html[data-theme=dark] :is(.bill-drop,.sticker-studio .bill-drop,#ref-preview,.tool-visual){background:#2a2138;border-color:#564169;color:#d2c3e3}html[data-theme=dark] :is(.bill-drop:hover,.bill-drop.dragging){background:#352544!important}html[data-theme=dark] :is(.pose legend,.participant,.icon-button,.small-button){background:#372a47;color:#d7c5ed}html[data-theme=dark] :is(.style-card.active,.style-card:hover){background:#38254d;border-color:#b794fa}html[data-theme=dark] :is(.history-tabs,.history-tools .check-field){background:#231d2d;border-color:#473853;color:#c4b4d6}html[data-theme=dark] .history-tabs button{color:#bcadcd}html[data-theme=dark] .history-tabs button.active{background:#7850e6;color:white}html[data-theme=dark] :is(.account-page .secondary,.sticker-studio .secondary,.history-actions .secondary,.home-coffee a){background:#38294b;color:#dac3ff;border-color:#57426b}html[data-theme=dark] .account-user #account-logout{color:#ccbcd8;border-color:#57426b}html[data-theme=dark] .account-user #account-logout:hover{background:#482c3d;color:#ffc4da}html[data-theme=dark] .history-empty .button-row>a:last-child{background:#7850e6;color:white}html[data-theme=dark] :is(.history-remove,.tool-tag,.feature-entry,.home-trust,.coffee-bmc small,.home-coffee p,.history-save-panel p,.account-login p,.account-login-action small){color:#b7a6c8}html[data-theme=dark] .coffee-bmc-button{color:white;box-shadow:0 7px 0 #3d2c53}html[data-theme=dark] .art-halo{background:radial-gradient(ellipse,#7750be40,transparent 70%)}html[data-theme=dark] :is(.glow-one,.glow-two){opacity:.08}html[data-theme=dark] .history-sticker-sheet,html[data-theme=dark] .checker{background-color:#211b2b;background-image:conic-gradient(#342a40 25%,transparent 0 50%,#342a40 0 75%,transparent 0);background-size:16px 16px}html[data-theme=dark] :is(.summary-label,.summary-total,.share-row,.bill-result h3){color:#e5cee8;border-color:#49384b}html[data-theme=dark] .error{color:#ffaaa8!important}html[data-theme=dark] .shortcuts a:hover{background:#2c213d}html[data-theme=dark] :is(.feature-entry,.history-save-panel,.bill-item,.shortcuts,.shortcuts a){border-color:#473651}
@media(max-width:1000px){.header{gap:16px}.header>nav{gap:14px!important}.header>nav>a{font-size:14px}.header .brand-logo{width:175px!important;height:58px!important}.header .account-nav-link{font-size:14px}}@media(max-width:720px){.header{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding-block:12px 15px}.header>.brand{grid-column:1;grid-row:1}.header>.site-controls{grid-column:2;grid-row:1}.header>nav{grid-column:1/-1;grid-row:2;justify-content:center;gap:17px!important;width:100%;padding-top:5px}.header>nav>a,.header .account-nav-link{font-size:14px!important}.header .brand-logo{width:155px!important;height:52px!important}.history-tools{gap:10px}.account-page .history-toolbar{gap:12px}.history-empty .button-row{gap:10px}.account-user{align-items:center}.account-user h2{font-size:20px}}@media(max-width:480px){.history-toolbar .history-tabs{width:100%;justify-content:center}.history-toolbar .history-tabs button{flex:1}.history-tools{width:100%;justify-content:space-between;margin-left:0}.account-user{gap:12px}.account-user #account-logout{font-size:14px;padding:10px 13px;min-height:38px}.history-empty .button-row>a{min-width:0;flex:1}.history-empty{padding:40px 20px}.header>nav{gap:10px!important}.header>nav>a,.header .account-nav-link{font-size:14px!important}.site-controls{gap:6px}.theme-switch{width:35px;height:35px}.language-switch button{min-width:32px;height:28px;padding:0 7px}}@media(prefers-reduced-motion:reduce){.account-page .secondary{transition:none}.account-page .secondary:hover{transform:none}}

html[data-theme=dark] .account-nav-link{color:#cdb0ff!important;border-color:#645076}

html[data-theme=dark] :is(.workbench,.output-panel,.utility-card,.feature-art){background:#241d2e;border-color:#46364f;color:#eee8f7}html[data-theme=dark] .secondary{background:#38294b;color:#dac3ff}html[data-theme=dark] .primary{background:#7751e9;color:#fff}html[data-theme=dark] .primary:hover{background:#8963ed}