:root{color:#19332f;--bg:#f6f8f7;--surface:#fff;--ink:#19332f;--muted:#60736d;--border:#dce5e0;--accent:#0f766e;--tint:#e8f3ee;--shadow:0 12px 30px #16352c08;color-scheme:light;background:#f6f8f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.65}:root[data-theme=dark]{--bg:#0b0f17;--surface:#111827;--ink:#f8fafc;--muted:#94a3b8;--border:#1e293b;--accent:#38bdf8;--tint:#38bdf81f;color:var(--ink);background:var(--bg);color-scheme:dark}*{box-sizing:border-box}html,body{max-width:100%;margin:0;overflow-x:clip}a{color:inherit;text-underline-offset:4px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}:focus-visible{outline-offset:4px;outline:3px solid #d48830}.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:12px;background:var(--surface);z-index:10;padding:12px;top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--border);background:var(--surface);overflow:visible}.header-inner{align-items:center;gap:24px;max-width:1240px;margin:auto;padding:20px 28px;display:flex}.brand{letter-spacing:-.04em;white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:800;line-height:1;text-decoration:none;display:flex}.brand-mark{color:#fff;background:#0f766e;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brand-symbol{flex-shrink:0;width:38px;height:38px;display:block}.brand-light{font-weight:500}.header-inner nav{flex:1;gap:22px;font-size:14px;font-weight:550;display:flex}.header-inner nav a{text-decoration:none}.header-search{background:var(--bg);border:1px solid var(--border);border-radius:9px;align-items:center;max-width:190px;display:flex}.header-search input{background:0 0;border:0;width:140px;min-width:0;padding:8px 10px;font-size:13px}.icon-button,.theme-button,.text-button{color:var(--ink);background:0 0;border:0;border-radius:6px;padding:6px 8px}.theme-button{border:1px solid var(--border);white-space:nowrap;font-size:12px}.menu-button{display:none}main,.site-footer{max-width:1184px;margin:auto;padding:0 28px}.site-footer{border-top:1px solid var(--border);margin-top:64px;padding-top:54px;padding-bottom:40px}.footer-bento{grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;display:grid}.footer-col{flex-direction:column;display:flex}.footer-col-brand .brand{align-items:center;gap:10px;margin-bottom:8px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.footer-slogan{color:var(--muted);max-width:280px;margin:0 0 16px;font-size:13.5px;line-height:1.6}.footer-status-pill{color:#16a34a;background:#22c55e14;border:1px solid #22c55e33;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}[data-theme=dark] .footer-status-pill{color:#4ade80;background:#22c55e1f;border-color:#22c55e40}.status-pulse-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;box-shadow:0 0 #22c55eb3}@keyframes pulseDot{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.footer-col-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin:0 0 16px;font-size:12px;font-weight:700}.footer-col nav{flex-direction:column;gap:11px;display:flex}.footer-col nav a{color:var(--muted);font-size:13.5px;text-decoration:none;transition:all .18s;display:inline-block}.footer-col nav a:hover{color:var(--accent);transform:translate(2px)}.footer-bottom-bar{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding-top:28px;font-size:13px;display:flex}.footer-bottom-bar p{margin:0}.footer-bottom-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.privacy-pref-pill,button[data-privacy-settings]{color:var(--ink)!important;background:var(--surface)!important;border:1px solid var(--border)!important;cursor:pointer!important;border-radius:999px!important;align-items:center!important;gap:6px!important;padding:8px 18px!important;font-size:12.5px!important;font-weight:550!important;text-decoration:none!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important;box-shadow:0 2px 8px #0000000a!important}.privacy-pref-pill:before,button[data-privacy-settings]:before{content:"🛡️";font-size:12px}.privacy-pref-pill:hover,button[data-privacy-settings]:hover{border-color:var(--accent)!important;color:var(--accent)!important;transform:translateY(-1px)!important;box-shadow:0 8px 20px -4px #0f766e40!important}.pwa-install-pill{color:var(--muted);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:500;transition:all .2s;display:inline-flex}.pwa-install-pill:hover{color:var(--ink);border-color:var(--accent)}section{margin:48px 0 72px}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;padding:48px 0 24px;display:grid}.eyebrow{letter-spacing:.16em;align-items:center;gap:9px;font-size:10px;font-weight:750;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}h1{letter-spacing:-.055em;margin:22px 0;font-size:clamp(34px,4.5vw,58px);line-height:1.13}h1 span{color:var(--accent)}h2{letter-spacing:-.035em;margin:12px 0 20px;font-size:30px;line-height:1.22}h3{letter-spacing:-.025em;font-size:19px;line-height:1.3}p{color:var(--muted)}.hero-copy{max-width:520px;font-size:17px;line-height:1.8}.actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.button,button:not(.icon-button,.theme-button,.text-button,.favorite,.menu-button,.launcher-trigger,.privacy-pref-pill,.privacy-pref-btn,.pwa-install-pill,.pwa-install-btn,.color-chip,.md-btn,.view-mode-btn,.crop-preset-btn,.card-action-btn,.var-chip,.btn-format,[data-privacy-settings],[data-privacy-preferences]){color:#fff;background:#0f766e;border:0;border-radius:8px;justify-content:center;align-items:center;gap:20px;padding:12px 20px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.secondary{background:var(--tint)!important;color:var(--ink)!important}.text-link{font-size:13px;font-weight:650}.hero-notes{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:30px;font-size:11px;display:flex}.hero-art{color:#dcefe5;box-shadow:15px 18px 0 var(--tint);background:#193b33;border-radius:18px;padding:28px;position:relative;transform:rotate(-2deg)}.art-title{letter-spacing:.15em;align-items:center;gap:9px;font-size:10px;display:flex}.art-title>span:last-child{opacity:.6;margin-inline-start:auto}.hero-art pre{color:#addec5;margin:32px 0;font:15px/2 ui-monospace,monospace}.art-result{border-top:1px solid #ffffff28;align-items:center;gap:15px;padding-top:20px;display:flex}.art-result>span{color:#93dfbe;font-size:24px}.art-result strong{font-size:13px}.art-result small{opacity:.6;font-size:11px;display:block}.art-badge{inset-inline-end:-20px;background:var(--surface);color:var(--ink);border:1px solid var(--border);letter-spacing:.04em;backdrop-filter:blur(8px);border-radius:8px;padding:8px 14px;font-size:11px;font-weight:600;position:absolute;bottom:-22px;transform:rotate(3deg);box-shadow:0 4px 14px #00000014}:root[data-theme=dark] .art-badge{color:#f1f5f9;background:#1e293bd9;border:1px solid #ffffff1f;box-shadow:0 8px 24px #0006}.section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tool-card,.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;padding:24px;text-decoration:none;display:block}.tool-card{transition:transform .15s,border-color .15s}.tool-card:hover{border-color:var(--accent);transform:translateY(-3px)}.tool-card h3 a{text-decoration:none}.tool-card p{min-height:44px;font-size:13px}.card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tool-icon{background:var(--tint);color:var(--accent);border-radius:10px;place-items:center;width:40px;height:40px;font:700 16px ui-monospace,monospace;display:grid}.favorite{color:var(--muted);font-size:23px}.favorite[aria-pressed=true]{color:#ad762d}.tag{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:750}.card-link{justify-content:space-between;font-size:12px;font-weight:650;text-decoration:none;display:flex}.editorial{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:90px;padding-top:48px;display:grid}.editorial>div>p{max-width:430px;font-size:14px}.editorial-links{gap:16px;display:grid}.editorial h2{font-size:38px}.editorial .card{padding:22px}.editorial .card p{font-size:13px}.trust-strip{background:var(--tint);border-radius:14px;grid-template-columns:.7fr 1.3fr;align-items:center;gap:24px;padding:32px 40px;display:grid}.trust-strip h2{margin:0}.trust-strip p{margin:0;font-size:14px}.trust-strip a{grid-column:2;font-size:12px}.page-intro{max-width:810px;margin-top:64px}.page-intro p{max-width:660px}.catalog-controls{grid-template-columns:2fr 1fr 1fr;gap:16px;display:grid}.muted{color:var(--muted)}.small{font-size:11px}label{margin-bottom:8px;font-size:12px;font-weight:650;display:block}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:8px;padding:11px 13px}textarea{resize:vertical;font:13px/1.65 ui-monospace,SFMono-Regular,monospace}.empty-state{border:1px dashed var(--border);background:var(--surface);border-radius:14px;padding:42px}.empty-state p{max-width:680px}.prose{max-width:780px}.prose h2:not(:first-child){margin-top:36px}.prose p{font-size:15px}.policy-toc{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin:24px 0 36px;padding:18px 24px}.policy-toc-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600}.policy-toc-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.policy-toc-list a{color:var(--accent);font-size:14px;text-decoration:none;transition:color .15s}.policy-toc-list a:hover{text-decoration:underline}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:34px;font-size:12px;display:flex}.tool-intro{flex-direction:column;gap:12px;margin:32px 0 24px;display:flex}.tool-intro .breadcrumb{margin-bottom:2px}.tool-intro .tag{background:var(--tint);border:1px solid var(--border);letter-spacing:.05em;width:fit-content;color:var(--accent);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.tool-intro h1{letter-spacing:-.02em;margin:0;font-size:36px;font-weight:800;line-height:1.2}.tool-intro p[data-tool-description]{color:var(--muted);max-width:840px;margin:0;font-size:16px;line-height:1.6}.tool-options:empty{display:none}.workbench{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;margin-bottom:48px;overflow:hidden}.workbench-bar{background:var(--tint);align-items:center;gap:8px;padding:12px 22px;font-size:11px;display:flex}.workbench-bar button{margin-inline-start:auto;font-size:11px}.tool-options{flex-wrap:wrap;gap:16px;padding:22px 22px 0;display:flex}.tool-options>div{flex:1;min-width:160px;max-width:350px}.editor-grid{grid-template-columns:1fr 1fr;gap:20px;padding:22px;display:grid}#result-preview{background:var(--bg);border:1px solid var(--border);border-radius:12px;margin:16px 22px 24px;padding:24px;line-height:1.7;overflow-x:auto;box-shadow:inset 0 1px 3px #0000000a}#result-preview:before{content:"👁️ 渲染预览 / Rendered Preview";text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:1px dashed var(--border);margin-bottom:16px;padding-bottom:8px;font-size:11px;font-weight:700;display:block}#result-preview h1,#result-preview h2,#result-preview h3,#result-preview h4{color:var(--ink);margin-top:20px;margin-bottom:12px;line-height:1.35}#result-preview p{margin-top:0;margin-bottom:14px}#result-preview ul,#result-preview ol{margin-top:0;margin-bottom:14px;padding-inline-start:24px}#result-preview li{margin-bottom:6px}#result-preview table{border-collapse:collapse;width:100%;margin:16px 0}#result-preview th,#result-preview td{border:1px solid var(--border);text-align:left;padding:8px 12px}#result-preview pre{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:14px 0;padding:14px;overflow-x:auto}#result-preview code{background:var(--tint);border-radius:4px;padding:2px 6px;font-size:.9em}#result-preview pre code{background:0 0;padding:0}#result-preview blockquote{border-inline-start:4px solid var(--accent);color:var(--muted);margin:14px 0;padding-inline-start:14px}.tool-intro+.workbench+.prose{border-top:1px solid var(--border);margin-top:48px;padding-top:36px}.tool-intro+.workbench+.prose h2:first-child{margin-top:0}.workbench>.actions{margin-top:0;padding:0 22px}.workbench>#status{padding:0 22px 15px;font-size:13px}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px 0 64px;display:grid}.guide-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;justify-content:space-between;padding:28px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s;display:flex}.guide-card:hover{border-color:var(--accent);transform:translateY(-2px)}.guide-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.guide-number{background:var(--tint);color:var(--accent);border-radius:6px;padding:2px 8px;font-family:ui-monospace,monospace;font-size:13px;font-weight:700}.guide-badge{color:var(--muted);margin-inline-start:auto;font-size:11px}.guide-card h2{color:var(--ink);margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.4}.guide-desc{color:var(--muted);margin:0 0 16px;font-size:13.5px;line-height:1.6}.guide-takeaways{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-bottom:20px;padding:14px 18px;font-size:12.5px}.guide-takeaways-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:700}.guide-takeaways ul{color:var(--ink);margin:0;padding-inline-start:18px;line-height:1.6}.guide-takeaways li{margin-bottom:4px}.guide-actions{justify-content:flex-end;align-items:center;display:flex}.guide-btn{padding:8px 18px!important;font-size:13px!important}details{border-bottom:1px solid var(--border);padding:16px 0}summary{cursor:pointer;font-size:14px;font-weight:650}.toast{bottom:20px;background:var(--ink);max-width:360px;color:var(--bg);z-index:20;border-radius:8px;padding:12px 20px;font-size:13px;position:fixed;inset-inline-end:20px}.toast:empty{display:none}@media (width<=1020px){.header-inner{gap:16px}.header-search{display:none}.hero{gap:40px}.hero-art{padding:22px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial{gap:40px}.hero-notes{gap:12px}.footer-bento{grid-template-columns:1fr 1fr;gap:32px}.guides-grid{grid-template-columns:1fr}}@media (width<=640px){main,.site-footer{padding-left:20px;padding-right:20px}.header-inner{flex-wrap:wrap;gap:12px;padding:16px 20px}.brand{flex:1}.menu-button{display:block}.header-inner nav{flex-basis:100%;order:4;width:100%;padding-top:14px;display:none}.header-inner nav.open{flex-wrap:wrap;display:flex}.hero{grid-template-columns:1fr;gap:35px;margin-top:32px;padding-top:10px}.hero-art{max-width:400px;margin:0 15px 20px 0}.hero-copy{font-size:15px}.hero-notes{font-size:10px}.tool-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading .text-link{text-align:right;max-width:95px}.editorial{grid-template-columns:1fr;gap:22px}.trust-strip{padding:26px;display:block}.trust-strip p{margin:16px 0}.catalog-controls{grid-template-columns:1fr 1fr}.catalog-controls>div:first-child{grid-column:1/-1}.editor-grid{grid-template-columns:1fr}.page-intro{margin-top:38px}.tool-intro h1{font-size:34px}.site-footer{display:block}.footer-bento{grid-template-columns:1fr;gap:28px}.footer-bottom-bar{flex-direction:column;align-items:flex-start;gap:16px}.workbench-bar{padding:10px 16px}.workbench .actions{gap:8px}.empty-state{padding:26px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.tool-card:hover,.hero-art{transform:none}}.workbench>#local-usage{padding:0 22px 15px}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}html[lang=zh-CN]{line-height:1.8}html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3{letter-spacing:0;overflow-wrap:anywhere;line-height:1.4}html[lang=zh-CN] .tag,html[lang=zh-CN] .eyebrow{letter-spacing:.04em}.header-inner{flex-wrap:wrap;gap:18px}.header-inner nav{flex-wrap:wrap;gap:14px}@media (width>=1024px){.header-inner{flex-wrap:nowrap;gap:16px}.header-inner nav{flex-wrap:nowrap;gap:14px}}.language-control{flex:none}.language-control select{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--ink);width:auto;cursor:pointer;box-sizing:border-box;border-radius:18px;outline:none;max-inline-size:140px;padding:0 28px 0 12px;font-size:13px;font-weight:500;transition:border-color .15s}.language-control select:hover{border-color:var(--accent)}.translation-review{color:var(--ink);background:var(--tint);border-block-end:1px solid var(--border);text-align:center;margin-inline:auto;padding:10px 28px;font-size:12px}.tool-card,.card,.editor-grid>div,.hero>div,.section-heading>div{min-inline-size:0}.tool-card h3,.tool-card p,.prose p,.workbench #status{overflow-wrap:anywhere}textarea,pre,code,#input,#output{text-align:start;direction:ltr;unicode-bidi:plaintext}.skip{inset-inline-start:-9999px}.skip:focus{inset-inline-start:12px}.art-title>span:last-child,.workbench-bar button{margin-inline-start:auto}.toast{inset-inline-end:20px}.trust-strip p{color:var(--ink)}@media (width<=640px){.header-inner{gap:10px}.header-inner nav{order:5}.language-control select{max-inline-size:110px}.translation-review{text-align:start;padding-inline:20px}.section-heading .text-link{text-align:end;max-inline-size:120px}.art-badge{inset-inline-end:4px}}.generated-file-preview{border-radius:8px;max-width:100%;height:auto;margin-top:16px;display:block}#file-drop.dragging{outline:3px solid var(--accent)}.site-header{z-index:30;position:relative}.header-inner{gap:12px}.header-inner>*{flex-shrink:0}.header-inner .brand{white-space:nowrap}.header-search{flex:180px;min-width:100px}@media (width<=1599px){.header-search{display:none}}@media (width>=641px){.header-inner{flex-wrap:nowrap}}@media (width<=1279px){.header-inner{gap:10px}.menu-button{display:block}.header-inner nav{display:none}.header-inner nav.open{inset-inline:20px;z-index:50;border:1px solid var(--border);background:var(--surface);border-radius:16px;flex-wrap:wrap;width:auto;padding:18px;display:flex;position:absolute;top:100%;box-shadow:0 12px 32px #0002}.identity-nav{margin-inline-start:auto}}@media (width<=640px){.header-inner{flex-wrap:wrap}.header-inner .brand{flex:auto}.identity-nav{margin-inline-start:0}}.advertising-slot:not([hidden]){border-block:1px solid var(--border,#d8e0ee);contain:layout;min-height:320px;margin-block:2rem;padding:1rem}.advertising-slot[hidden]{display:none}.advertising-frame{border:0;width:100%;height:280px;display:block}@media (width<=600px){.advertising-slot:not([hidden]){min-height:290px}.advertising-frame{height:250px}}.advertising-unit{width:100%;min-height:250px;display:block}.graph-canvas{border:1px solid var(--border);border-radius:var(--radius,16px);margin-block:1rem;overflow:auto}.graph-canvas svg{width:100%;min-width:650px;max-height:600px;display:block}.graph-edge{stroke:var(--brand,#5269d8);stroke-width:2px}.graph-node{fill:var(--surface,#f8fafc);stroke:var(--border,#c8d1df);stroke-width:2px}.graph-node-output{stroke:var(--brand,#5269d8);stroke-width:3px}.graph-label{fill:currentColor;font-size:13px}.graph-label-small{font-size:10px}[data-execution-state=failure]{border-color:#bd4040}[data-execution-state=success]{border-color:#31866a}.crop-stage-wrapper{background:var(--bg);border:1px solid var(--border);border-radius:14px;margin:16px 22px;padding:16px;box-shadow:inset 0 1px 3px #0000000a}.crop-toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;display:flex}.crop-aspect-pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.crop-label{color:var(--muted);margin-right:4px;font-size:12px;font-weight:600}.crop-ratio-btn,.crop-action-btn{background:var(--surface);border:1px solid var(--border);color:var(--ink);cursor:pointer;border-radius:999px;min-height:auto;padding:5px 12px;font-size:12px;font-weight:550;transition:all .15s}.crop-ratio-btn:hover,.crop-action-btn:hover{border-color:var(--accent);background:var(--tint);color:var(--accent)}.crop-ratio-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.crop-quick-actions{align-items:center;gap:6px;display:flex}.crop-viewport{user-select:none;touch-action:none;background:#000;border-radius:8px;max-width:100%;margin:0 auto;display:inline-block;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.crop-source-img{object-fit:contain;pointer-events:none;user-select:none;max-width:100%;max-height:480px;display:block}.crop-overlay{cursor:crosshair;position:absolute;inset:0}.crop-box{cursor:move;touch-action:none;position:absolute;box-shadow:0 0 0 9999px #0000008c}.crop-box-border{box-sizing:border-box;border:2px solid #38bdf8;position:absolute;inset:0}.crop-grid-lines{pointer-events:none;position:absolute;inset:0}.crop-grid-h1,.crop-grid-h2{background:#ffffff59;height:1px;position:absolute;left:0;right:0}.crop-grid-h1{top:33.333%}.crop-grid-h2{top:66.666%}.crop-grid-v1,.crop-grid-v2{background:#ffffff59;width:1px;position:absolute;top:0;bottom:0}.crop-grid-v1{left:33.333%}.crop-grid-v2{left:66.666%}.crop-badge{color:#fff;pointer-events:none;white-space:nowrap;background:#000000bf;border-radius:4px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:11px;position:absolute;bottom:8px;right:8px}.crop-handle{touch-action:none;z-index:10;background:#38bdf8;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 1px 3px #0000004d}.handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.handle-n{cursor:ns-resize;top:-6px;left:calc(50% - 6px)}.handle-s{cursor:ns-resize;bottom:-6px;left:calc(50% - 6px)}.handle-w{cursor:ew-resize;top:calc(50% - 6px);left:-6px}.handle-e{cursor:ew-resize;top:calc(50% - 6px);right:-6px}.crop-coords-details{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:12px 22px 0;padding:8px 12px;font-size:12px}.crop-coords-details summary{cursor:pointer;color:var(--muted);font-weight:550}.crop-coords-details[open] summary{color:var(--ink);margin-bottom:8px}.markdown-toolbar{background:var(--tint);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 12px;display:flex}.md-btn{background:var(--surface);border:1px solid var(--border);min-height:auto;color:var(--ink);cursor:pointer;border-radius:5px;padding:4px 9px;font-size:12px;font-weight:600;transition:all .15s}.md-btn:hover{border-color:var(--accent);background:var(--accent);color:#fff}.md-view-modes{gap:4px;margin-inline-start:auto;display:flex}.md-view-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px}.md-view-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.workbench[data-tool=markdown] .editor-grid{grid-template-columns:1fr 1fr;align-items:stretch}.workbench[data-tool=markdown].view-editor .editor-grid>div:last-child{display:none}.workbench[data-tool=markdown].view-editor .editor-grid{grid-template-columns:1fr}.workbench[data-tool=markdown].view-preview .editor-grid>div:first-child{display:none}.workbench[data-tool=markdown].view-preview .editor-grid{grid-template-columns:1fr}.workbench[data-tool=markdown] #result-preview{background:var(--surface);border:1px solid var(--border);height:100%;min-height:380px;box-shadow:none;border-radius:8px;margin:0;padding:24px}.visual-color-studio{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;margin:16px 22px;padding:16px;display:flex}.color-picker-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.color-swatch-box{border:2px solid var(--border);cursor:pointer;border-radius:10px;width:48px;height:48px;padding:0;overflow:hidden}.color-swatch-box input[type=color]{cursor:pointer;background:0 0;border:none;width:150%;height:150%;transform:translate(-15%,-15%)}.color-palette-strip{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.palette-strip-title{color:var(--muted);margin-inline-end:2px;font-size:12px;font-weight:600}.color-chip{background:var(--bg)!important;color:var(--ink)!important;border:1px solid var(--border)!important;cursor:pointer!important;white-space:nowrap!important;border-radius:8px!important;align-items:center!important;gap:6px!important;min-height:auto!important;padding:4px 10px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace!important;font-size:12px!important;font-weight:600!important;line-height:1.4!important;transition:all .15s!important;display:inline-flex!important}.color-chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014;background:var(--tint)!important;border-color:var(--brand,#34a88a)!important}.color-chip.active{box-shadow:0 0 0 2px #34a88a4d;border-color:var(--brand,#34a88a)!important;background:var(--tint)!important}.color-chip-preview{border:1px solid #00000038;border-radius:50%;flex-shrink:0;width:14px;height:14px;display:inline-block;box-shadow:0 1px 2px #00000026}.color-chip-label{letter-spacing:.02em;font-size:11.5px}.color-picker-label{cursor:pointer;align-items:center;gap:10px;margin:0;display:flex}.color-hex-badge{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600}.contrast-demo-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:14px;margin:16px 22px;padding:20px;display:flex}.contrast-preview-box{border:1px solid var(--border);border-radius:8px;padding:22px;transition:background-color .2s,color .2s}.contrast-sample-title{color:inherit;margin:0 0 6px;font-size:18px;font-weight:700}.contrast-sample-text{color:inherit;margin:0 0 6px;font-size:14px}.contrast-sample-sub{opacity:.8;color:inherit;font-size:12px}.contrast-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contrast-ratio-badge{font-size:15px;font-weight:600}.contrast-badges-grid{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.contrast-badge-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.wcag-chip{letter-spacing:.04em;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.wcag-chip.pass{color:#16a34a;background:#22c55e26;border:1px solid #22c55e4d}.wcag-chip.fail{color:#dc2626;background:#ef444426;border:1px solid #ef44444d}.markdown-live-preview{background:var(--surface);border:1px solid var(--border);min-height:200px;max-height:380px;box-shadow:none;border-radius:8px;padding:18px;overflow-y:auto;margin:0 0 14px!important}[data-tool-faq]{flex-direction:column;gap:12px;margin-top:14px;display:flex}[data-tool-faq] details{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:14px 18px;transition:all .2s}[data-tool-faq] details[open]{box-shadow:var(--shadow);border-color:var(--accent)}[data-tool-faq] summary{color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;font-size:15px;font-weight:650;list-style:none;display:flex}[data-tool-faq] summary::-webkit-details-marker{display:none}[data-tool-faq] summary:after{content:"+";color:var(--muted);font-size:18px;font-weight:400}[data-tool-faq] details[open] summary:after{content:"−";color:var(--accent)}[data-tool-faq] p{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.6}.file-visual-deck{flex-direction:column;gap:8px;margin:14px 22px;display:flex}.file-card-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.file-card-meta{align-items:center;gap:10px;font-weight:550;display:flex}.file-card-actions{align-items:center;gap:6px;display:flex}.file-card-actions button{min-height:auto;padding:2px 8px;font-size:12px}.file-policy-panel{background:var(--tint);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 22px;padding:12px 16px;display:flex}.file-policy-group{align-items:center;gap:10px;display:flex}.file-policy-group label{margin:0;font-size:12px;font-weight:600}.file-policy-group select{background:var(--surface);border:1px solid var(--border);border-radius:6px;height:34px;padding:4px 8px;font-size:12px}.workbench #file-limits,.workbench #file-list,.workbench #file-status,.workbench #file-queue,.workbench #file-downloads,.workbench #file-notes{margin-inline:22px}.workbench #file-summary{width:calc(100% - 44px);margin:0 22px 14px}.workbench label[for=file-summary]{margin-inline:22px;font-size:12px;font-weight:600}.visual-diff-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin:14px 22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;overflow:hidden}.diff-line{white-space:pre-wrap;word-break:break-all;padding:2px 12px}.diff-add{color:#15803d;background:#22c55e1f}.diff-del{color:#b91c1c;background:#ef44441f}.diff-hunk{background:var(--tint);color:var(--muted);padding:4px 12px;font-weight:600}.workspace-quota-box{border-radius:var(--radius-sm,6px);background:var(--bg-surface-elevated,#8080800f);margin:1rem 0;padding:.75rem 1rem}.workspace-quota-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.workspace-quota-label{font-weight:500}.workspace-quota-bar{border-radius:4px;width:100%;height:8px}.workspace-file-actions{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.workspace-upload-btn{cursor:pointer;display:inline-block}.workspace-file-input-hidden{display:none}.file-preview-card{text-align:center;margin:1rem 22px;display:none}.file-preview-img{border-radius:var(--radius-sm,6px);object-fit:contain;max-width:100%;max-height:280px}.crop-hint-centered{text-align:center;margin-top:10px}.crop-tool-options{padding:10px 0 0}.admin-dev-box{text-align:left;background:var(--surface,#fff);border:1px solid var(--border,#dce5e0);border-radius:12px;max-width:540px;margin:28px auto;padding:22px;box-shadow:0 4px 16px #0000000a}.admin-dev-title{color:var(--accent,#0f766e);align-items:center;gap:8px;margin:0 0 8px;font-size:15px;display:flex}.admin-dev-desc{color:var(--muted,#60736d);margin:0 0 16px;font-size:13px;line-height:1.6}.admin-dev-link{color:#fff;background:#0f766e;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.contrast-preview-default{color:#777;background-color:#fff}.color-chip[data-color=\#34a88a] .color-chip-preview{background-color:#34a88a}.color-chip[data-color=\#2563eb] .color-chip-preview{background-color:#2563eb}.color-chip[data-color=\#7c3aed] .color-chip-preview{background-color:#7c3aed}.color-chip[data-color=\#db2777] .color-chip-preview{background-color:#db2777}.color-chip[data-color=\#ea580c] .color-chip-preview{background-color:#ea580c}.color-chip[data-color=\#ca8a04] .color-chip-preview{background-color:#ca8a04}.color-chip[data-color=\#16a34a] .color-chip-preview{background-color:#16a34a}.color-chip[data-color=\#0891b2] .color-chip-preview{background-color:#0891b2}.color-chip[data-color=\#4f46e5] .color-chip-preview{background-color:#4f46e5}.color-chip[data-color=\#0f172a] .color-chip-preview{background-color:#0f172a}.color-chip[data-color=\#64748b] .color-chip-preview{background-color:#64748b}.color-chip[data-color=\#ffffff] .color-chip-preview{background-color:#fff}:root{--fwh-bg:#f8fafc;--fwh-surface:#fff;--fwh-surface-elevated:#fff;--fwh-border:#e2e8f0;--fwh-text:#0f172a;--fwh-text-muted:#64748b;--fwh-shadow:0 10px 30px #0f172a0f;--fwh-radius:14px;--fwh-radius-sm:8px;--fwh-radius-lg:20px;--fwh-brand:#225ad7;--fwh-brand-hover:#1948ae;--fwh-brand-subtle:#225ad714;--fwh-brand-gradient:linear-gradient(135deg, #225ad7 0%, #0c786e 100%);--fwh-ring:#225ad759;--bg:var(--fwh-bg);--surface:var(--fwh-surface);--ink:var(--fwh-text);--muted:var(--fwh-text-muted);--border:var(--fwh-border);--accent:var(--fwh-brand);--accent-hover:var(--fwh-brand-hover);--tint:var(--fwh-brand-subtle);--platform-panel:var(--fwh-surface);--platform-line:var(--fwh-border);--platform-shadow:var(--fwh-shadow);--platform-radius:var(--fwh-radius);--brand-blue:var(--fwh-brand);--brand-cyan:#0c786e;--brand-violet:#7752b5;color-scheme:light}:root[data-palette=ocean]{--fwh-brand:#225ad7;--fwh-brand-hover:#1948ae;--fwh-brand-subtle:#225ad714;--fwh-brand-gradient:linear-gradient(135deg, #225ad7 0%, #0c786e 100%);--fwh-ring:#225ad759}:root[data-palette=aurora]{--fwh-brand:#0c786e;--fwh-brand-hover:#085a53;--fwh-brand-subtle:#0c786e14;--fwh-brand-gradient:linear-gradient(135deg, #0c786e 0%, #0284c7 100%);--fwh-ring:#0c786e59}:root[data-palette=nebula]{--fwh-brand:#7752b5;--fwh-brand-hover:#5d3d94;--fwh-brand-subtle:#7752b514;--fwh-brand-gradient:linear-gradient(135deg, #7752b5 0%, #2563eb 100%);--fwh-ring:#7752b559}:root[data-palette=sunset]{--fwh-brand:#c25e1a;--fwh-brand-hover:#9c450c;--fwh-brand-subtle:#c25e1a14;--fwh-brand-gradient:linear-gradient(135deg, #c25e1a 0%, #d97706 100%);--fwh-ring:#c25e1a59}:root[data-palette=forest]{--fwh-brand:#237844;--fwh-brand-hover:#185a31;--fwh-brand-subtle:#23784414;--fwh-brand-gradient:linear-gradient(135deg, #237844 0%, #0d9488 100%);--fwh-ring:#23784459}:root[data-theme=dark]{--fwh-bg:#0b1120;--fwh-surface:#131d33;--fwh-surface-elevated:#1a2744;--fwh-border:#243354;--fwh-text:#f1f5f9;--fwh-text-muted:#94a3b8;--fwh-shadow:0 10px 30px #00000073;color-scheme:dark}:root[data-theme=dark][data-palette=ocean],:root[data-theme=dark]:not([data-palette]){--fwh-brand:#689bf9;--fwh-brand-hover:#9cbbff;--fwh-brand-subtle:#689bf926;--fwh-brand-gradient:linear-gradient(135deg, #689bf9 0%, #2dd4bf 100%);--fwh-ring:#689bf966}:root[data-theme=dark][data-palette=aurora]{--fwh-brand:#2dd4bf;--fwh-brand-hover:#5eead4;--fwh-brand-subtle:#2dd4bf26;--fwh-brand-gradient:linear-gradient(135deg, #2dd4bf 0%, #38bdf8 100%);--fwh-ring:#2dd4bf66}:root[data-theme=dark][data-palette=nebula]{--fwh-brand:#b392f0;--fwh-brand-hover:#c4b5fd;--fwh-brand-subtle:#b392f026;--fwh-brand-gradient:linear-gradient(135deg, #b392f0 0%, #60a5fa 100%);--fwh-ring:#b392f066}:root[data-theme=dark][data-palette=sunset]{--fwh-brand:#fb923c;--fwh-brand-hover:#fdba74;--fwh-brand-subtle:#fb923c26;--fwh-brand-gradient:linear-gradient(135deg, #fb923c 0%, #f59e0b 100%);--fwh-ring:#fb923c66}:root[data-theme=dark][data-palette=forest]{--fwh-brand:#4ade80;--fwh-brand-hover:#86efac;--fwh-brand-subtle:#4ade8026;--fwh-brand-gradient:linear-gradient(135deg, #4ade80 0%, #2dd4bf 100%);--fwh-ring:#4ade8066}.brand-symbol{flex:none}.brand{gap:10px}.site-header{backdrop-filter:blur(14px)}.workspace-link{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--ink);white-space:nowrap;box-sizing:border-box;border-radius:18px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.workspace-icon{opacity:.85;font-size:13px}.launcher-trigger{border:1px solid var(--border);background:var(--surface);height:36px;color:var(--muted);cursor:pointer;white-space:nowrap;box-sizing:border-box;border-radius:18px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.launcher-trigger:hover{background:var(--tint);border-color:var(--accent);color:var(--ink);box-shadow:0 2px 8px #0000000a}.launcher-search-icon{opacity:.8;font-size:12px}.launcher-search-label{font-size:12.5px}.launcher-kbd{background:var(--bg);border:1px solid var(--border);color:var(--ink);border-radius:5px;justify-content:center;align-items:center;padding:1px 5px;font-family:inherit;font-size:10.5px;font-weight:600;line-height:1.2;display:inline-flex}:root[data-theme=dark] .launcher-kbd{background:#ffffff14;border-color:#ffffff26}.hero-art{box-shadow:var(--platform-shadow);background:var(--platform-panel)!important;border-color:var(--platform-line)!important}.brand-hero{object-fit:contain;border-radius:var(--platform-radius);width:100%;height:auto;max-height:290px}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;display:grid}.platform-card{border:1px solid var(--platform-line);border-radius:var(--platform-radius);background:var(--platform-panel);box-shadow:var(--platform-shadow);min-width:0;padding:24px}.platform-card h2{margin-top:0}.platform-card input,.platform-card select,.platform-card textarea{box-sizing:border-box;border:1px solid var(--platform-line);background:var(--surface,var(--bg));width:100%;color:inherit;font:inherit;border-radius:8px;margin:7px 0 15px;padding:11px;display:block}.platform-card textarea{resize:vertical;min-height:110px}.platform-card button,.platform-pill{border:1px solid var(--platform-line);background:var(--accent);color:#fff;cursor:pointer;font:inherit;border-radius:9px;margin:4px 5px 4px 0;padding:10px 15px}.platform-card button.secondary{color:inherit;background:0 0}.platform-card button:disabled{opacity:.55;cursor:not-allowed}.platform-card label{font-size:.9rem;font-weight:600}.platform-card ul{overflow-wrap:anywhere;padding-inline-start:20px}.platform-card li{padding:6px 0}.platform-status{border-inline-start:3px solid var(--accent);background:var(--platform-panel);overflow-wrap:anywhere;padding:12px}.platform-tabs{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.platform-tabs a{border:1px solid var(--platform-line);border-radius:9px;padding:8px 12px}.platform-badge{color:#153e89;background:#dde8ff;border-radius:20px;padding:5px 10px;font-size:.8rem;display:inline-block}.platform-inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.platform-inline>*{min-width:0}.platform-output{white-space:pre-wrap;word-break:break-word;max-height:440px;font-size:.85rem;overflow:auto}.platform-card [hidden],[hidden]{display:none!important}.platform-private{border:1px solid var(--platform-line);border-radius:10px;padding:12px}.launcher-dialog{border:1px solid var(--platform-line);background:var(--platform-panel);width:min(660px,92vw);max-height:85vh;color:var(--ink);border-radius:18px;padding:22px}.launcher-dialog::backdrop{background:#06122599}.launcher-dialog input{box-sizing:border-box;width:100%;font:inherit;padding:14px}.launcher-results{max-height:50vh;padding:0;list-style:none;overflow:auto}.launcher-results a{border-radius:8px;padding:13px;text-decoration:none;display:block}.launcher-results a:focus,.launcher-results a:hover{background:#225ad724}.platform-promo{background:var(--platform-panel);border:1px solid var(--platform-line);border-radius:24px;margin-block:30px;padding:28px}.platform-promo img{width:100%;max-width:200px;height:auto}.platform-copy{max-width:75ch}.comment-item{border-bottom:1px solid var(--platform-line);overflow-wrap:anywhere;padding:16px}.comment-item small{opacity:.8}.platform-price{font-size:2rem;font-weight:750}@media (width<=1180px){.workspace-link{display:none}.header-search{max-width:160px}.launcher-trigger{font-size:.75rem}}@media (width<=640px){.platform-card{padding:17px}.platform-grid{grid-template-columns:1fr}.launcher-trigger{padding:7px}.brand-symbol{width:30px;height:30px}.platform-tabs{gap:7px}.platform-promo{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root[data-theme=dark] .platform-card button{color:#10213b}:root[data-theme=dark] .platform-card button.secondary{color:var(--ink)}.button,button:not(.icon-button,.theme-button,.text-button,.favorite,.menu-button,.launcher-trigger,.privacy-pref-pill,.privacy-pref-btn,.pwa-install-pill,.pwa-install-btn,.color-chip,.md-btn,.view-mode-btn,.crop-preset-btn,.card-action-btn,.var-chip,.btn-format){background:var(--brand-blue);color:#fff}.platform-card button:not(.icon-button,.theme-button,.text-button,.favorite,.menu-button,.launcher-trigger,.privacy-pref-pill,.privacy-pref-btn,.pwa-install-pill,.pwa-install-btn,.color-chip,.md-btn,.view-mode-btn,.crop-preset-btn,.card-action-btn,.var-chip,.btn-format){background:var(--accent);color:#fff}:root[data-theme=dark] .platform-card button:not(.icon-button,.theme-button,.text-button,.favorite,.menu-button,.launcher-trigger,.privacy-pref-pill,.privacy-pref-btn,.pwa-install-pill,.pwa-install-btn,.color-chip,.md-btn,.view-mode-btn,.crop-preset-btn,.card-action-btn,.var-chip,.btn-format){color:#10213b}html[data-brand-accent=cyan]{--brand-blue:#096c65}html[data-brand-accent=violet]{--brand-blue:#6844a5}.identity-nav{align-items:center;gap:8px;display:inline-flex}.admin-nav-pill{color:var(--brand-blue);background:#225ad71f;border:1px solid #225ad747;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}:root[data-theme=dark] .admin-nav-pill{color:#bed1ff;background:#9cbbff29;border-color:#9cbbff59}.admin-nav-pill:hover{background:var(--brand-blue);color:#fff}:root[data-theme=dark] .admin-nav-pill:hover{color:#fff;background:#3b6bd6}.admin-pill-badge{background:var(--brand-blue);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;padding:1px 5px;font-size:.7rem}:root[data-theme=dark] .admin-pill-badge{background:#3b6bd6}.admin-detected-notice{border-inline-start:4px solid var(--brand-blue);background:#225ad714;border-radius:8px;margin-top:16px;padding:14px 18px}.platform-disabled-card{border-inline-start:4px solid #d48830}.theme-control-wrapper{border:1px solid var(--border);background:var(--surface);box-sizing:border-box;border-radius:18px;align-items:center;gap:3px;height:36px;padding:3px;display:inline-flex;position:relative}.theme-control-wrapper .theme-button{height:28px;color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border-radius:14px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex;border:0!important}.theme-control-wrapper .theme-button:hover{background:var(--tint);color:var(--accent)}.theme-palette-button{width:28px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:14px;place-items:center;padding:0;font-size:.95rem;transition:all .15s;display:grid}.theme-palette-button:hover{background:var(--tint)}.theme-menu-panel{background:var(--fwh-surface-elevated,#fff);border:1px solid var(--fwh-border);border-radius:var(--fwh-radius,14px);z-index:1000;width:260px;padding:16px;animation:.15s ease-out fwh-fade-in;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 36px #0000002e}@keyframes fwh-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-menu-section{margin-bottom:14px}.theme-menu-section:last-child{margin-bottom:0}.theme-menu-title{text-transform:uppercase;letter-spacing:.05em;color:var(--fwh-text-muted);margin-bottom:8px;font-size:.75rem;font-weight:700;display:block}.theme-mode-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.theme-mode-btn{border:1px solid var(--fwh-border);background:var(--fwh-bg);color:var(--fwh-text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:.75rem;font-weight:500;transition:all .12s;display:flex}.theme-mode-btn:hover{border-color:var(--fwh-brand)}.theme-mode-btn[aria-selected=true]{background:var(--fwh-brand);color:#fff;border-color:var(--fwh-brand)}.theme-palette-options{flex-direction:column;gap:6px;display:flex}.theme-palette-btn{border:1px solid var(--fwh-border);background:var(--fwh-bg);width:100%;color:var(--fwh-text);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-size:.85rem;font-weight:500;transition:all .12s;display:flex}.theme-palette-btn:hover{border-color:var(--btn-color,var(--fwh-brand));background:var(--fwh-surface)}.theme-palette-btn[aria-selected=true]{border-color:var(--btn-color,var(--fwh-brand));background:var(--fwh-brand-subtle);font-weight:700}.palette-swatch{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 1px #0000001a}.theme-palette-btn[data-palette-select=ocean]{--btn-color:#225ad7}.theme-palette-btn[data-palette-select=ocean] .palette-swatch{background:#225ad7}.theme-palette-btn[data-palette-select=aurora]{--btn-color:#0c786e}.theme-palette-btn[data-palette-select=aurora] .palette-swatch{background:#0c786e}.theme-palette-btn[data-palette-select=nebula]{--btn-color:#7752b5}.theme-palette-btn[data-palette-select=nebula] .palette-swatch{background:#7752b5}.theme-palette-btn[data-palette-select=sunset]{--btn-color:#c25e1a}.theme-palette-btn[data-palette-select=sunset] .palette-swatch{background:#c25e1a}.theme-palette-btn[data-palette-select=forest]{--btn-color:#237844}.theme-palette-btn[data-palette-select=forest] .palette-swatch{background:#237844}.admin-shell{align-items:flex-start;gap:32px;max-width:1380px;margin:0 auto;padding:24px 16px;display:flex}.admin-sidebar{background:var(--fwh-surface);border:1px solid var(--fwh-border);border-radius:var(--fwh-radius,14px);width:220px;box-shadow:var(--fwh-shadow);flex-shrink:0;padding:16px 12px;position:sticky;top:24px}.admin-sidebar-header{border-bottom:1px solid var(--fwh-border);align-items:center;gap:10px;margin-bottom:12px;padding:8px 10px 16px;display:flex}.admin-logo-mark{font-size:1.5rem}.admin-tag-sub{color:var(--fwh-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.7rem}.admin-nav{flex-direction:column;gap:4px;display:flex}.admin-nav-item{color:var(--fwh-text);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.admin-nav-item:hover{background:var(--fwh-brand-subtle);color:var(--fwh-brand)}.admin-nav-item.active{background:var(--fwh-brand);color:#fff;font-weight:600}.admin-main{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.admin-topbar{background:var(--fwh-surface);border:1px solid var(--fwh-border);border-radius:var(--fwh-radius,14px);box-shadow:var(--fwh-shadow);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.admin-topbar-left{align-items:center;gap:12px;display:flex}.admin-topbar-right{align-items:center;gap:16px;display:flex}.admin-identity-text{font-size:.9rem;font-weight:600}.admin-status-indicator{color:#10b981;font-size:.8rem;font-weight:500}.admin-signout-btn{color:var(--fwh-text)!important;border:1px solid var(--fwh-border)!important;background:0 0!important;border-radius:8px!important;padding:6px 14px!important;font-size:.8rem!important}.admin-signout-btn:hover{color:#ef4444!important;border-color:#ef4444!important}.admin-section-card{background:var(--fwh-surface);border:1px solid var(--fwh-border);border-radius:var(--fwh-radius,14px);box-shadow:var(--fwh-shadow);padding:24px}.admin-toolbar{gap:8px;margin-bottom:16px;display:flex}.admin-moderation-card{border:1px solid var(--fwh-border);background:var(--fwh-bg);border-radius:10px;margin-bottom:12px;padding:16px}.moderation-header{justify-content:space-between;margin-bottom:8px;display:flex}.moderation-state{text-transform:uppercase;color:#fff;background:#f59e0b;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.moderation-state.badge-approved{background:#10b981}.moderation-state.badge-rejected{background:#ef4444}.moderation-actions{gap:8px;margin-top:12px;display:flex}.admin-action-btn{border:none!important;border-radius:6px!important;padding:6px 12px!important;font-size:.8rem!important}.btn-approve{color:#fff!important;background:#10b981!important}.btn-reject{color:#fff!important;background:#ef4444!important}.admin-data-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:.85rem}.admin-data-table th,.admin-data-table td{border-bottom:1px solid var(--fwh-border);text-align:left;padding:10px 12px}.admin-data-table th{background:var(--fwh-bg);color:var(--fwh-text-muted);font-weight:600}.admin-btn-table-action{border-radius:4px!important;padding:4px 8px!important;font-size:.75rem!important}.community-dialog-modal{border:1px solid var(--fwh-border);border-radius:var(--fwh-radius,14px);background:var(--fwh-surface);color:var(--fwh-text);width:90vw;max-width:480px;padding:0;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a}.community-dialog-modal::backdrop{backdrop-filter:blur(4px);background:#00000073}.community-dialog-card{flex-direction:column;gap:16px;padding:24px;display:flex}.community-dialog-title{color:var(--fwh-text);margin:0;font-size:1.15rem;font-weight:600}.community-dialog-textarea{box-sizing:border-box;border:1px solid var(--fwh-border);background:var(--fwh-bg);width:100%;color:var(--fwh-text);resize:vertical;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.95rem}.community-dialog-textarea:focus{border-color:var(--fwh-primary);outline:none;box-shadow:0 0 0 2px #3b82f633}.community-dialog-buttons{justify-content:flex-end;gap:10px;display:flex}.site-header{background:var(--surface);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background .2s,border-color .2s}:root[data-theme=light] .site-header{background:#ffffffd1}:root[data-theme=dark] .site-header{background:#0f172ad1}.workspace-link{color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:550;text-decoration:none;transition:all .15s;display:inline-flex}.workspace-link:hover{background:var(--tint);border-color:var(--brand-blue);color:var(--brand-blue)}@media (width<=1180px){.workspace-link,.identity-nav{display:none!important}}@media (width<=640px){.launcher-trigger{display:none!important}}.email-admin-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0;display:grid}.email-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:16px 20px;display:flex}.email-stat-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.82rem;font-weight:600}.email-stat-value{color:var(--ink);font-size:1.4rem;font-weight:750}.email-stat-meta{color:var(--muted);font-size:.8rem}.email-badge-ok{color:#16a34a;background:#22c55e26;border-radius:999px;align-items:center;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.email-templates-table,.email-logs-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.88rem}.email-templates-table th,.email-templates-table td,.email-logs-table th,.email-logs-table td{border-bottom:1px solid var(--border);text-align:left;padding:10px 14px}.email-templates-table th,.email-logs-table th{background:var(--tint);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.8rem;font-weight:600}.email-preview-container{grid-template-columns:1fr 1fr;gap:20px;margin:16px 0;display:grid}@media (width<=900px){.email-preview-container{grid-template-columns:1fr}}.email-preview-frame{color:#1e293b;border:1px solid var(--border);background:#fff;border-radius:12px;min-height:280px;padding:20px}.pwa-install-btn{background:var(--tint);color:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex}.pwa-install-btn:hover{background:var(--accent);color:#fff}