@font-face{font-family:Inter;src:url('/assets/fonts/inter-v20-latin-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-v20-latin-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-v20-latin-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-v20-latin-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-v20-latin-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{color-scheme:dark;--bg:#111210;--surface:#191a17;--surface-raised:#20211e;--line:#33342e;--muted:#a3a69a;--text:#f3f3ed;--gold:#e8c047;--ink:#17180f;--radius:14px}
*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font:14px/1.6 Inter,Arial,sans-serif}#main{flex:1 0 auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}img,canvas{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14}h1{font-size:clamp(34px,4.3vw,60px);letter-spacing:-2.5px;font-weight:600}h2{font-size:29px;letter-spacing:-1px;font-weight:600}h3{font-size:17px;letter-spacing:-.4px;font-weight:600}em{color:var(--gold);font-style:normal}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}.icon{flex-shrink:0;vertical-align:middle}.container{max-width:1320px;padding:0 48px;margin:auto}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;color:var(--muted);display:flex;align-items:center;gap:9px}.little-line{width:20px;height:2px;background:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:11px 18px;border:1px solid transparent;border-radius:7px;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.button-gold{background:var(--gold);color:var(--ink)}.button-gold:hover{background:#f4ce61}.button-secondary{background:var(--surface-raised);border-color:var(--line)}.button-secondary:hover{background:#2b2c26}.button-large{padding:16px 22px;font-size:13px}.button-plain{background:transparent;border-color:var(--line)}.text-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.text-link:hover{color:var(--gold)}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid var(--line);border-radius:7px}.icon-button:hover{background:var(--surface-raised)}.skip-link{position:absolute;top:-70px;left:10px;padding:12px 24px;background:var(--gold);color:#111;z-index:50}.skip-link:focus{top:10px}.site-header{flex-shrink:0;width:100%;height:86px;border-bottom:1px solid var(--line)}.site-header-inner{width:100%;height:100%;max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:32px;padding:0 48px}.brand{display:flex;align-items:center;gap:9px;font-size:27px;letter-spacing:-1.4px;font-weight:700}.brand img{object-fit:contain}.brand-pics{font-weight:400}.brand-dot{color:var(--gold)}.main-nav{display:flex;gap:28px;margin:0 auto;font-size:12px;color:var(--muted)}.main-nav a:hover,.main-nav [aria-current]{color:var(--text)}.main-nav [aria-current]{position:relative}.main-nav [aria-current]:after{content:'';position:absolute;bottom:-33px;height:2px;left:0;right:0;background:var(--gold)}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:70px;padding:68px 0 62px}.hero h1{margin:23px 0}.hero-description{max-width:455px;font-size:15px;color:var(--muted);line-height:1.85}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:30px}.hero-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;margin-top:19px}.hero-note .icon{width:14px;height:14px}.hero-preview{position:relative;display:block;border-radius:50%;transform:rotate(2deg);transition:transform .2s;max-width:435px;margin-left:auto;width:100%}.hero-preview:hover{transform:rotate(0)}.artwork{aspect-ratio:1;overflow:hidden;position:relative;padding:7%;background:var(--gold);color:#202116;border-radius:5px;display:flex;flex-direction:column;justify-content:space-between}.artwork-top,.artwork-bottom{display:flex;justify-content:space-between;gap:10px;font-size:clamp(6px,.65vw,9px);letter-spacing:1.2px;font-weight:600;z-index:1}.artwork-top{padding-bottom:4%;border-bottom:1px solid #23251a50}.artwork-title{position:relative;z-index:1;font-size:clamp(30px,4.5vw,64px);letter-spacing:-3px;line-height:.98;font-weight:800;max-width:95%;margin-top:27%}.artwork-logo{position:absolute;width:64%;right:-7%;top:12%;opacity:.22;filter:brightness(0)}.artwork-dark{background:#242b25;color:#f0efdf}.artwork-dark .artwork-logo{filter:none;opacity:.65;width:50%;top:8%;right:5%}.artwork-dark .artwork-title{font-size:clamp(27px,3vw,44px);letter-spacing:-2px}.artwork-dark .artwork-top{border-color:#ffffff30}.artwork-banner{background:#e2dcbf}.artwork-banner .artwork-title{font-size:clamp(29px,3.3vw,46px);letter-spacing:-2px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:11px}.section-heading>.muted{font-size:12px}.format-section{padding:32px 0 48px;border-top:1px solid var(--line)}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.format-card{--format-tint:var(--surface);display:flex;flex-direction:column;align-items:start;padding:24px;background:var(--format-tint);background:linear-gradient(135deg,#ffffff08,transparent 65%),color-mix(in srgb,var(--format-tint) 35%,transparent);-webkit-backdrop-filter:blur(2px) saturate(125%);backdrop-filter:blur(2px) saturate(125%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:inset 0 1px 0 #ffffff0b,0 8px 26px #0000000a;transition:border-color .2s,background .2s}.format-card:hover{--format-tint:#21221b;border-color:#b49742}.format-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #464638;border-radius:10px;color:var(--gold);margin-bottom:24px}.format-icon .icon{width:23px;height:23px}.format-card h3{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:16px}.format-card h3 .icon{width:16px;color:var(--muted)}.format-card p{font-size:12px;color:var(--muted);margin:11px 0 25px;line-height:1.8}.format-size{font-size:9px;letter-spacing:1px;color:#bcbeb1;margin-top:auto}.home-templates{padding:32px 0 48px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.template-card{min-width:0}.template-card .artwork{transition:transform .2s}.template-card:hover .artwork{transform:translateY(-4px)}.template-meta{display:flex;justify-content:space-between;align-items:center;padding:17px 0}.template-meta h3{font-size:14px}.template-meta p{font-size:11px;color:var(--muted);margin-top:5px}.tag{display:inline-block;font-size:10px;line-height:1.4;padding:5px 8px;border:1px solid var(--line);border-radius:4px;color:#c5c7bb}.community-strip{display:flex;align-items:center;gap:23px;border-top:1px solid var(--line);padding:35px 0 48px}.community-mark{color:var(--gold);width:44px;height:44px;background:#e8c04712;border-radius:50%;display:grid;place-items:center}.community-strip h2{font-size:17px;letter-spacing:-.4px}.community-strip p{font-size:12px;color:var(--muted);margin-top:8px}.community-strip .text-link{margin-left:auto}.site-footer{flex-shrink:0;width:100%;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.site-footer-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 48px;max-width:1600px;margin:0 auto}.site-footer-inner>div{display:flex;gap:22px;align-items:center}.footer-brand{font-size:17px;font-weight:600;color:var(--text);letter-spacing:-.6px}.site-footer a:hover{color:var(--gold)}.empty-state{padding-top:100px;padding-bottom:120px;max-width:850px;text-align:center}.empty-state .eyebrow{justify-content:center}.empty-state h1{margin:24px 0}.empty-state p:not(.eyebrow){color:var(--muted);margin:20px auto;max-width:560px;font-size:15px}.empty-state .button{margin-top:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:50;background:#eeeee5;color:#1b1d15;box-shadow:0 10px 40px #0007;border-radius:9px;padding:15px 24px;font-size:13px;max-width:calc(100% - 32px);width:max-content}.page-intro{padding:55px 0 35px}.page-intro h1{font-size:44px;margin:14px 0}.page-intro>p:last-child{max-width:600px;color:var(--muted);font-size:15px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:28px}.prose{max-width:780px;padding-bottom:65px}.prose h2{margin:32px 0 15px;font-size:24px}.prose p{color:var(--muted);margin:12px 0;line-height:1.9}.prose a{color:var(--gold)}
@media(min-width:1500px){.hero{gap:100px}.hero-preview{max-width:450px}}
@media(max-width:1100px){.format-grid{grid-template-columns:repeat(3,1fr)}.container{padding:0 28px}.site-header-inner{padding:0 28px;gap:20px}.main-nav{gap:20px}.hero{gap:32px}.hero-actions{gap:15px;flex-wrap:wrap}.hero h1{font-size:45px}.format-card{padding:20px}.hero-preview{max-width:390px}.header-cta{font-size:11px;padding:10px 12px}}
@media(max-width:800px){.site-header{height:74px;position:relative}.site-header-inner{gap:15px}.brand{margin-right:auto;font-size:25px}.mobile-menu{display:grid}.main-nav{display:none;position:absolute;left:0;right:0;top:74px;background:var(--surface);border-bottom:1px solid var(--line);padding:24px 28px;z-index:30;flex-direction:column}.main-nav.is-open{display:flex}.main-nav [aria-current]:after{display:none}.hero{padding:42px 0;gap:28px}.hero h1{font-size:36px;letter-spacing:-1.8px}.hero .eyebrow{font-size:8px}.hero-description{font-size:13px}.hero-actions .button-large{padding:13px;font-size:11px}.hero-actions .text-link{font-size:11px}.format-grid{grid-template-columns:repeat(2,1fr)}.section-heading>.muted{display:none}.home-template-grid{gap:16px}.artwork-title{font-size:36px;letter-spacing:-1.8px}.artwork-dark .artwork-title,.artwork-banner .artwork-title{font-size:27px;letter-spacing:-1px}.site-footer-inner{padding:24px 28px;flex-wrap:wrap}.site-footer-inner>div{gap:15px}.community-strip .text-link{flex-shrink:0}.community-strip h2{font-size:15px}.community-mark{display:none}.page-intro h1{font-size:36px}}
@media(max-width:560px){.container{padding:0 20px}.site-header-inner{padding:0 20px}.header-cta{min-height:38px;padding:9px 11px;font-size:10px}.header-cta .icon{display:none}.brand img{width:30px}.brand{font-size:23px;gap:6px}.hero{grid-template-columns:1fr;gap:32px;padding:36px 0 45px}.hero h1{font-size:42px}.hero-description{max-width:340px;font-size:14px}.hero-preview{max-width:320px;margin:5px auto 0}.hero-actions{gap:22px}.hero-actions .button-large{padding:15px;font-size:12px}.hero .eyebrow{font-size:9px}.artwork-title{font-size:47px}.artwork-top,.artwork-bottom{font-size:7px}.hero-note{font-size:10px}.format-section{padding-top:28px}.section-heading{gap:15px}.section-heading h2{font-size:24px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.4px}.format-grid{gap:12px}.format-card{padding:18px 15px}.format-icon{margin-bottom:18px}.format-card h3{font-size:14px}.format-card p{font-size:11px}.format-size{font-size:8px}.home-template-grid,.template-grid{grid-template-columns:1fr;gap:24px}.template-card .artwork{aspect-ratio:1.3}.home-template-grid .template-card:nth-child(3) .artwork{aspect-ratio:3}.artwork-dark .artwork-title{font-size:42px}.artwork-banner .artwork-title{font-size:26px;margin-top:10%}.home-template-grid .template-card:nth-child(3) .artwork-top{display:none}.community-strip{flex-wrap:wrap;gap:17px;padding-bottom:30px}.community-strip .text-link{margin-left:0}.site-footer-inner>div{flex-wrap:wrap;gap:10px}.empty-state{padding-top:65px;padding-bottom:75px}.page-intro h1{font-size:34px;letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!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}.library-page{padding-bottom:35px}.library-toolbar{display:flex;justify-content:space-between;gap:20px;margin:4px 0 28px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.filter-button{border:1px solid transparent;background:transparent;padding:10px 13px;border-radius:6px;font-size:12px;color:var(--muted);min-height:42px}.filter-button[aria-pressed=true]{background:#e8c04716;color:var(--gold);border-color:#e8c04740}.filter-button span{margin-left:6px;opacity:.7}.search-field input{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text);padding:11px 14px;width:205px;font-size:12px}.template-preview{aspect-ratio:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#24251e;border:1px solid var(--line);border-radius:10px;padding:22px}.template-preview canvas{box-shadow:0 12px 25px #0003;max-height:100%;width:auto;height:auto;visibility:hidden;object-fit:contain}.template-preview.is-ready canvas{visibility:visible}.preview-circle canvas{border-radius:50%}.preview-fallback{position:absolute;text-align:center;padding:20px;color:var(--gold);font-size:25px;font-weight:700}.is-ready .preview-fallback{display:none}.template-use{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);white-space:nowrap;opacity:0;transition:opacity .15s;background:#f5f3e8;color:#1c1e13;display:flex;gap:10px;align-items:center;padding:9px 15px;font-size:11px;border-radius:6px;box-shadow:0 4px 20px #0005}.template-card:hover .template-use,.template-card:focus-visible .template-use{opacity:1}.library-bottom{display:flex;align-items:center;justify-content:center;gap:15px;padding:45px 0 15px;color:var(--muted);font-size:12px}.library-bottom a{color:var(--text)}.empty-results{text-align:center;padding:50px}.empty-results p{margin:15px 0;color:var(--muted)}.creations-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:26px;padding-bottom:80px}.creations-panel{text-align:center;padding:50px 35px}.large-icon{display:grid;place-items:center;width:60px;height:60px;background:#e8c04712;border:1px solid #e8c04735;border-radius:15px;color:var(--gold);margin-bottom:28px}.large-icon svg{width:27px;height:27px}.creations-panel .large-icon{margin:0 auto 28px}.creations-panel h2{font-size:27px}.creations-panel p{max-width:390px;margin:18px auto;color:var(--muted)}.local-save-panel h2,.support-grid h2{font-size:25px;margin:20px 0}.local-save-panel p,.support-grid p{color:var(--muted);margin:18px 0;line-height:1.9}.local-save-panel .text-link{margin-top:15px}.support-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:25px;padding-bottom:20px}.support-grid .panel{padding:35px}.support-grid .button{margin-top:7px}.control-hint{font-size:11px!important;line-height:1.7!important;color:var(--muted)}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 32px;border-bottom:1px solid var(--line)}.design-heading{display:flex;align-items:center;gap:18px;min-width:0}.back-link{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:30px;height:30px;color:var(--muted)}.design-heading>div{min-width:0}.design-heading input{width:270px;max-width:100%;font-size:16px;font-weight:600;letter-spacing:-.3px;padding:0;border:0;background:none;color:var(--text)}.design-heading span{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:4px}.editor-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.history-actions{display:flex;gap:6px;margin-right:10px}.editor-actions .button{min-height:40px}.editor-grid{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start;max-width:1600px;margin:auto}.editor-controls{border-right:1px solid var(--line);background:#161714}.editor-controls fieldset{border:0;padding:0;margin:0;min-width:0}.editor-controls details{border-bottom:1px solid var(--line)}.editor-controls summary{cursor:pointer;padding:19px 22px;font-size:12px;font-weight:600;list-style:none;display:flex;align-items:center;gap:10px}.editor-controls summary::-webkit-details-marker{display:none}.editor-controls summary:after{content:'+';margin-left:auto;color:var(--muted);font-size:16px}.editor-controls details[open]>summary:after{content:'−'}.control-number{color:#787c6e;font-size:9px;letter-spacing:1px}.control-content{padding:0 22px 24px;display:flex;flex-direction:column;gap:17px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#cccec1;min-width:0}.field select,.field input:not([type=range]),.field textarea{border:1px solid var(--line);background:#20211c;color:var(--text);border-radius:6px;padding:10px;min-width:0;width:100%;font-size:11px;min-height:40px}.field textarea{resize:vertical}.field-row{display:flex;align-items:end;gap:12px}.field-row .button{padding:10px;min-height:40px}.flex-fill{flex:1}.range-field>span{display:flex;align-items:center;justify-content:space-between}.range-field output{font-size:10px;color:var(--muted)}input[type=range]{accent-color:var(--gold);width:100%;height:20px;margin:0;cursor:pointer}input[type=checkbox]{accent-color:var(--gold);width:15px;height:15px;margin:0}.color-field{display:flex;align-items:center;gap:10px;font-size:11px;min-height:32px}.color-field input{width:31px;height:31px;padding:0;border:1px solid #595b4e;background:none;border-radius:6px;cursor:pointer;overflow:hidden}.color-field input::-webkit-color-swatch-wrapper{padding:2px}.color-field input::-webkit-color-swatch{border:0;border-radius:3px}.color-field output{margin-left:auto;font-size:10px;font-family:monospace;color:var(--muted)}#logo-options,#text-options{display:flex;flex-direction:column;gap:16px}.upload-zone{border:1px dashed #50533e;border-radius:8px;padding:22px 10px;text-align:center;position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;cursor:pointer;background:#e8c04704}.upload-zone:hover,.upload-zone.dragging{background:#e8c04710;border-color:var(--gold)}.upload-zone input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload-zone:focus-within{outline:2px solid var(--gold);outline-offset:3px}.upload-icon{color:var(--gold)}.upload-zone strong{font-size:12px;font-weight:600}.upload-zone>span:last-child{font-size:9px;color:var(--muted)}.subtle-button{border:0;padding:0;min-height:28px;background:none;color:var(--muted);font-size:11px;text-align:left}.subtle-button:hover{color:var(--gold)}.logo-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.logo-choice{display:flex;flex-direction:column;align-items:center;gap:10px;background:#21221c;border:1px solid var(--line);border-radius:6px;padding:12px 4px 9px;min-width:0;font-size:8px;color:#bbbdae}.logo-choice img{height:29px;width:34px;object-fit:contain}.logo-choice[aria-pressed=true]{border-color:var(--gold);background:#e8c0470c;color:var(--gold)}.check-field{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);cursor:pointer}.theme-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.theme-choice{display:flex;align-items:center;gap:6px;padding:5px 3px;border:1px solid transparent;border-radius:5px;background:none;font-size:9px;color:#cbcebe}.theme-choice span{width:21px;height:21px;border-radius:50%;border:1px solid #ffffff30;flex-shrink:0}.theme-choice[aria-pressed=true]{border-color:var(--gold)}.control-label{font-size:11px;color:#cccec1}.editor-workspace{padding:24px 38px 30px;position:sticky;top:0;min-width:0}.workspace-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;letter-spacing:1px;color:#949889}.workspace-bottom{padding-top:18px;font-size:9px;letter-spacing:.6px}.canvas-stage{background-color:#20211e;background-image:radial-gradient(#414339 1px,transparent 1px);background-size:14px 14px;padding:40px;min-height:350px;height:min(64vh,700px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #2b2d25;border-radius:8px}.canvas-stage canvas{box-shadow:0 16px 40px #0006;object-fit:contain;width:auto;height:auto;max-width:100%;max-height:100%;touch-action:none;cursor:grab}.canvas-stage canvas:active{cursor:grabbing}.canvas-stage canvas.circle-preview{border-radius:50%}.canvas-stage>p{position:absolute;background:var(--surface);padding:12px 20px;border-radius:8px;color:var(--muted);font-size:12px}.canvas-tips{margin:24px 0 10px;padding:20px 22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.canvas-tips h2{font-size:16px;line-height:1.4;margin:0 0 8px;letter-spacing:0}.canvas-status{font-size:11px;color:var(--gold);margin:0 0 14px;line-height:1.6}.canvas-tips ul{margin:0;padding-left:18px;font-size:12px;line-height:1.7;color:var(--muted)}.canvas-tips li+li{margin-top:8px}.canvas-tips li::marker{color:var(--gold)}.canvas-tips strong{color:var(--text);font-weight:600}.error-message{margin:20px 0 0;border:1px solid #b06141;background:#41281e;color:#ffcfb5;padding:16px;border-radius:8px;font-size:12px}dialog{max-width:510px;width:calc(100% - 32px);padding:30px;background:#20211c;color:var(--text);border:1px solid #535544;border-radius:14px;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#070807b8;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-header h2{font-size:24px}.dialog-header .icon-button{flex-shrink:0}dialog>p{margin:20px 0;color:var(--muted);font-size:13px;line-height:1.8}dialog>.button{margin:5px 0 20px}.dialog-note{border-top:1px solid var(--line);padding-top:20px;font-size:12px}.dialog-note p{margin-top:8px;color:var(--muted);font-size:11px;line-height:1.8}.file-button{position:relative;overflow:hidden;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-button:focus-within{outline:2px solid var(--gold);outline-offset:4px}.page-editor .site-footer-inner{padding-top:22px;padding-bottom:22px}
@media(min-width:761px){.editor{max-width:1600px;margin-inline:auto}.editor-workspace>.editor-actions{margin-bottom:16px}.editor-workspace>.editor-actions .history-actions{margin-right:auto}}
@media(min-width:1500px){.editor-grid{grid-template-columns:350px minmax(0,1fr)}.editor-workspace{padding:28px 60px}.canvas-stage{height:700px}}
@media(max-width:1000px){.editor-toolbar{padding:18px 25px}.design-heading input{width:220px;font-size:14px}.editor-actions .button{font-size:11px;padding:10px 12px}.editor-workspace{padding:20px}.canvas-stage{padding:25px;height:56vh;min-height:300px}.editor-grid{grid-template-columns:290px minmax(0,1fr)}.control-content{padding:0 18px 23px}.editor-controls summary{padding:19px 18px}.history-actions{margin-right:0}.editor-actions{gap:7px}.library-toolbar{flex-wrap:wrap}.search-field input{width:220px}.creations-layout{grid-template-columns:1.2fr 1fr}}
@media(max-width:760px){.editor-toolbar{flex-wrap:wrap;gap:18px}.design-heading input{width:300px}.editor-actions{width:100%}.editor-actions #save-design{margin-left:auto}.editor-grid{display:flex;flex-direction:column}.editor-workspace{order:-1;width:100%;position:static;padding:15px 20px 22px}.canvas-stage{height:auto;aspect-ratio:1.25;min-height:200px;max-height:460px;padding:22px}.canvas-stage canvas{max-height:350px}.canvas-tips{margin:18px 0 0;padding:16px 18px}.workspace-bottom{padding-top:12px}.editor-controls{width:100%;border-right:0;border-top:1px solid var(--line)}.control-content{padding:0 22px 25px;gap:19px}.editor-controls summary{padding:19px 22px}.editor-controls .field{font-size:12px}.editor-controls .field input:not([type=range]),.editor-controls .field select,.editor-controls .field textarea{font-size:14px}.logo-choice{padding:18px 6px 12px;font-size:10px}.logo-choice img{height:35px;width:45px}.theme-choices{grid-template-columns:repeat(3,1fr)}.theme-choice{font-size:12px;padding:7px;gap:10px}.theme-choice span{width:26px;height:26px}.creations-layout,.support-grid{grid-template-columns:1fr}.support-grid .panel{padding:28px}.template-grid.library-grid{grid-template-columns:repeat(2,1fr)}.template-preview{padding:15px;aspect-ratio:1}.filter-buttons{gap:4px}.filter-button{padding:10px;font-size:11px}.library-toolbar{gap:16px}.search-field,.search-field input{width:100%}.creations-layout{padding-bottom:40px}.creations-panel{padding:40px 24px}.template-use{display:none}.control-hint{font-size:12px!important}.editor .check-field{font-size:12px}.color-field{font-size:12px}.range-field input{min-height:30px}}
@media(max-width:420px){.editor-toolbar{padding:17px 20px}.editor-actions .button{padding:10px;font-size:10px;gap:6px}.history-actions .icon-button{width:35px}.editor-actions .button .icon{width:16px}.design-heading input{width:250px}.library-grid .template-meta h3{font-size:12px}.library-grid .template-meta p{font-size:9px}.library-grid{gap:15px}.template-preview{padding:10px}.template-meta{gap:6px}.library-bottom{flex-direction:column;gap:8px}.canvas-stage{padding:18px;aspect-ratio:1.1}.dialog-header h2{font-size:22px}}

.layer-selection{position:absolute;border:2px solid #f7d463;box-shadow:0 0 0 1px #17180f99;pointer-events:none;z-index:2}.layer-selection>span{position:absolute;bottom:100%;left:-2px;white-space:nowrap;background:#f7d463;color:#17180f;font:600 10px/1.4 Inter,Arial,sans-serif;padding:3px 6px;border-radius:3px 3px 0 0}.canvas-stage canvas{cursor:default}.canvas-stage canvas.is-dragging{cursor:grabbing!important}.canvas-stage canvas:focus-visible{outline:2px solid var(--gold);outline-offset:5px}

.movement-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;margin:0 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:11px;color:var(--muted)}.movement-options>label{display:flex;align-items:center;gap:9px}.movement-options select{background:var(--surface-raised);color:var(--text);border:1px solid #484b3d;border-radius:5px;padding:7px 9px;font-size:11px}.movement-hint{font-size:10px;margin-left:auto;color:var(--muted)}.alignment-guides{position:absolute;overflow:hidden;pointer-events:none;z-index:3}.alignment-guide{position:absolute;pointer-events:none}.alignment-guide-x{top:0;bottom:0;border-left:1px dashed #a6f0e0}.alignment-guide-y{left:0;right:0;border-top:1px dashed #a6f0e0}@media(max-width:760px){.movement-options{gap:12px;margin-bottom:12px}.movement-hint{display:none}.movement-options select{min-height:36px;font-size:12px}}
.inline-text-layer{position:absolute;overflow:hidden;pointer-events:none;z-index:4}.inline-text-input{position:absolute;display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;resize:none;min-width:0;max-width:none;transform-origin:top left;box-sizing:content-box;white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:normal;font-kerning:normal;outline:1.5px solid #a6f0e0;outline-offset:0;pointer-events:auto;caret-color:currentColor;overflow:auto;scrollbar-width:none}.inline-text-input:focus-visible{outline-color:#a6f0e0;outline-offset:0}.inline-text-input::selection{background:#3b83c866}.inline-text-input::-webkit-scrollbar{display:none}.inline-text-toolbar{position:absolute;top:7px;right:9px;z-index:5;display:flex;align-items:center;gap:8px;padding:4px 7px;background:#20211eee;border:1px solid var(--line);border-radius:6px;font-size:10px;color:var(--muted)}.inline-text-toolbar button{border:0;border-radius:4px;padding:5px 9px;background:#34362e;font-size:11px}.inline-text-toolbar [data-inline-done]{background:var(--gold);color:var(--ink)}.inline-text-metrics{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;white-space:pre;padding:0;border:0;letter-spacing:normal}
.layer-selection.is-group{border-style:dashed}.selection-member{position:absolute;border:1px solid #a6f0e0;box-shadow:0 0 0 1px #17180f66;pointer-events:none;z-index:2}
.selection-marquee{position:absolute;border:1px solid #a6f0e0;background:#a6f0e020;box-shadow:0 0 0 1px #17180f55;pointer-events:none;z-index:3}.canvas-stage{touch-action:none}.canvas-stage.is-selecting,.canvas-stage.is-selecting canvas,.canvas-stage.box-select-ready,.canvas-stage.box-select-ready canvas{cursor:crosshair!important}.movement-options .canvas-mode-actions{display:flex;align-items:center;gap:8px}.movement-options .canvas-mode-actions button{padding:7px 10px;border:1px solid #484b3d;border-radius:5px;background:var(--surface-raised);color:var(--text);font-size:11px;min-height:32px}.movement-options .canvas-mode-actions button[aria-pressed=true]{border-color:var(--gold);background:#e8c0471a;color:var(--gold)}
.canvas-context-menu{position:fixed;z-index:1000;width:244px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:6px;background:#20211e;border:1px solid #545749;border-radius:9px;box-shadow:0 12px 40px #0009;color:var(--text)}.canvas-menu-title{padding:7px 10px 9px;font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--muted)}.canvas-context-menu [role=menuitem]{display:block;width:100%;min-height:34px;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:var(--text);text-align:left;font-size:12px;line-height:1.5}.canvas-context-menu [role=menuitem]:not(:disabled):hover,.canvas-context-menu [role=menuitem]:focus{outline:0;background:#e8c0471a;color:var(--gold)}.canvas-context-menu [role=menuitem].is-danger{color:#ffad94}.canvas-context-menu [role=menuitem]:disabled{opacity:.4;cursor:default}.canvas-context-menu [role=separator]{height:1px;margin:5px 4px;background:var(--line)}
.donation-panel h2{margin-top:18px}.donation-panel fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}.donation-panel legend{padding:0;margin:0 0 11px;font-size:12px;font-weight:600}.donation-currency-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.donation-currency-buttons button,.donation-preset{border:1px solid var(--line);border-radius:7px;background:#24281f;color:var(--text);padding:13px 10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.donation-currency-buttons button:hover,.donation-preset:hover{border-color:var(--gold)}.donation-currency-buttons button[aria-pressed=true],.donation-preset[aria-pressed=true]{border-color:var(--gold);background:#363321;color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}#donation-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.donation-preset{font-size:12px;padding:13px 6px}.donation-panel .donation-custom{display:block;font-size:12px;font-weight:500;margin:0 0 10px}.donation-input{display:flex;align-items:center;gap:12px;padding:0 14px;border:1px solid var(--line);border-radius:7px;background:#1c2019}.donation-input:focus-within{border-color:var(--gold);outline:1px solid var(--gold)}.donation-input input{min-width:0;width:100%;padding:13px 0;border:0;border-radius:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:14px}.donation-input span{font-size:12px;color:var(--muted)}.donation-panel #donation-error{color:#ffc4b3;font-size:12px;line-height:1.6;margin:9px 0}.donation-panel #donation-summary{margin:20px 0 12px;font-size:13px;color:var(--text);overflow-wrap:anywhere}.donation-panel #donation-link{width:100%;justify-content:center;cursor:pointer}.donation-panel #donation-link[aria-disabled=true]{opacity:.55}.donation-panel .donation-handoff{margin:10px 0 0;text-align:center}.donation-wallet{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.donation-wallet summary{cursor:pointer}.donation-panel .donation-wallet p{font-size:11px;margin:10px 0 6px}.donation-wallet code{display:block;overflow-wrap:anywhere;font-size:11px}.donation-panel [hidden]{display:none!important}@media(max-width:420px){#donation-presets{gap:6px}.donation-preset{font-size:10px;padding:13px 3px}}
.featured-template{aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;background:#24251e;border:1px solid var(--line);border-radius:10px;overflow:hidden}.featured-template img{width:auto;height:auto;max-width:100%;max-height:100%;box-shadow:0 12px 25px #0003}.featured-template.preview-circle img{border-radius:50%}
.hero-preview>img{width:100%;height:auto;border-radius:50%}.hero-preview>.artwork{border-radius:50%}

.pattern-section,#pattern-options,#pattern-fade-controls{display:flex;flex-direction:column;gap:16px}
.pattern-section{border-top:1px solid var(--line);padding-top:20px}
.pattern-section h3{font-size:12px;font-weight:600;letter-spacing:.2px}
.pattern-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.pattern-choice{display:flex;flex-direction:column;gap:7px;align-items:center;min-width:0;padding:6px 6px 9px;background:var(--surface-raised);border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:10px;line-height:1.4}
.pattern-choice canvas{display:block;width:100%;height:auto;aspect-ratio:132 / 72;background:#161714;border-radius:3px;pointer-events:none}
.pattern-choice:hover{border-color:#777960;color:var(--text)}
.pattern-choice[aria-pressed=true]{border-color:var(--gold);background:#e8c04712;color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
#pattern-options .range-field>span{display:flex;align-items:center;justify-content:space-between;gap:10px}

/* Section controls and the interactive split overlay. */
#section-controls{display:flex;flex-direction:column;gap:24px}
.section-mode-controls,.section-control-group,#section-divider-controls,#section-photo-options,#section-gradient-options{display:flex;flex-direction:column;gap:16px;min-width:0}
.section-mode-controls{gap:12px}
.section-mode-controls>.button{width:100%}
.section-control-group{padding-top:22px;border-top:1px solid var(--line)}
.section-control-group h3{font-size:12px;font-weight:600;line-height:1.4;letter-spacing:.2px;color:var(--text)}
.section-selection-field,.section-upload-field,.section-group-heading,.section-merge-action{display:flex;flex-direction:column;gap:7px}
.section-split-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.section-split-buttons .button{padding:10px 8px;min-height:40px;font-size:11px}
.section-merge-action{padding-top:16px;border-top:1px solid var(--line);gap:12px}
.section-merge-action h4{font-size:12px;margin:0;font-weight:700}
.section-merge-directions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.section-merge-directions .button{padding:10px 8px;font-size:11px}
.section-merge-action .subtle-button{color:var(--text)}
.section-merge-action .subtle-button:hover{color:var(--gold)}
#edit-sections[aria-pressed=true]{background:#e8c047;color:#20231d}
#section-controls .section-range-field>span{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
#section-controls output{flex-shrink:0;color:var(--muted);font-variant-numeric:tabular-nums}
#section-controls input[type=range]{margin:0;min-height:24px}
#section-photo-input{padding:7px;font-size:10px}
#section-photo-input::file-selector-button{margin-right:9px;padding:7px 10px;border:1px solid var(--line);border-radius:4px;background:var(--surface-raised);color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.section-border-options{display:flex;flex-direction:column;gap:12px}
.section-border-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 36px;gap:12px;align-items:center;font-size:11px;color:#cccec1}
.section-border-width{display:flex;align-items:center;gap:5px;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:#20211c}
.section-border-width input{width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--text);font:inherit;font-variant-numeric:tabular-nums}
.section-border-width span{font-size:10px;color:var(--muted)}
.section-border-row input[type=color]{width:36px;height:36px;padding:2px;border:1px solid #595b4e;border-radius:6px;background:transparent;cursor:pointer}
.section-border-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}
.section-border-row input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}
@media(max-width:760px){.section-control-group h3,.section-border-row{font-size:12px}.section-split-buttons .button{font-size:12px}}
.section-overlay{position:absolute;z-index:12;touch-action:none;user-select:none;overflow:visible}
.section-cell{position:absolute;border:1px dashed #ffffffb3;background:transparent;padding:0;margin:0;min-width:0;min-height:0;border-radius:0;cursor:move;touch-action:none;overflow:hidden}
.section-cell[aria-pressed=true]{box-shadow:inset 0 0 0 3px #e8c047}
.section-cell[aria-pressed=true][data-primary=false]{box-shadow:inset 0 0 0 3px #fff;background:#e8c04722}
.section-cell span{position:absolute;top:8px;left:8px;border-radius:5px;background:#20231de8;color:#fff;font:700 12px Inter,sans-serif;padding:4px 7px;pointer-events:none}
.section-cell[aria-pressed=true] span{background:#e8c047;color:#20231d}
.section-divider{position:absolute;touch-action:none;z-index:2;outline-offset:3px}
.section-divider-x{transform:translateX(-50%);cursor:col-resize}
.section-divider-y{transform:translateY(-50%);cursor:row-resize}
.section-divider:before{content:'';position:absolute;background:#e8c047;box-shadow:0 0 0 1px #20231d88}
.section-divider-x:before{top:0;bottom:0;width:2px;left:6px}
.section-divider-y:before{left:0;right:0;height:2px;top:6px}
.section-divider:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#e8c047;border:2px solid #20231d;border-radius:6px;width:10px;height:30px}
.section-divider-y:after{width:30px;height:10px}
.section-divider:hover:before,.section-divider:focus-visible:before{background:#fff}
.layer-resize-handles{position:absolute;z-index:4;pointer-events:none;touch-action:none}
.layer-resize-handle{position:absolute;width:22px;height:22px;padding:0;margin:0;border:0;background:transparent;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none}
.layer-resize-handle::after{content:'';position:absolute;inset:6px;background:#f7d463;border:1px solid #17180f;box-shadow:0 0 0 1px #f7d463;border-radius:2px}
.layer-resize-handle:hover::after,.layer-resize-handle:focus-visible::after{background:#fff}
.layer-resize-handle[data-resize-corner=nw]{left:0;top:0;cursor:nwse-resize}
.layer-resize-handle[data-resize-corner=ne]{left:100%;top:0;cursor:nesw-resize}
.layer-resize-handle[data-resize-corner=sw]{left:0;top:100%;cursor:nesw-resize}
.layer-resize-handle[data-resize-corner=se]{left:100%;top:100%;cursor:nwse-resize}
@media(pointer:coarse){.layer-resize-handle{width:32px;height:32px}.layer-resize-handle::after{inset:10px}}
.design-save-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:6px 18px;padding:12px 32px;border-bottom:1px solid var(--line);background:#191b16;font-size:11px;line-height:1.6}
.design-save-status strong{font-weight:600;color:var(--text)}
.design-save-status span{color:var(--muted)}
.design-save-status[data-unsaved=true] strong{color:var(--gold)}
.design-save-status[data-recovery=unavailable],.design-save-status[data-recovery=restore-failed]{background:#41281e}
.design-save-status[data-recovery=unavailable] span,.design-save-status[data-recovery=restore-failed] span{color:#ffcfb5}
#design-meta{overflow-wrap:anywhere;max-width:360px}
@media(max-width:760px){.design-save-status{padding:12px 20px;gap:3px;font-size:11px;flex-direction:column}}
.design-name-form{display:flex;flex-direction:column;gap:15px;margin:22px 0}
.design-name-form .field{font-size:12px}
.design-name-form .field input{font-size:14px}
.design-name-form>.button{align-self:flex-start}
.design-name-form .filename-preview{margin:-7px 0 0;overflow-wrap:anywhere}
#save-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
#save-dialog .save-image-option{padding-bottom:22px;border-bottom:1px solid var(--line)}
#save-dialog .save-image-option>.button{margin-top:16px}
#save-dialog .save-image-option>.button,#save-dialog .design-name-form>.button{width:100%}
#save-dialog .design-name-form>h3{font-size:17px;margin:0}
#save-dialog .design-name-form>p{margin:0}
#save-dialog .design-name-form>.filename-preview{margin-top:-7px}
#save-dialog .storage-notice{margin-bottom:22px}
.dialog-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.template-recovery-summary{padding:16px;margin-bottom:20px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.template-recovery-summary strong{font-size:14px}.template-recovery-summary .control-hint{margin:6px 0 0}#template-recovery-choice{margin-bottom:20px}#template-recovery-dialog .dialog-form-actions .button{flex:1;min-height:44px}
#template-recovery-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.template-recovery-preview{margin:0 0 20px}.template-recovery-preview-stage{height:clamp(140px,30dvh,240px);padding:12px;display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);border-radius:8px}.template-recovery-preview canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.template-recovery-preview canvas[hidden]{display:none}.template-recovery-preview [role=status]{font-size:12px;color:var(--muted);text-align:center}.template-recovery-preview figcaption{text-align:center;margin-top:8px}

.attribution-control{padding:22px;display:grid;gap:8px}.attribution-control .check-field{color:var(--text)}

.template-card .template-meta{gap:12px;flex-wrap:wrap}.template-action{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:var(--gold);flex-shrink:0}.template-action .icon{width:13px;height:13px}.template-card:hover .template-action{background:#e8c04712;border-color:var(--gold)}
.blank-template-art{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px dashed #73715a;border-radius:5px;background:radial-gradient(#d0c79426 1px,transparent 1px) 0 0/20px 20px;color:var(--muted);font-size:12px}
.blank-template-art>.icon{width:58px;height:58px;color:var(--gold);stroke-width:1}
.template-card:hover .blank-template-art{border-color:var(--gold)}

.canvas-stage canvas.circular-canvas{border-radius:50%}
.circular-section-map{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.circular-cell{cursor:move;outline:none;pointer-events:visiblePainted}
.circular-cell path{fill:transparent;stroke:#ffffffb3;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}
.circular-cell[aria-pressed=true] path,.circular-cell:focus-visible path{stroke:#e8c047;stroke-width:3;stroke-dasharray:none}
.circular-cell-badge{fill:#20231de8;pointer-events:none}.circular-cell[aria-pressed=true] .circular-cell-badge{fill:#e8c047}
.circular-cell text{fill:#fff;font-family:Inter,sans-serif;font-weight:700;text-anchor:middle;dominant-baseline:central;pointer-events:none}.circular-cell[aria-pressed=true] text{fill:#20231d}
.circular-divider{cursor:grab;outline:none;pointer-events:visiblePainted}.circular-divider:active{cursor:grabbing}
.circular-divider path{fill:none;vector-effect:non-scaling-stroke}.circular-divider-hit{stroke:transparent;stroke-width:18;pointer-events:stroke}
.circular-divider-line{stroke:#e8c047;stroke-width:2;pointer-events:none}.circular-divider circle{fill:#e8c047;stroke:#20231d;stroke-width:2;vector-effect:non-scaling-stroke}
.circular-divider:hover .circular-divider-line,.circular-divider:focus-visible .circular-divider-line{stroke:#fff;stroke-width:3}
.circular-divider:focus-visible circle{fill:#fff}
#circular-layout-controls .control-hint{margin-top:12px}

.wallpaper-controls{display:grid;gap:16px}.wallpaper-devices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallpaper-devices .button{justify-content:center}.wallpaper-devices [aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:rgba(232,192,71,.08)}.wallpaper-controls .subtle-button{justify-self:start}.wallpaper-controls .control-hint,#canvas-size-help{margin:0}.preview-wallpaper canvas{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}

/* Optional browser storage consent */
.footer-cookie-settings,.storage-settings-link{border:0;padding:0;background:none;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:var(--gold)}
.footer-cookie-settings{color:inherit;white-space:nowrap}.footer-cookie-settings:hover{color:var(--gold)}
.cookie-banner{position:fixed;z-index:80;bottom:20px;left:20px;right:20px;max-width:1080px;margin:auto;padding:23px 26px;display:flex;align-items:center;gap:28px;background:#24261e;border:1px solid #75765a;border-radius:12px;box-shadow:0 10px 50px #0009}
.cookie-banner h2{font-size:18px;letter-spacing:-.3px;line-height:1.4;margin:0 0 9px}.cookie-banner p{font-size:12px;line-height:1.75;color:var(--muted);max-width:760px}.cookie-banner .cookie-detail{font-size:11px;margin-top:9px}
.cookie-banner a,#cookie-dialog a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-actions .button{min-width:96px;border-color:#96987d;color:var(--text);background:#303327}.cookie-actions .button:hover{background:#404431;border-color:var(--gold)}
#cookie-dialog{max-width:590px}#cookie-choice-status{color:var(--gold);font-size:12px}#cookie-dialog .cookie-actions{justify-content:flex-end}
.storage-notice{padding:16px 18px;background:#e8c0470c;border:1px solid #e8c04745;border-radius:8px;font-size:12px;line-height:1.7}.storage-notice strong{color:var(--gold)}.storage-notice p{color:var(--muted);margin:7px 0 10px}.design-save-status .storage-settings-link{flex-shrink:0}
@media(max-width:700px){.cookie-banner{left:12px;right:12px;bottom:12px;padding:20px;flex-direction:column;align-items:stretch;gap:17px;max-height:65vh;overflow:auto}.cookie-banner .cookie-actions .button{flex:1}.cookie-banner h2{font-size:17px}.site-footer-inner>div{flex-wrap:wrap}}

/* LHT market snapshots share the regular text layer controls. */
.lht-data-controls{border-top:1px solid var(--line);padding-top:22px;display:grid;gap:16px}
.lht-data-controls h3{font-size:13px;font-weight:600}.lht-data-controls p{margin:0}
.social-layer-controls{border-top:1px solid var(--line);padding-top:22px;display:grid;gap:16px}
.social-layer-controls h3{font-size:13px;font-weight:600}.social-layer-controls p{margin:0}
.social-icon-colours{display:grid;gap:14px;margin:0 0 18px}
.image-border-options,.image-border-options #image-border-style{display:grid;gap:16px}
.image-border-options{padding:16px;border:1px solid var(--line);border-radius:10px}
.image-border-options h4{font-size:12px;font-weight:600;margin:0}
@media(max-width:760px){#social-username{font-size:16px}}
.lht-data-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.lht-data-buttons .button{padding:11px 8px;min-height:44px;justify-content:center;font-size:11px}
.lht-data-selection{display:grid;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px}
.lht-data-selection .subtle-button{justify-self:start}
.lht-data-sources{font-size:11px;line-height:1.7;color:var(--muted)}
.lht-data-sources a{text-decoration:underline;text-underline-offset:3px}
.lht-data-sources a:hover{color:var(--gold)}
#lht-data-message:empty{display:none}#lht-data-message[data-error=true]{color:var(--text);border-left:2px solid var(--gold);padding-left:10px}
.lht-data-download-dates{padding-left:20px;color:var(--muted);font-size:12px;line-height:1.7;margin:18px 0}
#lht-data-download-dialog{max-height:calc(100dvh - 32px);overflow:auto}
@media(max-width:760px){.lht-data-buttons .button{font-size:12px}}

.text-alignment-buttons{display:flex;gap:8px}
.text-alignment-buttons .icon-button{width:44px;height:44px;color:var(--muted)}
.text-alignment-buttons .icon-button:hover{color:var(--text);border-color:var(--gold)}
.text-alignment-buttons .icon-button[aria-pressed=true]{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}
.text-alignment-buttons .icon-button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.layer-hover{position:absolute;border:1px solid #f7d46399;box-shadow:0 0 0 1px #17180f55;pointer-events:none;z-index:1}
.layer-hover.is-circular{border-radius:50%}

@media(min-width:1600px){
    .editor-workspace{padding-right:0}
}

.recent-donation{flex-shrink:0;background:var(--surface);border-top:1px solid var(--line);color:var(--muted)}
.recent-donation-inner{max-width:1600px;margin:0 auto;padding:12px 48px;display:flex;align-items:center;gap:12px;font-size:12px;line-height:1.6}
.recent-donation-inner>.icon{width:17px;height:17px;color:var(--gold)}
.recent-donation strong{color:var(--text);font-weight:600;white-space:nowrap}
.recent-donation-thanks{white-space:nowrap}
.recent-donation .text-link{margin-left:auto;flex-shrink:0;min-height:32px;font-size:11px}
.recent-donation .text-link .icon{width:15px;height:15px}
@media(max-width:800px){.recent-donation-inner{padding:12px 28px}}
@media(max-width:560px){.recent-donation-inner{padding:12px 20px;display:grid;grid-template-columns:17px minmax(0,1fr);gap:4px 10px}.recent-donation .text-link{grid-column:2;margin-left:0;justify-self:start}}
.layer-rotate-handle{position:absolute;left:50%;width:26px;height:26px;padding:0;border:1px solid #17180f;border-radius:50%;background:#f7d463;color:#17180f;box-shadow:0 0 0 1px #17180f55;transform:translate(-50%,-50%);display:grid;place-items:center;font:700 20px/1 Arial,sans-serif;pointer-events:auto;cursor:grab;touch-action:none}
.layer-rotate-handle[data-rotate-handle="top"]{top:-28px}.layer-rotate-handle[data-rotate-handle="bottom"]{top:calc(100% + 28px)}
.layer-rotate-handle:before{content:"";position:absolute;left:50%;width:1px;height:15px;background:#f7d463;pointer-events:none}.layer-rotate-handle[data-rotate-handle="top"]:before{top:100%}.layer-rotate-handle[data-rotate-handle="bottom"]:before{bottom:100%}
.layer-rotate-handle:hover,.layer-rotate-handle:focus-visible{background:#fff0ac;outline:2px solid #fff;outline-offset:2px}.is-rotating .layer-rotate-handle{cursor:grabbing}
@media(pointer:coarse){.layer-rotate-handle{width:32px;height:32px}.layer-rotate-handle[data-rotate-handle="top"]{top:-32px}.layer-rotate-handle[data-rotate-handle="bottom"]{top:calc(100% + 32px)}}

.layer-selection.is-circular,.selection-member.is-circular{border-radius:50%}

#watermark-options{margin-bottom:22px;border:1px solid var(--line);border-radius:8px}#watermark-options>summary{padding:12px;font-size:12px}#watermark-options>.watermark-options-content{padding:0 12px 14px}#watermark-options .check-field{margin:12px 0}.watermark-presets{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0 16px}.watermark-presets .button{padding:8px 10px;font-size:11px}

#watermark-upload{width:100%;justify-content:center;margin-top:12px;margin-bottom:10px}
#watermark-settings{width:100%;justify-content:center;margin-bottom:20px}
.logo-export-previews{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}
.logo-export-previews figure{margin:0;min-width:0}.logo-export-previews canvas{width:100%;height:150px;object-fit:contain;padding:12px;background:repeating-conic-gradient(#303030 0% 25%,#454545 0% 50%) 0 0/20px 20px;border-radius:8px}.logo-export-previews figcaption{text-transform:capitalize;margin-top:8px}
.desktop-editor-tabs{display:none}
@media(min-width:761px){
  .editor-controls:has(.desktop-tabs-ready){position:sticky;top:85px;align-self:start;height:calc(100dvh - 110px);max-height:960px;min-height:360px;overflow:hidden}
  #design-controls.desktop-tabs-ready{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
  .desktop-tabs-ready .desktop-editor-tabs{display:grid;flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:14px;border-bottom:1px solid var(--line);background:var(--surface)}
  .desktop-editor-tabs button{min-height:38px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer}
  .desktop-editor-tabs button:hover:not(:disabled){background:#e8c04712;color:var(--text)}
  .desktop-editor-tabs button[aria-selected=true]{background:#e8c04720;border-color:#e8c04770;color:var(--gold)}
  .desktop-editor-tabs button:disabled{opacity:.35;cursor:default}
  .desktop-editor-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
  .desktop-tabs-ready>details{display:none}
  .desktop-tabs-ready>details.desktop-panel-active:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;border-bottom:0}
  .desktop-tabs-ready>details>summary{flex-shrink:0;padding:18px 22px;cursor:default;border-bottom:1px solid var(--line);font-size:14px}
  .desktop-tabs-ready>details>summary:after,.desktop-tabs-ready>details>summary .control-number{display:none}
  .desktop-tabs-ready>details>.control-content{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding-top:20px;scrollbar-gutter:stable;flex:1}
  .desktop-tabs-ready>.attribution-control{flex-shrink:0;padding:14px 20px;border-top:1px solid var(--line)}
  .desktop-tabs-ready .desktop-advanced{border:1px solid var(--line);border-radius:8px;padding:0 12px}
  .desktop-tabs-ready .desktop-advanced>summary{padding:12px 0;font-size:11px}
  .desktop-advanced[open]>.field{margin:12px 0 16px}
  .desktop-advanced #image-border-options{border:0;padding:0 0 14px}
  .desktop-tabs-ready .layer-stack-row:has([aria-pressed=true]){background:#e8c04718;border-color:var(--gold)}
}
@media(min-width:761px){
  .desktop-tabs-ready>details.desktop-panel-active::details-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
}
.desktop-layer-action{display:none}
@media(min-width:761px){
  .layer-stack-row .desktop-layer-action{display:inline-flex;align-items:center;justify-content:center;min-width:26px;font-size:12px}
  .desktop-tabs-ready .layer-stack-controls{padding-top:0;border-top:0;padding-bottom:18px;border-bottom:1px solid var(--line)}
  .desktop-tabs-ready .layer-stack-select span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}
}

#watermark-upload{position:relative;min-height:52px;padding-left:48px;padding-right:48px}
#watermark-upload-thumbnail{position:absolute;left:10px;width:32px;height:32px;border-radius:4px;background:#0002;border:1px solid #0002;pointer-events:none}

#layer-level-guides{position:absolute;pointer-events:none;z-index:2;overflow:hidden}
#layer-level-guides>span{position:absolute;left:0;right:0;border-top:1px dashed #e8c04799;filter:drop-shadow(0 1px 1px #0008)}

.logo-api-page .prose{max-width:960px}
.logo-api-page pre{overflow-x:auto;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:13px;line-height:1.7}
.logo-api-page dt{margin-top:20px;font-weight:600}.logo-api-page dd{margin:8px 0 20px}
.logo-api-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0}
.logo-api-examples figure{margin:0;min-width:0}.logo-api-examples img{display:block;width:100%;height:auto;padding:24px;background:#20221d;border-radius:12px}.logo-api-examples figcaption{padding-top:12px}
@media(max-width:540px){.logo-api-examples{gap:18px}.logo-api-examples img{padding:16px}.logo-api-page pre{font-size:12px}}