*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{white-space:nowrap;border-width:0}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-start{align-items:flex-start}.justify-center{justify-content:center}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.border{border-width:1px}.p-3{padding:.75rem}.text-\[13px\]{font-size:13px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-latin-var.woff2) format("woff2-variations"),url(/fonts/inter-latin-var.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:200 700;src:url(/fonts/oswald-latin-var.woff2) format("woff2-variations"),url(/fonts/oswald-latin-var.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/outfit-latin-var.woff2) format("woff2-variations"),url(/fonts/outfit-latin-var.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}*,:after,:before{box-sizing:border-box}:root{--bg:#0a0a0c;--surface:#141418;--surface2:#1c1c22;--border:#2a2a33;--text:#e8e8ec;--text2:#888894;--accent:#ff3c5f;--accent2:#ff6b35;--accent-solid:#d81f45;--gold:#ffd700;--silver:#c0c0c0;--bronze:#cd7f32;--panel-bg:#111116;--canvas-border:#3a3a44;--canvas-area-bg:#080808}.light-mode{--bg:#f4f4f6;--surface:#ffffff;--surface2:#eeeef1;--border:#d8d8de;--text:#17171a;--text2:#4c4c56;--panel-bg:#ffffff;--canvas-border:#c7c7cf;--canvas-area-bg:#e4e4e8;--accent:#d81f45}html[data-theme=dark] .light-mode{--bg:#0a0a0c;--surface:#141418;--surface2:#1c1c22;--border:#2a2a33;--text:#e8e8ec;--text2:#888894;--accent:#ff3c5f;--panel-bg:#111116;--canvas-border:#3a3a44;--canvas-area-bg:#080808}body{background:var(--bg);color:var(--text);font-family:Outfit,Inter,sans-serif;height:100vh;overflow:hidden;transition:background .15s,color .15s}.sidebar{overscroll-behavior:contain;width:280px;min-width:280px}.leftnav{width:84px;min-width:84px;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:12px;overflow-y:auto;background:var(--panel-bg);border-right:1px solid var(--border)}.leftnav-logo-link{display:block}.nav-bottom,.nav-group{display:flex;flex-direction:column;gap:6px}.nav-bottom{margin-top:auto}.nav-divider{border:none;border-top:1px solid var(--border);margin:4px 2px 6px}.canvas-area{flex:1 1 auto;min-height:0}.app-root{min-height:100vh;background:var(--bg);color:var(--text)}.app-body{height:100vh}.app-header{display:none}@media (max-width:820px){.app-header{display:flex!important}}.app-header{align-items:center;justify-content:flex-end;padding:6px 14px;position:sticky;top:0;z-index:50;height:45px}.nav-toggle{display:none;background:none;border:none;color:var(--text);cursor:pointer;padding:4px}.app-header-mobile-logo{display:none;height:34px}.mode-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;cursor:pointer;font-size:15px;flex-shrink:0}.leftnav-logo{width:100%;max-width:60px;height:auto;margin:2px auto 10px;-o-object-fit:contain;object-fit:contain;display:block}.nav-spacer{flex:1}.actions-bar{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:10px}.actions-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.actions-label{font-size:11px;font-weight:600;color:var(--text2);flex-shrink:0}.actions-row .export-select{flex:1}.actions-row-btns{display:flex;gap:6px}.actions-row-btns .btn{flex:1}.actions-export{white-space:nowrap}.actions-bar-mobile,.nav-backdrop{display:none}.btn{padding:7px 14px;border:none;border-radius:5px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.btn-primary{background:var(--accent-solid);color:#fff}.btn-primary:hover{filter:brightness(1.15)}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.btn-sm{padding:5px 10px;font-size:11px}.nav-btn{display:flex;flex-direction:column;justify-content:center;gap:6px;width:100%;padding:14px 6px;border:none;border-radius:8px;background:transparent;color:var(--text2);cursor:pointer;font-family:Inter,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.2px;transition:all .15s;text-align:center;line-height:1.25;text-decoration:none}.nav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.nav-btn svg{width:20px;height:20px;stroke:currentColor;flex-shrink:0}.nav-btn:hover{background:var(--surface2);color:var(--text)}.nav-btn.active{background:var(--surface2);color:var(--accent)}.nav-btn.active svg{stroke:var(--accent)}.section-title{font-family:Oswald,sans-serif;font-size:11px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:1.5px;margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.section-title:first-child{margin-top:0}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.layout-option{background:var(--surface2);border:2px solid var(--border);border-radius:6px;padding:8px 6px;cursor:pointer;text-align:center;font-size:10px;font-weight:600;color:var(--text2);transition:all .15s}.layout-option:hover{border-color:var(--text2)}.layout-option.active{border-color:var(--accent);color:var(--accent)}.layout-option .lp{width:100%;height:40px;margin-bottom:4px;display:flex;align-items:center;justify-content:center}.layout-option .lp svg{width:100%;height:100%}.theme-presets{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}.theme-dot{width:26px;height:26px;border-radius:50%;border:2px solid var(--border);cursor:pointer;transition:all .15s}.theme-dot:hover{transform:scale(1.12)}.theme-dot.active{border-color:var(--text);box-shadow:0 0 6px rgba(128,128,128,.4)}.color-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.color-row label{font-size:11px;color:var(--text2);flex:1}.color-row input[type=color]{width:28px;height:22px;border:1px solid var(--border);border-radius:3px;background:none;cursor:pointer;padding:1px}.field{margin-bottom:8px}.field label{display:block;font-size:10px;color:var(--text2);margin-bottom:3px;font-weight:500}.field input,.field select{width:100%;padding:6px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;font-family:Inter,sans-serif}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.inline-fields{display:flex;gap:6px}.inline-fields .field{flex:1}.select-field{width:100%;padding:7px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;cursor:pointer}.select-field:focus{outline:none;border-color:var(--accent)}.slot-editor-item{background:var(--surface2);border:1px solid var(--border);border-radius:6px;overflow:hidden;margin-bottom:5px}.slot-editor-header{display:flex;align-items:center;gap:6px;padding:7px 8px;cursor:pointer;font-size:12px;font-weight:600;color:var(--text)}.slot-editor-header .rank{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.rank.r1{background:var(--gold);color:#000}.rank.r2{background:var(--silver);color:#000}.rank.r3{background:var(--bronze);color:#fff}.rank.r4{background:var(--border);color:var(--text)}.slot-editor-header .chv{margin-left:auto;transition:transform .2s;color:var(--text2);font-size:10px}.slot-editor-body{padding:0 8px 8px;display:none}.slot-editor-item.open .slot-editor-body{display:block}.slot-editor-item.open .chv{transform:rotate(180deg)}.img-row{display:flex;gap:4px;margin-bottom:5px}.img-row input{flex:1}.scale-ctrl{display:flex;align-items:center;gap:5px;margin-top:4px}.scale-ctrl label{font-size:10px;color:var(--text2);white-space:nowrap;width:55px;flex-shrink:0}.scale-ctrl input[type=range]{flex:1;accent-color:var(--accent);height:14px}.scale-ctrl .sv{font-size:10px;color:var(--text);width:30px;text-align:right;font-variant-numeric:tabular-nums}.size-row{display:flex;align-items:center;gap:5px;margin-bottom:4px}.size-row label{font-size:10px;color:var(--text2);width:80px;flex-shrink:0}.size-row input[type=range]{flex:1;accent-color:var(--accent);height:14px}.size-row .size-val{font-size:10px;color:var(--text);width:35px;text-align:right;font-variant-numeric:tabular-nums}.slot-bg-row{display:flex;gap:5px;align-items:center;margin-top:5px}.slot-bg-row label{font-size:10px;color:var(--text2)}.slot-bg-row input[type=text]{flex:1;min-width:0;padding:4px 6px;background:var(--surface2);border:1px solid var(--border);border-radius:3px;color:var(--text);font-size:10px}.bw-toggle{display:flex;gap:5px;margin-top:6px}.bw-toggle button{flex:1;padding:6px 4px;border:1px solid var(--border);border-radius:4px;background:var(--surface2);color:var(--text2);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s}.bw-toggle button.active{background:var(--accent-solid);border-color:var(--accent);color:#fff}.tint-row{display:flex;align-items:center;gap:6px;margin-top:5px}.tint-row label{font-size:10px;color:var(--text2);flex:1}.bg-settings{margin-top:8px;padding:10px;border:1px solid var(--accent);border-radius:8px;background:color-mix(in srgb,var(--accent) 6%,var(--surface2));scroll-margin:12px}.bg-settings-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text)}.bg-settings-hint{font-size:10px;line-height:1.45;color:var(--text2);margin:3px 0 2px}.bg-settings .scale-ctrl{margin-top:6px}.bg-color-swatch{position:relative;display:inline-flex;flex-shrink:0}.bg-color-swatch.disabled{opacity:.45;cursor:not-allowed}.bg-color-swatch.disabled input{pointer-events:none;filter:grayscale(.6)}.bg-color-swatch.disabled:after{content:"";position:absolute;left:-2px;right:-2px;top:50%;height:2px;background:var(--text);transform:rotate(-35deg);border-radius:2px;pointer-events:none}.slot-bg-clear{flex-shrink:0;width:22px;height:22px;border-radius:4px;border:1px solid var(--border);background:var(--surface2);color:var(--text2);font-size:14px;line-height:1;cursor:pointer}.slot-bg-clear:hover{color:var(--text);border-color:var(--accent)}.slot-bg-note{font-size:10px;color:var(--text2);margin:4px 0 0;line-height:1.4}.field-hint{font-weight:400;color:var(--text2);text-transform:none;letter-spacing:0}.export-select{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:5px 8px;font-size:11px;cursor:pointer}.canvas-wrapper{position:relative;transform-origin:top center}.top8-canvas{position:relative;overflow:hidden;background:#0a0a0c;border:1px solid var(--canvas-border)}.drag-zone{position:absolute;inset:0;cursor:grab;z-index:5;touch-action:none}.drag-zone:active{cursor:grabbing}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:1000}.modal-overlay.open{display:flex}.modal-box{background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;padding:22px;width:320px}.modal-box h3{font-family:Oswald,sans-serif;font-size:15px;margin-bottom:14px;color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.modal-hint{font-size:10px;color:var(--text2);margin-top:10px;line-height:1.4}.acc-section{margin-bottom:6px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.acc-header,.acc-section{background:var(--surface)}.acc-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border:none;cursor:pointer;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text);transition:background .15s}.acc-header.open,.acc-header:hover{background:var(--surface2)}.acc-header.open{color:var(--accent)}.acc-chevron{font-size:9px;color:var(--text2);transition:transform .2s}.acc-header.open .acc-chevron{transform:rotate(180deg);color:var(--accent)}.acc-body{padding:12px;border-top:1px solid var(--border)}.sub-title{font-family:Outfit,sans-serif;font-size:10px;font-weight:700;color:var(--text2);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.canvas-area::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:8px;height:8px}.canvas-area::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:transparent}.canvas-area::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px;border:2px solid var(--panel-bg)}.canvas-area::-webkit-scrollbar-thumb:hover,.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text2)}.canvas-area,.sidebar{scrollbar-width:thin;scrollbar-color:var(--border) transparent}@media (max-width:1100px){.sidebar{width:240px;min-width:240px}.leftnav{width:72px;min-width:72px}}@media (max-width:820px){body,html{height:auto;overflow-y:auto;overflow-x:hidden}.app-body{flex-direction:column;height:auto!important;min-height:0;width:100%;position:relative}.app-body>*{width:100%;max-width:100%}.app-header{justify-content:space-between;padding:6px 12px}.app-header-mobile-logo,.nav-toggle{display:block}.leftnav{position:fixed;top:0;left:0;bottom:0;width:250px;min-width:250px;max-width:80%;flex-direction:column;border-right:1px solid var(--border);border-bottom:none;padding:16px 12px;gap:8px;transform:translateX(-100%);transition:transform .25s ease;z-index:200;overflow-y:auto}.leftnav.nav-open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.35)}.leftnav-logo{max-width:90px;margin:4px auto 16px}.nav-btn{flex-direction:row;flex:0 0 auto;justify-content:flex-start;padding:12px 14px;gap:10px;font-size:14px;white-space:nowrap;border:1px solid var(--border)}.nav-spacer{flex:1}.nav-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:199}.canvas-area{order:2;flex:0 0 auto;width:100%;padding:10px;position:sticky;top:45px;z-index:10;background:var(--canvas-area-bg);border-bottom:1px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,.15);max-height:46vh}.sidebar{order:3;width:100%;min-width:unset;border-left:none;max-height:none;overflow-y:visible;padding:12px 14px 40px}.actions-bar-mobile{display:block;margin-top:10px}}@media (max-width:480px){.canvas-area{padding:8px}.sidebar .acc-body>div[style*="grid-template-columns: 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important}.header-actions .export-select{font-size:10px;padding:4px 6px}}@media (max-width:640px){.app-header{flex-wrap:wrap;gap:8px;padding:8px 12px;position:static}.app-logo{height:36px!important}.header-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end}.header-actions .btn{padding:6px 10px;font-size:11px}}.lock-badge{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:var(--accent-solid);color:#fff;display:flex;align-items:center;justify-content:center;z-index:3;box-shadow:0 1px 3px rgba(0,0,0,.3)}.layout-option{position:relative}.setup-empty{grid-column:1/-1;color:var(--text2);font-size:13px}.layout-option.locked{opacity:.55}.layout-option.locked:hover{border-color:var(--accent);opacity:.75}.free-layout-badge{position:absolute;top:-7px;left:50%;transform:translateX(-50%);padding:1px 7px;border-radius:999px;white-space:nowrap;background:#16a34a;font-size:9px;line-height:15px;z-index:3;box-shadow:0 1px 3px rgba(0,0,0,.3);pointer-events:none}.free-layout-badge,.upsell-banner{color:#fff;font-weight:700;letter-spacing:.3px}.upsell-banner{background:linear-gradient(135deg,var(--accent-solid),#8b3cff);font-size:11px;padding:9px 12px;border-radius:8px;margin-bottom:10px;cursor:pointer;text-align:center;transition:filter .15s,transform .15s}.upsell-banner:hover{filter:brightness(1.1);transform:translateY(-1px)}.locked-control{display:flex;align-items:center;gap:8px;padding:9px 10px;margin:5px 0;background:var(--surface2);border:1px dashed var(--border);border-radius:6px;color:var(--text2);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.locked-control:hover{border-color:var(--accent);color:var(--text)}.locked-control .lock-badge{position:static;width:16px;height:16px}.unlock-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;backdrop-filter:blur(4px)}.unlock-box{position:relative;background:var(--panel-bg);border:1px solid var(--border);border-radius:16px;padding:32px 28px;width:380px;max-width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden;animation:unlockPop .25s cubic-bezier(.2,1.2,.4,1)}@keyframes unlockPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.unlock-glow{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--accent),transparent 70%);opacity:.3;pointer-events:none}.unlock-icon{font-size:44px;margin-bottom:8px;position:relative}.unlock-box h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--text);margin-bottom:10px;position:relative}.unlock-box p{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:16px;position:relative}.unlock-perks{text-align:left;background:var(--surface2);border-radius:10px;padding:14px 16px;margin-bottom:18px;position:relative}.unlock-perks div{font-size:12px;color:var(--text);padding:4px 0}.unlock-cta{width:100%;padding:13px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--accent-solid),#8b3cff);color:#fff;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;cursor:pointer;margin-bottom:8px;position:relative;transition:filter .15s,transform .15s}.unlock-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}.unlock-dismiss{width:100%;padding:8px;border:none;background:transparent;color:var(--text2);font-size:12px;cursor:pointer;position:relative}.unlock-dismiss:hover{color:var(--text)}.nav-btn-logout{color:#ff4d5f}.nav-btn-logout:hover{background:rgba(255,77,95,.1);color:#ff4d5f}.login-page{display:flex;flex:1;min-height:0}.login-form-panel{flex:0 0 460px;display:flex;align-items:center;justify-content:center;padding:32px;background:var(--panel-bg);overflow-y:auto}.login-form-inner{width:100%;max-width:340px}.login-logo{height:56px;display:block;margin:0 auto 24px}.login-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px}.login-tabs button{flex:1;padding:12px 0;background:transparent;cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--text2);border:none;border-bottom:2px solid transparent;transition:all .15s}.login-tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.login-field{margin-bottom:14px}.login-field label{display:block;font-size:11px;color:var(--text2);margin-bottom:5px;font-weight:600}.login-field input{width:100%;padding:11px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:13px;font-family:Outfit,sans-serif;outline:none;transition:border-color .15s}.login-field input:focus{border-color:var(--accent)}.login-row{display:flex;gap:10px}.login-row .login-field{flex:1}.login-check{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px;cursor:pointer;font-size:11px;color:var(--text2);line-height:1.4}.login-checkbox{width:18px;height:18px;min-width:18px;margin-top:1px;border-radius:4px;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;transition:all .15s}.login-checkbox.on{background:var(--accent-solid);border-color:var(--accent)}.login-check a{color:var(--accent);text-decoration:underline}.login-error{color:#ff5555}.login-error,.login-success{font-size:11px;margin:8px 0;line-height:1.4}.login-success{color:#44dd55}.login-submit{width:100%;padding:12px;border:none;border-radius:8px;margin-top:8px;background:var(--accent-solid);color:#fff;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s}.login-submit:hover{filter:brightness(1.12)}.login-submit:disabled{opacity:.6;cursor:default}.login-back{width:100%;padding:10px;border:none;background:transparent;color:var(--text2);font-size:12px;cursor:pointer;margin-top:12px}.login-back:hover{color:var(--text)}.login-image-panel{flex:1;position:relative;background:#0c0518 url(/brand/login-cover.webp) 50%/cover no-repeat;display:flex;align-items:flex-end}.login-image-overlay{padding:48px;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.55) 55%,transparent);width:100%;text-shadow:0 2px 10px rgba(0,0,0,.5)}.login-image-overlay h2{font-family:Outfit,sans-serif;font-size:32px;font-weight:800;margin-bottom:12px;line-height:1.15}.login-image-overlay p{font-size:15px;opacity:.85;line-height:1.5;max-width:440px}@media (max-width:760px){.login-page{flex-direction:column;height:auto}.login-image-panel{flex:0 0 160px;order:-1;background-image:url(/brand/login-cover-sm.webp)}.login-image-overlay{padding:20px}.login-image-overlay h2{font-size:20px}.login-image-overlay p{font-size:13px}.login-form-panel{flex:1 0 auto}}.app-header-logos{display:flex;align-items:center;gap:12px;min-width:0}.app-logo-divider{width:1px;height:32px;background:var(--border);flex-shrink:0}.app-game-logo{max-width:160px;-o-object-fit:contain;object-fit:contain}@media (max-width:640px){.app-game-logo{height:32px!important;max-width:110px}.app-logo-divider{height:24px}}.setup-screen{min-height:100%;display:flex;align-items:flex-start;justify-content:center;background:var(--canvas-area-bg);padding:32px 20px 60px}.setup-inner{width:100%;max-width:720px}.setup-title{font-family:Outfit,sans-serif;font-size:30px;font-weight:800;color:var(--text);text-align:center;margin-bottom:6px}.setup-subtitle{font-size:14px;color:var(--text2);text-align:center;margin-bottom:28px}.setup-section-label{font-family:Outfit,sans-serif;font-size:13px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.game-search{position:relative;margin-bottom:12px}.game-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text2);pointer-events:none}.game-search input{width:100%;padding:10px 12px 10px 36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:14px}.game-search input:focus{outline:none;border-color:var(--accent)}.game-search-empty{font-size:13px;color:var(--text2);margin:-4px 0 10px}.game-pager{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;flex-wrap:wrap}.game-pager button{min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-weight:700;font-size:13px;cursor:pointer}.game-pager button:hover:not(:disabled){border-color:var(--text2);color:var(--text)}.game-pager button.active{border-color:var(--accent);color:var(--accent)}.game-pager button:disabled{opacity:.4;cursor:default}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.game-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 14px;background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .15s;color:var(--text2)}.game-card:hover{border-color:var(--text2);transform:translateY(-2px)}.game-card.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(180,77,255,.15)}.game-card-logo{height:70px;display:flex;align-items:center;justify-content:center;width:100%}.game-card-logo img{max-height:70px;max-width:100%;-o-object-fit:contain;object-fit:contain}.game-card-name{font-size:12px;font-weight:600;color:var(--text);text-align:center}.game-card-custom .game-card-logo{color:var(--text2)}.game-card-custom:hover .game-card-logo{color:var(--accent)}.setup-custom-url{margin-top:14px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.setup-custom-url label{display:block;font-size:12px;font-weight:600;color:var(--text);margin-bottom:6px}.setup-custom-url input{width:100%;padding:10px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;outline:none}.setup-custom-url input:focus{border-color:var(--accent)}.setup-custom-url p{font-size:10px;color:var(--text2);margin-top:6px}.setup-layout-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.setup-layout-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:var(--surface);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;font-size:11px;font-weight:600;color:var(--text2)}.setup-layout-option:hover{border-color:var(--text2)}.setup-layout-option.active{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 3px rgba(180,77,255,.15)}.setup-layout-option.locked{opacity:.55}.setup-layout-option.locked:hover{opacity:.75;border-color:var(--accent)}.setup-layout-option .lp{width:100%;height:44px;display:flex;align-items:center;justify-content:center}.setup-layout-option .lp svg{width:100%;height:100%}.setup-actions{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.setup-skip{padding:11px 20px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--text2);font-size:13px;font-weight:600;cursor:pointer}.setup-skip:hover{background:var(--surface2);color:var(--text)}.setup-start{padding:12px 28px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--accent-solid),#8b3cff);color:#fff;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s,transform .15s}.setup-start:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.setup-start:disabled{opacity:.5;cursor:default}@media (max-width:640px){.game-grid{grid-template-columns:repeat(2,1fr)}.setup-layout-grid{grid-template-columns:repeat(3,1fr)}.setup-title{font-size:24px}}@media (max-width:420px){.setup-layout-grid{grid-template-columns:repeat(2,1fr)}}.sgg-toggle{display:flex;gap:8px;max-width:280px}.sgg-toggle button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:2px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text2);font-family:Outfit,sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.sgg-toggle button:hover{border-color:var(--text2);color:var(--text)}.sgg-toggle button.active{border-color:var(--accent);background:var(--accent-solid);color:#fff}.sgg-toggle button.locked{opacity:.6}.sgg-event-item:focus-visible,.sgg-toggle button:focus-visible,.unlock-cta:focus-visible,.unlock-dismiss:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sgg-loading-box{padding:36px 28px 30px}.sgg-spinner{width:44px;height:44px;margin:0 auto 18px;border-radius:50%;border:4px solid var(--surface2);border-top-color:var(--accent);animation:sggSpin .8s linear infinite}@keyframes sggSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.sgg-spinner{animation-duration:2.4s}.unlock-box{animation:none}}.sgg-picker-box{text-align:left;width:440px}.sgg-picker-box h3,.sgg-picker-box>p{text-align:center}.sgg-event-list{gap:6px;max-height:46vh;overflow-y:auto;margin-bottom:10px;position:relative}.sgg-event-item,.sgg-event-list{display:flex;flex-direction:column}.sgg-event-item{align-items:flex-start;gap:2px;width:100%;padding:11px 14px;text-align:left;cursor:pointer;background:var(--surface2);border:2px solid var(--border);border-radius:10px;color:var(--text);transition:border-color .15s}.sgg-event-item:hover:not(:disabled){border-color:var(--accent)}.sgg-event-item:disabled{opacity:.5;cursor:not-allowed}.sgg-event-name{font-family:Outfit,sans-serif;font-size:14px;font-weight:700}.sgg-event-meta{font-size:11px;color:var(--text2)}.sgg-event-meta em{font-style:normal;color:var(--accent)}.color-group{margin-bottom:10px}.color-group-title{font-size:11px;font-weight:700;color:var(--text);margin:10px 0 6px}.color-hint{font-size:9px;color:var(--text2);margin:-3px 0 6px;line-height:1.4}.app-boot{min-height:100vh;background:var(--bg)}a.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none}.btn-danger{background:#d9304a;color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn:focus-visible,.link-btn:focus-visible,.project-open:focus-visible,.quick-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.link-btn{background:none;border:none;padding:2px 0;cursor:pointer;text-decoration:none;font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--accent)}.link-btn:hover{text-decoration:underline}.link-btn.danger{color:#e0405a}.link-btn.strong{font-weight:800}.link-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.page-view{flex:1;min-width:0;overflow-y:auto;background:var(--bg)}.page-inner{max-width:1120px;margin:0 auto;padding:32px 32px 56px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;color:var(--text);line-height:1.15}.page-subtitle{font-size:14px;color:var(--text2);margin-top:6px;max-width:60ch;line-height:1.5}.page-actions{display:flex;gap:8px}.page-actions .btn{padding:10px 16px;font-size:13px}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px}.view-loading{display:flex;align-items:center;gap:12px;padding:28px 4px;color:var(--text2);font-size:13px}.view-loading .sgg-spinner{width:22px;height:22px;border-width:3px;margin:0}.view-error{background:rgba(224,64,90,.1);color:#e0405a;border:1px solid rgba(224,64,90,.3);border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.login-required{text-align:center;max-width:520px;margin:8px auto;padding:36px 28px}.login-required-icon{font-size:30px;margin-bottom:10px}.login-required h2{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--text);margin-bottom:8px}.login-required p{font-size:13px;color:var(--text2);line-height:1.55;margin-bottom:18px}.login-required-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.login-required-actions .btn{padding:10px 18px;font-size:13px}.empty-state{text-align:center;padding:36px 20px;border:1px dashed var(--border);border-radius:12px;background:var(--surface)}.empty-icon{font-size:28px;margin-bottom:8px}.empty-state h3{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}.empty-state p{font-size:13px;color:var(--text2);line-height:1.5;max-width:42ch;margin:0 auto 14px}.dash-section{margin-bottom:32px;min-width:0}.dash-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:var(--text);margin-bottom:12px}.dash-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.dash-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quick-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:18px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;transition:border-color .15s,transform .15s}.quick-card:hover{border-color:var(--accent);transform:translateY(-1px)}.quick-icon{width:34px;height:34px;border-radius:9px;justify-content:center;background:var(--accent-solid);color:#fff;font-size:18px;margin-bottom:4px}.quick-icon,.quick-name{display:flex;align-items:center;font-weight:700}.quick-name{font-family:Outfit,sans-serif;font-size:15px;gap:6px}.quick-desc,.quick-lock{font-size:12px}.quick-desc{color:var(--text2);line-height:1.45}.import-list{list-style:none;display:flex;flex-direction:column;gap:8px}.import-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.import-info{min-width:0}.import-name{font-weight:700;font-size:14px;color:var(--text)}.import-meta,.import-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-meta{font-size:12px}.import-meta,.import-time{color:var(--text2);margin-top:2px}.import-time{font-size:11px;opacity:.8}.import-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.projects-toolbar{margin-bottom:16px}.search-input{width:100%;max-width:340px;padding:10px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:Inter,sans-serif;font-size:13px;outline:none}.search-input:focus{border-color:var(--accent)}.project-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.project-grid.compact{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.project-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;transition:border-color .15s}.project-card:hover{border-color:var(--accent)}.project-open{position:relative;display:block;width:100%;padding:0;border:none;background:none;cursor:pointer}.project-thumb{aspect-ratio:4/5;background:var(--surface2);overflow:hidden}.project-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.project-thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-weight:900;font-size:22px;color:var(--text2);opacity:.5;letter-spacing:2px}.project-open-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:var(--accent-solid);color:#fff;font-size:10px;font-weight:700}.project-body{padding:10px 12px 12px;min-width:0}.project-name{font-size:14px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-meta{margin-top:3px}.project-sub{font-size:12px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-time{font-size:11px;color:var(--text2);margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.badge-sgg{padding:1px 6px;border-radius:4px;background:var(--surface2);border:1px solid var(--border);font-size:10px;font-weight:700;color:var(--text)}.project-actions{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.project-busy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--surface) 60%,transparent)}.project-busy .sgg-spinner{width:28px;height:28px;margin:0}.rename-form .dialog-input{margin-bottom:6px}.rename-actions{display:flex;gap:6px}.load-more{display:flex;justify-content:center;margin-top:20px}.load-more .btn{padding:9px 20px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.settings-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:var(--text)}.settings-desc{font-size:12px;color:var(--text2);margin-top:4px;line-height:1.5}.settings-form{margin-top:14px;display:flex;flex-direction:column;align-items:stretch}.settings-form .btn{align-self:flex-start;margin-top:4px;padding:9px 16px}.settings-section>.btn{margin-top:14px;padding:9px 16px}.settings-ok{font-size:12px;color:#2fae52;margin:2px 0 8px;line-height:1.4}.danger-zone{border-color:rgba(224,64,90,.45)}.dialog-form{text-align:left}.dialog-form h3,.dialog-message{text-align:center}.dialog-message{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:14px}.dialog-label{display:block;font-size:11px;font-weight:600;color:var(--text2);margin-bottom:5px}.dialog-input{width:100%;padding:10px 12px;margin-bottom:12px;border-radius:8px;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:Inter,sans-serif;font-size:13px;outline:none}.dialog-input:focus{border-color:var(--accent)}.dialog-error{font-size:12px;color:#e0405a;margin:0 0 10px;line-height:1.4}.unlock-cta:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.actions-save{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border)}.actions-project{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text2);min-width:0}.actions-project span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text)}.btn-save{width:100%;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--text);color:var(--bg)}.btn-save:hover{filter:brightness(1.15)}.btn-save.locked{opacity:.7}.actions-link{align-self:center;background:none;border:none;cursor:pointer;font-size:11px;font-weight:600;color:var(--text2);text-decoration:underline}.actions-link:hover{color:var(--text)}.draft-badge{flex-shrink:0;font-style:normal;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:rgba(240,170,40,.14);color:#c98a12;border:1px solid rgba(240,170,40,.45)}@media (max-width:1000px){.dash-columns,.settings-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:820px){.page-view{overflow:visible}.page-inner{padding:20px 16px 48px}.page-title{font-size:22px}.quick-grid{grid-template-columns:minmax(0,1fr)}.project-grid{gap:10px}.project-grid,.project-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.import-item{flex-direction:column;align-items:stretch}.import-actions{flex-direction:row;align-items:center;justify-content:space-between}.nav-bottom{margin-top:16px}}.vis-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;border:1px solid var(--border);background:var(--surface2);color:var(--text);white-space:nowrap}.vis-badge.public{border-color:rgba(47,174,82,.5);color:#2fae52;background:rgba(47,174,82,.1)}.vis-badge.overlay{position:absolute;top:8px;right:8px;background:rgba(10,10,12,.72);color:#fff;border-color:transparent}.vis-badge.overlay.public{background:rgba(28,120,56,.88);color:#fff}.actions-vis{display:flex;align-items:center;justify-content:space-between;gap:8px}.actions-vis .actions-link{align-self:auto}.vis-choice{border:none;padding:0;margin:2px 0 12px;display:flex;flex-direction:column;gap:8px}.vis-option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;cursor:pointer;border:2px solid var(--border);border-radius:10px;background:var(--surface2);transition:border-color .15s}.vis-option.selected{border-color:var(--accent)}.vis-option input{margin-top:3px;accent-color:var(--accent)}.vis-option span{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text)}.vis-option small{font-size:11px;color:var(--text2);line-height:1.4}.dialog-note{font-size:11px;margin-top:8px;opacity:.85}.is-refreshing{opacity:.55;transition:opacity .15s;pointer-events:none}.pagination{align-items:center;gap:6px;margin-top:24px}.page-list,.pagination{display:flex;flex-wrap:wrap;justify-content:center}.page-list{list-style:none;gap:4px}.page-btn{min-width:36px;height:36px;padding:0 12px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:Inter,sans-serif;font-size:13px;font-weight:600}.page-btn.num{padding:0 6px}.page-btn.current,.page-btn:hover:not(:disabled){border-color:var(--accent)}.page-btn.current{background:var(--accent-solid);color:#fff}.page-btn:disabled{opacity:.45;cursor:not-allowed}.page-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-gap{display:inline-flex;align-items:center;height:36px;padding:0 4px;color:var(--text2)}.pagination-info{width:100%;text-align:center;font-size:12px;color:var(--text2);margin-top:8px}.community-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.community-detail{width:720px;max-width:calc(100vw - 32px);display:flex;gap:22px;text-align:left;padding:22px;position:relative}.detail-close{position:absolute;top:8px;right:10px;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text2);font-size:22px;cursor:pointer}.detail-close:hover{background:var(--surface2);color:var(--text)}.detail-img{flex:0 0 300px;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:var(--surface2)}.detail-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.detail-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding-top:6px}.detail-info h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--text);text-align:left;padding-right:28px}.detail-author{font-size:12px;color:var(--text2)}.detail-list{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px}.detail-list div{display:flex;gap:10px;font-size:13px}.detail-list dt{width:60px;color:var(--text2);flex-shrink:0}.detail-list dd{color:var(--text);min-width:0;overflow-wrap:anywhere}.detail-info .btn{align-self:flex-start;padding:9px 14px;margin-top:auto}@media (max-width:700px){.community-detail{flex-direction:column;max-height:calc(100vh - 32px);overflow-y:auto}.detail-img{flex:0 0 auto;width:100%;max-width:320px;align-self:center}.page-btn:not(.num){flex:1}}.leftnav{width:236px;min-width:236px;padding:16px 12px;gap:10px}.leftnav-logo{max-width:128px;margin:4px auto 14px}.nav-bottom,.nav-group{gap:4px}.nav-btn{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;padding:10px 12px;min-height:44px;font-size:13.5px;line-height:1.2;text-align:left;letter-spacing:0}.nav-btn svg{width:24px;height:24px}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-divider{margin:6px 4px 8px}@media (max-width:1100px){.leftnav{width:216px;min-width:216px}.nav-btn{font-size:13px;gap:10px}}@media (max-width:820px){.leftnav{width:264px;min-width:264px;max-width:82%;padding:16px 12px}.leftnav-logo{max-width:110px;margin:4px auto 16px}.nav-btn{padding:12px 14px;font-size:14px;border:1px solid var(--border)}.nav-bottom,.nav-group{gap:8px}}.captcha-box{margin:4px 0 12px;min-height:65px;display:flex;flex-direction:column;align-items:center}.name-status{min-height:16px;font-size:11px;margin-top:4px;color:var(--text2)}.name-status.free{color:#2fae52}.name-status.taken{color:#e0405a}.forgot-link{align-self:flex-end;display:block;margin:-4px 0 12px auto;padding:2px 0;background:none;border:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--accent)}.forgot-link:hover{text-decoration:underline}.forgot-link.center{margin:14px auto 0}.recover-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;color:var(--text);margin-bottom:6px;text-align:center}.recover-text{font-size:13px;color:var(--text2);line-height:1.5;margin-bottom:18px;text-align:center}.verify-box{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:12px 14px;border-radius:10px;border:1px solid rgba(240,170,40,.45);background:rgba(240,170,40,.12);font-size:12.5px;line-height:1.45;color:var(--text)}.verify-box .link-btn{align-self:flex-start}.verify-msg{font-size:12px;color:var(--text2)}.verify-banner{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:900;width:min(760px,calc(100vw - 32px));padding:14px 16px;border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--surface);border:1px solid rgba(240,170,40,.6);box-shadow:0 10px 30px rgba(0,0,0,.25);color:var(--text)}.verify-banner-text{flex:1 1 320px;display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.45}.verify-banner-text span{color:var(--text2);font-size:12px}.verify-banner-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.verify-banner .captcha-box{margin:0;min-height:0}.mod-box,.welcome-box{width:460px;max-width:calc(100vw - 32px)}.mod-box{text-align:left}.mod-box .welcome-emoji,.mod-box h3{text-align:center}.mod-box p{margin:8px 0;font-size:13px;line-height:1.5}.mod-reason{padding:10px 12px;border-radius:8px;background:var(--surface2)}.mod-small{color:var(--text2);font-size:12px!important}.mod-small a{color:var(--accent)}.mod-box .unlock-cta{margin-top:10px}.mod-banner{border-color:rgba(230,70,70,.65)}.welcome-emoji{font-size:38px;margin-bottom:4px}.welcome-steps{list-style:none;text-align:left;display:flex;flex-direction:column;gap:10px;margin:16px 0 18px}.welcome-steps li{display:flex;gap:12px;align-items:flex-start}.welcome-step-icon{flex:0 0 34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--surface2);font-size:16px}.welcome-steps span{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--text)}.welcome-steps small{font-size:12px;color:var(--text2);line-height:1.4}.reset-card{max-width:460px}.reset-card .btn{align-self:flex-start;margin-top:14px;padding:9px 16px}@media (max-width:820px){.verify-banner{bottom:10px}.verify-banner-actions{width:100%}}.auth-modal{width:420px}.auth-modal .captcha-box{display:flex;justify-content:center;margin:0 0 12px;position:relative}.auth-modal .dialog-error{position:relative;margin:0 0 12px;text-align:left}.auth-modal-ok{position:relative;margin:0 0 12px!important;padding:10px 12px;border-radius:8px;text-align:left;background:rgba(68,221,85,.1);border:1px solid rgba(68,221,85,.35);color:var(--text)!important}.unlock-box p.auth-modal-note{font-size:12px;opacity:.85;margin-top:-6px}.unlock-box strong{color:var(--text)}.connect-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}.connect-row{gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface2)}.connect-logo,.connect-row{display:flex;align-items:center}.connect-logo{flex:0 0 36px;height:36px;border-radius:9px;justify-content:center;background:var(--panel-bg);border:1px solid var(--border);font-size:18px}.connect-info{flex:1;min-width:0}.connect-info .settings-desc{margin-top:2px}.connect-name{font-size:14px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.soon-badge{padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);background:transparent}.connect-row .btn:disabled{opacity:.5;cursor:not-allowed}.dialog-input[readonly]{opacity:.7;cursor:default}@media (max-width:520px){.connect-row{flex-wrap:wrap}.connect-row .btn{width:100%}}.verified-icon{color:#1d9bf0;flex-shrink:0;display:inline-block;vertical-align:middle}.badge-verified{display:inline-flex;align-items:center;gap:4px;padding:1px 7px 1px 4px;border-radius:999px;background:rgba(29,155,240,.12);border:1px solid rgba(29,155,240,.45);font-size:10px;font-weight:700;color:var(--text);line-height:16px}.verify-status{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;margin-bottom:10px;border-radius:10px;font-size:12px;line-height:1.45;color:var(--text)}.verify-status>div{display:flex;flex-direction:column;gap:3px;min-width:0}.verify-status strong{font-size:12.5px}.verify-status span{color:var(--text2)}.verify-status a{color:var(--text);text-decoration:underline;overflow-wrap:anywhere}.verify-status.ok{background:rgba(29,155,240,.1);border:1px solid rgba(29,155,240,.4)}.verify-status.broken{background:rgba(240,170,40,.12);border:1px solid rgba(240,170,40,.5)}.verify-status-icon{font-size:16px;line-height:1;color:#f0aa28;flex-shrink:0}.verify-status .btn{align-self:flex-start;margin-top:6px}.dialog-note.warn{text-align:left;padding:8px 10px;border-radius:8px;margin:0 0 12px;background:rgba(240,170,40,.12);border:1px solid rgba(240,170,40,.5);color:var(--text)}.detail-verified{display:flex;gap:10px;align-items:flex-start;margin:4px 0 14px;padding:10px 12px;border-radius:10px;background:rgba(29,155,240,.1);border:1px solid rgba(29,155,240,.4);text-align:left}.detail-verified span{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text2);line-height:1.45}.detail-verified strong{color:var(--text);font-size:13px}.char-picker{margin-bottom:8px}.char-combo{position:relative}.char-search{width:100%}.char-suggest{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);list-style:none;margin:0;padding:4px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.25);max-height:280px}.char-opt{display:flex;align-items:center;gap:10px;padding:5px 8px;border-radius:6px;color:var(--text);font-size:13px;cursor:pointer}.char-opt .char-name{flex:1}.char-thumb{width:34px;height:34px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;border-radius:6px;background:var(--surface2)}.char-combo.has-thumb .char-search{padding-left:40px}.char-current-thumb{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;-o-object-fit:contain;object-fit:contain;border-radius:5px;background:var(--surface2);pointer-events:none;z-index:1}.char2-add{width:100%;margin:2px 0 10px}.char2-box{border:1px dashed var(--border);border-radius:8px;padding:8px 10px 4px;margin:4px 0 10px}.char2-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.char2-head span{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text2)}.char-opt.active{background:var(--surface2)}.char-opt.selected{color:var(--accent);font-weight:700}.char-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-check{flex-shrink:0;font-weight:800}.char-empty{padding:8px 10px}.char-empty,.report-link{font-size:12px;color:var(--text2)}.report-link{margin-top:10px;align-self:flex-start;background:none;border:none;padding:4px 0;cursor:pointer;text-decoration:underline}.report-link:hover{color:#e0405a}.community-dialog{width:440px;text-align:left}.community-dialog h3{text-align:center}.reason-list{border:none;padding:0;margin:8px 0 12px;display:flex;flex-direction:column;gap:6px}.reason-opt{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--surface2);font-size:13px;color:var(--text)}.reason-opt.selected{border-color:#e0405a;background:rgba(224,64,90,.08)}.reason-opt input{accent-color:#e0405a}.dialog-textarea{resize:vertical;min-height:70px;font-family:inherit;line-height:1.45}.char-count{font-size:11px;color:var(--text2);text-align:right;margin:-4px 0 8px}.kind-tabs{display:flex;gap:6px;margin:4px 0 12px;flex-wrap:wrap}.kind-tabs button{flex:1;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.kind-tabs button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.unlock-cta.as-link{display:block;text-align:center;text-decoration:none;box-sizing:border-box}.hidden-note{margin:6px 0 2px;padding:5px 8px;border-radius:6px;font-size:11px;line-height:1.4;background:rgba(224,64,90,.1);border:1px solid rgba(224,64,90,.4);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}img[src^="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP"]{display:inline!important;vertical-align:baseline!important}.login-check{position:relative}.login-check-input{position:absolute;opacity:0;width:16px;height:16px;margin:0;cursor:pointer}.login-check-input:focus-visible+.login-checkbox{outline:2px solid var(--accent);outline-offset:2px}.login-check em{font-style:normal;opacity:.8}.login-check em.req{color:var(--text);opacity:.75}.login-note{font-size:11px;line-height:1.45;color:var(--text2);margin:-4px 0 12px 26px;padding:7px 9px;border-radius:6px;background:var(--surface2);border:1px solid var(--border)}.news-state{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.news-badge{font-size:12px;font-weight:700;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);color:var(--text)}.news-badge.on{border-color:rgba(47,174,82,.5);background:rgba(47,174,82,.1)}.legal-shell{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.legal-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px max(16px,calc((100% - 860px) / 2));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.legal-brand img{display:block;height:52px;width:auto}.legal-header .btn{font-size:13px;padding:9px 16px;border-radius:8px;text-decoration:none}.legal-main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:32px 16px 48px}.legal-footer{border-top:1px solid var(--border);padding:20px 16px 28px;text-align:center;font-size:12px;color:var(--text2);line-height:1.6}.legal-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-bottom:8px}.legal-footer a{color:var(--text);text-decoration:none}.legal-footer a:hover{text-decoration:underline}.legal-doc{font-family:Inter,sans-serif;font-size:15px;line-height:1.7}.legal-doc h1{font-size:clamp(26px,5vw,36px);font-weight:800;line-height:1.2;margin:0 0 6px}.legal-doc h1,.legal-doc h2{font-family:Outfit,sans-serif}.legal-doc h2{font-size:20px;font-weight:700;margin:34px 0 10px}.legal-doc h2,.legal-doc section{scroll-margin-top:80px}.legal-doc p{margin:0 0 12px}.legal-doc ol,.legal-doc ul{margin:0 0 12px;padding-left:22px;list-style:disc}.legal-doc ol{list-style:decimal}.legal-doc li{margin-bottom:6px}.legal-doc a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.legal-doc code{font-size:12.5px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;word-break:break-all}.legal-updated{font-size:13px;color:var(--text2);margin-bottom:20px!important}.legal-intro{font-size:16px}.legal-toc{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 18px;margin:20px 0 8px}.legal-toc strong{display:block;font-family:Outfit,sans-serif;font-size:14px;margin-bottom:6px}.legal-toc ol{margin:0;-moz-columns:220px 2;columns:220px 2;-moz-column-gap:24px;column-gap:24px;font-size:14px}.legal-toc a{color:var(--text);text-decoration:none}.legal-toc a:hover{color:var(--accent);text-decoration:underline}.legal-highlight{border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--surface));border-radius:0 8px 8px 0;padding:12px 16px;margin:0 0 14px}.legal-highlight p:last-child{margin-bottom:0}.legal-table-wrap{overflow-x:auto;margin:0 0 14px;border:1px solid var(--border);border-radius:8px}.legal-table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:520px}.legal-table td,.legal-table th{text-align:left;vertical-align:top;padding:9px 12px;border-bottom:1px solid var(--border)}.legal-table th{background:var(--surface2);font-weight:700}.legal-table tr:last-child td{border-bottom:none}.changelog-list{list-style:none!important;padding:0!important;margin:8px 0 0!important}.changelog-item{position:relative;margin:0 0 14px!important;padding:16px 18px 6px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--cl-tone,var(--accent));border-radius:10px}.changelog-item.kind-nuevo{--cl-tone:#b44dff}.changelog-item.kind-mejora{--cl-tone:#2f80ed}.changelog-item.kind-correccion{--cl-tone:#e0a106}.changelog-item.kind-juego{--cl-tone:#16a34a}.changelog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;color:var(--text2)}.changelog-kind{display:inline-block;padding:1px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#fff;background:var(--cl-tone,var(--accent))}.changelog-item h2{margin:6px 0!important;font-size:18px!important}.changelog-body{font-size:14.5px}.changelog-body ul{list-style:disc}.changelog-empty{color:var(--text2)}.notfound{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Inter,sans-serif}.notfound .notfound-code{font-family:Outfit,sans-serif;font-weight:900;letter-spacing:-2px;font-size:clamp(90px,22vw,160px);line-height:1;margin:0;background:linear-gradient(135deg,var(--accent),#8b3cff);-webkit-background-clip:text;background-clip:text;color:transparent}.notfound h1{font-family:Outfit,sans-serif;font-size:clamp(22px,5vw,30px);font-weight:800;margin:6px 0 10px}.notfound p:not(.notfound-code){color:var(--text2);max-width:460px;line-height:1.6;margin:0 0 22px}.notfound-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.notfound-actions .btn{font-size:14px;padding:11px 18px;border-radius:8px;text-decoration:none}.nav-legal{display:flex;flex-wrap:wrap;gap:2px 10px;padding:8px 10px 2px;font-size:11px}.nav-legal a{color:var(--text2);text-decoration:none}.nav-legal a:focus-visible,.nav-legal a:hover{color:var(--text);text-decoration:underline}.cookie-notice{position:fixed;z-index:90;left:16px;bottom:16px;max-width:520px;display:flex;align-items:center;gap:14px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.35);font-family:Inter,sans-serif;font-size:12.5px;line-height:1.5}.cookie-notice p{margin:0}.cookie-notice a{color:var(--accent);text-decoration:underline}.cookie-notice .btn{flex-shrink:0;font-size:12.5px;padding:8px 14px;border-radius:7px}.cookie-actions{display:flex;gap:8px;flex-shrink:0}.cookie-prefs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cookie-prefs .btn{font-size:13px;padding:8px 14px}@media (max-width:600px){.cookie-notice{left:12px;right:12px;bottom:12px;max-width:none;flex-direction:column;align-items:stretch;gap:10px}.cookie-actions .btn{flex:1}.legal-brand img{height:42px}.legal-main{padding-top:22px}.legal-doc{font-size:14.5px}}@media (max-width:820px){.app-root:has(>.app-body>.canvas-area){height:100vh;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.app-root:has(>.app-body>.canvas-area)>.app-header{flex:none;position:relative}.app-root:has(>.app-body>.canvas-area)>.app-body{flex:1 1 auto;min-height:0;height:auto!important;overflow:hidden}.app-body>.canvas-area{position:relative;top:auto;flex:none;height:min(42dvh,118vw);max-height:none}.app-body>.canvas-area~.sidebar{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}.help-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.help-toc a{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s}.help-toc a:focus-visible,.help-toc a:hover{border-color:var(--accent);outline:none}.help-sections{display:flex;flex-direction:column;gap:14px;max-width:860px}.help-card{padding:20px 22px;scroll-margin-top:70px;font-size:14px;line-height:1.6;color:var(--text)}.help-card h2{font-family:Outfit,sans-serif;font-size:19px;font-weight:800;margin:0 0 12px}.help-card p{margin:0 0 10px}.help-card a{color:var(--accent);text-decoration:underline}.help-steps{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:12px}.help-step{display:flex;gap:12px;align-items:flex-start}.help-step-n{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-solid);color:#fff;font-weight:800;font-size:13px}.help-step-body{color:var(--text2);margin-top:2px}.help-step-body b{color:var(--text)}.help-list{margin:0 0 10px;padding-left:20px;list-style:disc;display:flex;flex-direction:column;gap:6px}.help-tip{background:color-mix(in srgb,var(--accent) 9%,var(--surface));border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:9px 12px;font-size:13px}.help-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.help-compare>div{border:1px solid var(--border);border-radius:10px;padding:12px 14px}.help-compare>div.featured{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.help-compare h3{font-family:Outfit,sans-serif;font-size:15px;font-weight:800;margin:0 0 8px}.help-faq details{border-top:1px solid var(--border);padding:10px 0}.help-faq details:first-child{border-top:none;padding-top:0}.help-faq summary{cursor:pointer;font-weight:700;list-style-position:outside}.help-faq details p{margin:8px 0 0;color:var(--text2)}.help-contact{font-size:13px;color:var(--text2);text-align:center;margin:4px 0 20px}.help-contact a{color:var(--accent)}@media (max-width:600px){.help-compare{grid-template-columns:1fr}.help-card{padding:16px}}.nav-badge{flex-shrink:0;margin-left:auto;width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.nav-badge svg{width:12px;height:12px}.flyer-admin-note{max-width:860px;margin:0 0 14px;padding:10px 14px;border-radius:10px;font-size:13px;line-height:1.5;background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border))}.flyer-locked,.flyer-soon{max-width:860px;text-align:center;padding:36px 24px}.flyer-soon-icon{font-size:40px;margin-bottom:8px}.flyer-soon h2{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;margin:0 0 8px}.flyer-locked p,.flyer-soon p{color:var(--text2);font-size:14px;margin:0 0 12px}.app-dialog-overlay{z-index:400}.app-dialog{max-width:420px}.app-dialog-msg{font-size:14px;line-height:1.55;color:var(--text2);margin:0 0 18px}.app-dialog-msg p{margin:0 0 8px}.app-dialog-msg p:last-child{margin-bottom:0}.app-dialog-list{margin:0 0 8px;padding-left:18px;list-style:disc;font-size:13px}.app-dialog-list b{color:var(--text)}.choice-dialog{max-width:440px}.choice-actions{display:flex;flex-direction:column;gap:8px}.choice-actions .unlock-cta{margin:0}.choice-btn{width:100%;padding:11px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:border-color .15s,background .15s}.choice-btn:hover:not(:disabled){border-color:var(--text2)}.choice-btn.danger{color:#e0405a;border-color:rgba(224,64,90,.4);background:rgba(224,64,90,.08)}.choice-btn.danger:hover:not(:disabled){border-color:#e0405a}.choice-actions .unlock-dismiss:disabled,.choice-btn:disabled{opacity:.55;cursor:wait}.choice-actions .unlock-dismiss{margin-top:2px}.unlock-cta.danger{background:#d9304a}.flyer-templates{gap:6px}.flyer-templates,.flyer-tpl{display:flex;flex-direction:column}.flyer-tpl{align-items:flex-start;gap:2px;text-align:left;padding:10px 12px;cursor:pointer;width:100%}.flyer-tpl strong{font-size:13px}.flyer-tpl small{font-size:11px;color:var(--text2);font-weight:400}.field textarea{width:100%;padding:6px 8px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;color:var(--text);font:inherit;font-size:12px;line-height:1.4;resize:vertical}.field textarea:focus{outline:none;border-color:var(--accent)}.flyer-hint{font-size:10.5px;color:var(--text2);line-height:1.45;margin:4px 0 0}.flyer-admin-note.compact{font-size:11.5px;padding:8px 10px;margin-bottom:10px}.project-kind-badge{position:absolute;top:8px;right:8px;padding:3px 9px;border-radius:999px;background:#1c1c22e6;color:#fff;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.project-kind-badge.draft{background:#f0aa28;color:#1a1100;letter-spacing:.2px}.section-tabs{display:flex;gap:4px;padding:4px;margin-bottom:16px;width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.section-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;border:none;cursor:pointer;background:transparent;color:var(--text2);font-family:Inter,sans-serif;font-size:13px;font-weight:700;white-space:nowrap;transition:background .15s,color .15s}.section-tab:not(.active):hover:not(:disabled){color:var(--text);background:var(--surface2)}.section-tab.active{background:var(--accent-solid);color:#fff}.section-tab:disabled{cursor:default;opacity:.6}.section-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.section-tab .soon{font-size:10px;font-weight:700;padding:1px 6px;border-radius:999px;color:var(--text2)}.flyer-item,.section-tab .soon{background:var(--surface2);border:1px solid var(--border)}.flyer-item{border-radius:8px;padding:8px 10px;margin-bottom:8px}.flyer-item-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.flyer-item-head select{flex:1;min-width:0;padding:5px 6px;background:var(--surface);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px}.flyer-item-title{flex:1;font-size:12px}.flyer-remove{flex-shrink:0;width:24px;height:24px;border-radius:5px;border:1px solid var(--border);background:var(--surface);color:var(--text2);font-size:15px;line-height:1;cursor:pointer}.flyer-remove:hover{color:#d9304a;border-color:#d9304a}.flyer-add{width:100%;margin-top:2px}.flyer-check{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text2);margin-top:4px;cursor:pointer}.flyer-check input{accent-color:var(--accent)}.flyer-textstyle{padding:6px 0 4px;border-top:1px dashed var(--border)}.flyer-textstyle:first-child{border-top:none;padding-top:0}.flyer-textstyle-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;color:var(--text);margin-bottom:2px}.flyer-color-pick{display:inline-flex;align-items:center;gap:4px}.flyer-color-pick input[type=color]{width:26px;height:22px;padding:0;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer}.flyer-auto{padding:2px 7px;font-size:10px;font-weight:700;border-radius:4px;border:1px solid var(--border);background:var(--surface2);color:var(--text2);cursor:pointer}.flyer-auto.on{background:var(--accent-solid);border-color:var(--accent);color:#fff}.flyer-example{display:block;margin:2px 0 10px;text-align:left}.flyer-bg-block{padding-bottom:2px}.login-form{display:contents}.home{max-width:1180px}.home-hero{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:24px;padding:40px 44px;margin-bottom:26px;border-radius:22px;color:#fff;background:radial-gradient(120% 90% at 100% 0,rgba(139,60,255,.55) 0,transparent 55%),radial-gradient(90% 90% at 0 100%,rgba(255,60,95,.45) 0,transparent 60%),linear-gradient(135deg,#14081f,#1d0b2c 50%,#2a0a18);box-shadow:0 18px 50px rgba(20,8,31,.28)}.home-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 0);background-size:32px 32px;mask-image:linear-gradient(90deg,#000,transparent 75%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 75%)}.home-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700;letter-spacing:.3px;color:#f1e9ff}.home-dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px rgba(61,220,132,.2)}.home-title{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(28px,3.6vw,44px);line-height:1.06;letter-spacing:-.5px;margin:16px 0 12px;color:#fff;text-wrap:balance}.home-grad{background:linear-gradient(90deg,#ff6b8a,#c07bff);-webkit-background-clip:text;background-clip:text;color:transparent}.home-lead{font-size:15px;line-height:1.6;color:rgba(255,255,255,.78);max-width:52ch}.home-lead b{color:#fff}.home-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.home-stat{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(6px)}.home-stat b{font-family:Outfit,sans-serif;font-size:26px;font-weight:900;line-height:1}.home-stat span{font-size:12px;font-weight:600;color:rgba(255,255,255,.75)}.home-stat .verified-icon{color:#3ea6ff}.home-hero-art{position:relative;height:290px}.home-fan{position:absolute;top:50%;left:50%;width:176px;aspect-ratio:4/5;border-radius:14px;overflow:hidden;background:#241536;border:3px solid rgba(255,255,255,.9);box-shadow:0 16px 36px rgba(0,0,0,.45);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.home-fan img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.home-fan-0{transform:translate(-50%,-50%) rotate(0deg);z-index:3}.home-fan-1{transform:translate(-112%,-44%) rotate(-10deg) scale(.9);z-index:2}.home-fan-2{transform:translate(12%,-44%) rotate(10deg) scale(.9);z-index:1}.home-hero:hover .home-fan-1{transform:translate(-122%,-46%) rotate(-13deg) scale(.9)}.home-hero:hover .home-fan-2{transform:translate(22%,-46%) rotate(13deg) scale(.9)}.home-fan-empty{display:flex;align-items:center;justify-content:center}.home-fan-empty span{font-family:Outfit,sans-serif;font-weight:900;font-size:30px;letter-spacing:3px;color:rgba(255,255,255,.55)}.home-fan .project-thumb-empty{color:rgba(255,255,255,.6)}.home-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;scroll-margin-top:16px}.home-bar .section-tabs{margin-bottom:0}.home-featured{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:center;padding:18px;margin-bottom:30px;border-radius:18px;border:1px solid var(--border);background:radial-gradient(60% 120% at 100% 0,color-mix(in srgb,var(--accent) 10%,transparent) 0,transparent 70%),var(--surface)}.home-featured-img{display:block;padding:0;border:none;cursor:pointer;border-radius:12px;overflow:hidden;aspect-ratio:4/5;background:var(--surface2);box-shadow:0 10px 28px rgba(0,0,0,.18)}.home-featured-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.home-featured-img:hover img{transform:scale(1.03)}.home-featured-info{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.home-kicker{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}.home-featured-title{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(22px,2.6vw,32px);line-height:1.1;color:var(--text);overflow-wrap:anywhere}.home-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.home-chip{padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface2);border:1px solid var(--border);color:var(--text)}.home-facts{display:flex;flex-wrap:wrap;gap:8px 28px}.home-facts div{min-width:0}.home-facts dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text2)}.home-facts dd{font-size:14px;font-weight:600;color:var(--text);margin-top:2px}.home-author{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text2);min-width:0}.home-author b{color:var(--text)}.home-avatar{flex-shrink:0;width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-solid),#8b3cff);color:#fff;font-family:Outfit,sans-serif;font-weight:800;font-size:13px}.home-author.small{gap:7px;font-size:12px}.home-author.small .home-avatar{width:22px;height:22px;font-size:11px}.home-author-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-featured-btn{padding:11px 20px;font-size:14px;margin-top:4px}.home-section-title{font-family:Outfit,sans-serif;font-size:18px;font-weight:800;color:var(--text);margin-bottom:14px}.home-about{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;margin-top:32px;padding:20px 22px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.home-about p{font-size:14px;line-height:1.6;color:var(--text2);margin:0 0 14px}.home-about .home-section-title{margin-bottom:8px}.home-about-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.home-about-link{font-size:13px;font-weight:600;color:var(--accent);text-decoration:none}.home-about-link:hover{text-decoration:underline}.home-about-blog h3{font-family:Outfit,sans-serif;font-size:14px;font-weight:800;margin:2px 0 8px;color:var(--text)}.home-about-blog ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}.home-about-blog li a{font-size:13.5px;color:var(--text);text-decoration:none;line-height:1.35}.home-about-blog li a:hover{color:var(--accent)}@media (max-width:760px){.home-about{grid-template-columns:1fr}}.home-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}.home-card{min-width:0;display:flex}.home-card-open{display:flex;flex-direction:column;width:100%;height:100%;padding:0;text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-card-open:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 14px 30px rgba(0,0,0,.16)}.home-card-open:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.home-card-img{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--surface2)}.home-card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.home-card-open:hover .home-card-img img{transform:scale(1.05)}.home-card-game{align-self:flex-start;max-width:100%;padding:2px 9px;border-radius:999px;background:var(--surface2);border:1px solid var(--border);color:var(--text2);font-size:11px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-card-verified{position:absolute;top:9px;right:9px;z-index:1;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.25)}.home-card-verified .verified-icon{color:#1d8cf0}.home-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}.home-card-body .home-author{margin-top:auto}.home-card-title{font-family:Outfit,sans-serif;font-size:15px;font-weight:800;line-height:1.25;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:900px){.home-hero{grid-template-columns:minmax(0,1fr);padding:28px 22px 26px}.home-hero-art{height:210px;order:-1}.home-fan{width:128px}.home-featured{grid-template-columns:minmax(0,1fr);gap:16px}.home-featured-img{max-width:320px;width:100%;justify-self:center}}@media (max-width:820px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-card-body{padding:10px 10px 12px}.home-card-title{font-size:14px}.home-stat b{font-size:22px}}@media (prefers-reduced-motion:reduce){.home-card-img img,.home-card-open,.home-fan,.home-featured-img img{transition:none}}.logos-section{grid-column:1/-1;scroll-margin-top:16px}.logos-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.logos-count{flex-shrink:0;font-size:12px;font-weight:700;color:var(--text2);padding:3px 10px;border-radius:999px;border:1px solid var(--border)}.logo-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:14px}.logo-item{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);min-width:0}.logo-item.busy{opacity:.5;pointer-events:none}.logo-thumb{flex-shrink:0;width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#8881 0 25%,transparent 0 50%) 50% /12px 12px;border:1px solid var(--border)}.logo-thumb img{max-width:48px;max-height:48px;-o-object-fit:contain;object-fit:contain;display:block}.logo-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.logo-info b{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-info small{font-size:11px;color:var(--text2)}.logo-rename{display:flex;gap:6px;align-items:center}.logo-rename .dialog-input{margin:0;padding:6px 8px}.logo-actions{display:flex;flex-direction:column;gap:4px;align-items:flex-end;flex-shrink:0}.logo-add{width:100%;height:100%;min-height:78px;border:2px dashed var(--border);border-radius:10px;background:none;cursor:pointer;color:var(--text2);font-family:Inter,sans-serif;font-size:13px;font-weight:700}.logo-add:hover{border-color:var(--accent);color:var(--text)}.logo-dialog{width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto}.logo-drop{display:flex;align-items:center;justify-content:center;height:140px;margin-bottom:12px;cursor:pointer;border:2px dashed var(--border);border-radius:10px;text-align:center;color:var(--text2);font-size:13px;font-weight:600;background:repeating-conic-gradient(#8881 0 25%,transparent 0 50%) 50% /16px 16px}.logo-drop:hover{border-color:var(--accent)}.logo-drop input{display:none}.logo-drop span{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:8px;background:var(--surface)}.logo-drop small{font-size:11px;font-weight:400}.logo-drop img{max-width:90%;max-height:120px;-o-object-fit:contain;object-fit:contain}.logo-accept{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.45;color:var(--text2);margin:4px 0 12px;cursor:pointer}.logo-accept input{margin-top:2px;accent-color:var(--accent)}.logo-accept a{color:var(--accent)}.logo-picker{position:relative;display:inline-block}.logo-picker-btn{padding:3px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.logo-picker-btn:hover{border-color:var(--accent)}.logo-picker-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:250px;padding:10px;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3)}.logo-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.logo-picker-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;border-radius:8px;cursor:pointer;border:1px solid var(--border);background:var(--surface2);color:var(--text);min-width:0}.logo-picker-item:hover{border-color:var(--accent)}.logo-picker-item img{width:48px;height:40px;-o-object-fit:contain;object-fit:contain}.logo-picker-item span{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-picker-empty{font-size:12px;color:var(--text2);margin:2px 0 6px}.logo-picker-foot{margin-top:8px;padding-top:8px;border-top:1px solid var(--border);font-size:12px}.logo-field-head,.logo-picker-foot{display:flex;justify-content:space-between}.logo-field-head{align-items:center;gap:8px}.sponsor-field{display:flex;gap:6px;align-items:center}.sponsor-field input{flex:1;min-width:0}.footer-band-toggle{margin:6px 0 8px}.creator-badge{color:#f4b400;flex-shrink:0;display:inline-block;vertical-align:-2px;margin-left:4px}.author-name{display:inline-flex;align-items:center}.creator-box{text-align:center}.creator-box-badge{display:flex;justify-content:center;margin:4px 0 6px}.creator-box-badge .creator-badge{margin:0;filter:drop-shadow(0 4px 14px rgba(244,180,0,.45))}.creator-box-lead{font-size:17px;font-weight:800;color:var(--text);margin-top:-4px}.creator-inline .creator-badge{margin:0;vertical-align:-2px}.mfa-form{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin-top:10px;text-align:left}.mfa-code-input{font-size:22px!important;letter-spacing:8px;text-align:center;font-variant-numeric:tabular-nums}.mfa-cancel{align-self:center;margin-top:4px}.mfa-login .mfa-form .btn{width:100%}.twostep-steps{margin:0 0 12px 18px;padding:0;font-size:13px;color:var(--text2);line-height:1.7}.twostep-qr{width:180px;height:180px;background:#fff;padding:8px;border-radius:10px;align-self:flex-start;margin-bottom:10px}.twostep-secret{font-size:12px;word-break:break-all;background:var(--surface2);padding:2px 6px;border-radius:4px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.twostep-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.setup-design-toggle{margin-bottom:10px}.setup-template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.setup-template-option{display:flex;flex-direction:column;gap:4px;padding:8px;text-align:left;background:var(--surface);border:2px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s}.setup-template-option:hover:not(:disabled){border-color:var(--text2)}.setup-template-option.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(180,77,255,.15)}.setup-template-option:disabled{opacity:.5;cursor:not-allowed}.setup-template-option .project-thumb{border-radius:6px}.setup-template-name{font-size:12.5px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-template-option small{font-size:11px;color:var(--text2)}.usage-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:12px 14px;margin-bottom:16px}.usage-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;margin-bottom:8px}.usage-accredited{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--text2)}.usage-accredited .creator-badge{margin:0}.usage-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px 16px}.usage-list li{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;font-size:12px}.usage-label{color:var(--text2)}.usage-num{font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.usage-bar{grid-column:1/-1;height:5px;border-radius:99px;background:var(--surface2);overflow:hidden}.usage-bar>span{display:block;height:100%;background:var(--accent-solid,var(--accent));border-radius:inherit}.usage-list li.full .usage-num{color:#d9304a}.usage-list li.full .usage-bar>span{background:#d9304a}.usage-note{margin:10px 0 0;font-size:12px;color:var(--text2);line-height:1.5}.usage-note.warn{color:var(--text)}.templates-group+.templates-group{margin-top:24px}.templates-title{font-size:15px;font-weight:800;margin:0 0 10px;display:flex;align-items:center;gap:8px}.templates-count{font-size:11.5px;font-weight:700;color:var(--text2);border:1px solid var(--border);border-radius:99px;padding:2px 8px}.limit-overlay{z-index:2600}.limit-box{width:460px;text-align:left}.limit-box h3,.limit-loading{text-align:center}.limit-loading{color:var(--text2);font-size:13px}.limit-list{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.limit-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface)}.limit-item.selected{border-color:#d9304a;background:rgba(217,48,74,.08)}.limit-item input{accent-color:#d9304a;flex-shrink:0}.limit-thumb{width:44px;flex-shrink:0}.limit-thumb .project-thumb{border-radius:5px}.limit-info{display:flex;flex-direction:column;min-width:0}.limit-info b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.limit-info small{font-size:11.5px;color:var(--text2)}.limit-public{font-style:normal;color:#d9304a;font-weight:600}.setup-design-toggle{max-width:none}.setup-design-toggle button{flex:0 0 auto;min-width:130px;white-space:nowrap;padding:10px 18px}.limit-thumb .project-thumb-empty{font-size:8px;letter-spacing:0}.nav-chevron{width:14px!important;height:14px!important;margin-left:auto;transition:transform .15s;opacity:.7}.nav-parent.open .nav-chevron{transform:rotate(180deg)}.nav-sub{display:flex;flex-direction:column;gap:2px;margin:0 0 4px 22px;padding-left:14px;border-left:2px solid var(--border)}.nav-sub-btn{display:block;padding:7px 10px;border-radius:7px;font-size:13px;font-weight:600;color:var(--text2);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-sub-btn:hover{background:var(--surface2);color:var(--text)}.nav-sub-btn.active{background:var(--surface2);color:var(--accent)}.nav-sub-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width:820px){.nav-sub-btn{padding:10px 12px;font-size:14px}}.sgg-pick-row{display:flex;gap:10px;align-items:center}.sgg-pick-row select{flex:1;min-width:0}.sgg-connect-hint{font-size:12.5px;color:var(--text2);margin:8px 0 0}.sgg-avatar{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.sgg-connected-badge{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:99px;background:rgba(47,174,82,.12);color:#2fae52;border:1px solid rgba(47,174,82,.4)}.sgg-diag{margin-top:8px;font-size:12px;color:var(--text2)}.sgg-diag summary{cursor:pointer;font-weight:600;color:var(--text)}.sgg-diag p{margin:6px 0 0}.sgg-diag-code{font-family:ui-monospace,monospace;font-size:11px;word-break:break-word}.sgg-connect-actions{display:flex;flex-direction:column;gap:6px}.bg-picker-row{margin:4px 0 2px}.bg-picker{width:100%;min-width:0}.bg-picker-head{display:flex;justify-content:flex-end}.bg-picker-panel{margin-top:6px;padding:8px;box-sizing:border-box;width:100%;background:var(--panel-bg);border:1px solid var(--border);border-radius:10px}.bg-picker-search{width:100%;box-sizing:border-box;padding:7px 9px;margin-bottom:8px;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:6px;font-family:Inter,sans-serif;font-size:12px;outline:none}.bg-picker-search:focus{border-color:var(--accent)}.bg-picker-scroll{max-height:300px;overflow-y:auto;overflow-x:hidden}.bg-picker-group+.bg-picker-group{margin-top:10px}.bg-picker-game{font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--text2);margin-bottom:5px}.bg-picker-game span{color:var(--accent);text-transform:none;letter-spacing:0}.bg-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bg-picker-item{display:flex;flex-direction:column;gap:3px;min-width:0;padding:4px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);cursor:pointer;text-align:left}.bg-picker-item:hover{border-color:var(--accent)}.bg-picker-item img{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:4px;display:block;background:#111}.bg-picker-item span{font-size:10.5px;color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bg-picker-empty{font-size:12px;color:var(--text2);margin:4px 0}html.i18n-wait body>:not(.legal-shell){visibility:hidden}.i18n-es{display:none}html[data-lang=es] .i18n-es{display:revert}html[data-lang=es] .i18n-en{display:none}div.i18n-en,div.i18n-es{width:100%}.nav-lang{display:flex;align-items:center;gap:12px;padding:4px 12px;min-height:40px;color:var(--text2)}.nav-lang>svg{width:24px;height:24px;flex-shrink:0;stroke:currentColor}.lang-seg{display:flex;flex:1;min-width:0;background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:3px}.lang-seg button{flex:1;min-width:0;border:0;background:transparent;color:var(--text2);font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 4px;border-radius:7px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-seg button:hover{color:var(--text)}.lang-seg button[aria-pressed=true]{background:var(--accent);color:#fff}.lang-seg button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.char2-box .scale-ctrl input[type=range]{min-width:0}.char2-box .scale-ctrl .sv{flex-shrink:0}.char2-box .scale-ctrl label{width:45px}.layer-ctrl{display:flex;align-items:center;gap:6px;margin:8px 0 4px;flex-wrap:wrap}.layer-pos{flex:1 0 100%;font-size:11px;color:var(--text2)}.layer-ctrl .btn{flex:1}.layer-pos b{color:var(--text);font-weight:700}.layer-ctrl .btn{padding:4px 8px;font-size:11px}.processing-overlay{z-index:2700;cursor:progress}.processing-overlay .unlock-box{max-width:360px;text-align:center}.char-accs{display:flex;flex-direction:column;gap:6px;margin:4px 0 10px}.char-acc{border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.char-acc.open{border-color:var(--accent)}.char-acc-head{display:flex;align-items:center;gap:8px;padding:6px 8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.char-acc-head:hover{background:var(--surface2)}.char-acc-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.char-acc-thumb{width:32px;height:32px;flex-shrink:0;border-radius:6px;-o-object-fit:contain;object-fit:contain;background:var(--surface2)}.char-acc-thumb.empty{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--text2)}.char-acc-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.char-acc-title b{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text2);font-weight:700}.char-acc-title small{font-size:12.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.char-acc-remove{border:0;background:transparent;color:var(--text2);font-size:18px;line-height:1;width:26px;height:26px;border-radius:6px;cursor:pointer;flex-shrink:0}.char-acc-remove:hover{background:var(--surface2);color:var(--accent)}.slot-editor-item .char-acc .chv{font-size:9px;color:var(--text2);transition:transform .15s;flex-shrink:0;transform:none}.slot-editor-item .char-acc.open .chv{transform:rotate(180deg)}.char-acc-body{padding:4px 10px 8px;border-top:1px solid var(--border)}.char-acc-body .scale-ctrl input[type=range]{min-width:0}.char-acc-body .scale-ctrl .sv{flex-shrink:0}.char-accs .char2-add{margin:2px 0 0}.flyer-setup-inner{max-width:980px}.flyer-setup .game-card{position:relative}.flyer-setup .game-card:disabled{opacity:.45;cursor:not-allowed;transform:none}.flyer-game-order{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.flyer-setup-count{color:var(--text2);font-weight:600;text-transform:none}.flyer-setup-hint{font-size:12px;color:var(--text2);margin:10px 2px 0;line-height:1.45}.flyer-setup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:14px}.flyer-setup-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 10px 12px;background:var(--surface);border:2px solid var(--border);border-radius:14px;cursor:pointer;color:var(--text);text-align:center;transition:border-color .15s,transform .15s;font-family:inherit}.flyer-setup-option:hover{border-color:var(--text2);transform:translateY(-2px)}.flyer-setup-option.active{border-color:var(--accent);box-shadow:0 0 0 3px rgba(180,77,255,.15)}.flyer-setup-option strong{font-size:14px}.flyer-setup-option small{font-size:11.5px;color:var(--text2);line-height:1.35}.flyer-mini{overflow:hidden;border-radius:8px;flex-shrink:0;background:#000;box-shadow:0 4px 14px rgba(0,0,0,.25);display:block}.flyer-setup .setup-start{margin-top:26px}.mobile-create-fab{display:none}@media (max-width:820px){.mobile-create-fab{display:inline-flex;align-items:center;gap:8px;position:fixed;z-index:80;right:16px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));padding:16px 24px;border:none;border-radius:999px;cursor:pointer;background:var(--accent-solid);color:#fff;font-family:inherit;font-size:17px;font-weight:800;letter-spacing:.2px;box-shadow:0 8px 24px rgba(0,0,0,.35)}.mobile-create-fab span{font-size:20px;line-height:1}.mobile-create-fab:active{transform:scale(.97)}.app-root:has(.mobile-create-fab) .app-body{padding-bottom:88px}}html.cookie-open .legal-main,html.cookie-open .setup-inner{padding-bottom:150px}@media (max-width:600px){html.cookie-open .app-body,html.cookie-open .legal-main,html.cookie-open .setup-inner{padding-bottom:220px}}.tone-rosa{--t1:#ff3c5f;--t2:#4a0d33}.tone-violeta{--t1:#9b6bff;--t2:#24124f}.tone-azul{--t1:#2bb3ff;--t2:#0d2a5c}.tone-dorado{--t1:#ffb41f;--t2:#5c2408}.tone-verde{--t1:#22d39a;--t2:#0a3f33}.blog-article,.blog-more,.blog-wrap{width:100%;max-width:1040px;margin:0 auto;padding:28px 24px 0;box-sizing:border-box}.blog-page{padding-bottom:56px}.blog-head{margin-bottom:26px}.blog-head h1{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(40px,7vw,76px);line-height:.95;letter-spacing:-.035em;color:var(--text);margin:0}.blog-head p{font-family:Inter,sans-serif;font-size:17px;line-height:1.5;color:var(--text2);max-width:46ch;margin:12px 0 0}.blog-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:var(--t2);isolation:isolate}.blog-cover:before{left:62%;right:-30%;background:var(--t1)}.blog-cover:after,.blog-cover:before{content:"";position:absolute;top:-10%;bottom:-10%;transform:skewX(-17deg);transition:left .35s cubic-bezier(.2,.8,.2,1);z-index:1}.blog-cover:after{left:calc(62% - 16px);width:5px;background:rgba(255,255,255,.9)}.blog-cover-word{position:absolute;left:5%;bottom:-.14em;z-index:0;font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(54px,9vw,104px);line-height:1;letter-spacing:-.045em;white-space:nowrap;color:rgba(255,255,255,.13)}.blog-cover.has-img:after,.blog-cover.has-img:before{display:none}.blog-cover.has-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}a:focus-visible>.blog-cover:before,a:hover>.blog-cover:before{left:54%}a:focus-visible>.blog-cover:after,a:hover>.blog-cover:after{left:calc(54% - 16px)}.blog-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--text2)}.blog-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;text-decoration:none;color:inherit;margin-bottom:34px}.blog-lead-text{display:flex;flex-direction:column;gap:12px;min-width:0}.blog-lead-title{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(26px,3.4vw,40px);line-height:1.05;letter-spacing:-.02em;color:var(--text)}.blog-lead-excerpt{font-family:Inter,sans-serif;font-size:16px;line-height:1.6;color:var(--text2)}.blog-read{font-family:Outfit,sans-serif;font-weight:800;font-size:15px;color:var(--accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px 26px}.blog-card{gap:12px;text-decoration:none;color:inherit;min-width:0}.blog-card,.blog-card-text{display:flex;flex-direction:column}.blog-card-text{gap:7px}.blog-card-title{font-family:Outfit,sans-serif;font-weight:800;font-size:21px;line-height:1.15;letter-spacing:-.01em;color:var(--text)}.blog-card-excerpt{font-family:Inter,sans-serif;font-size:14.5px;line-height:1.55;color:var(--text2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover .blog-card-title,.blog-lead:hover .blog-lead-title{color:var(--accent)}.blog-back:focus-visible,.blog-card:focus-visible,.blog-cta:focus-visible,.blog-lead:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:10px}.blog-loading{font-family:Inter,sans-serif;font-size:15px;color:var(--text2);padding:30px 0}.blog-admin-note{display:inline-block;font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;color:#7a4b00;background:#ffe2a8;border-radius:6px;padding:5px 10px;margin:0 0 14px}.blog-empty{padding:44px 28px;border:1px dashed var(--border);border-radius:14px}.blog-empty h2{font-family:Outfit,sans-serif;font-weight:800;font-size:24px;color:var(--text);margin:0 0 6px}.blog-empty p{font-family:Inter,sans-serif;font-size:15px;color:var(--text2);margin:0 0 18px}.blog-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:18px;background:var(--t2);color:#fff;min-height:340px;display:flex;align-items:flex-end}.blog-hero:before{left:72%;right:-30%;background:var(--t1);z-index:0}.blog-hero:after,.blog-hero:before{content:"";position:absolute;top:-10%;bottom:-10%;transform:skewX(-17deg)}.blog-hero:after{left:calc(72% - 18px);width:6px;background:rgba(255,255,255,.9);z-index:1}.blog-hero-img{position:absolute;top:0;bottom:0;right:0;width:46%;z-index:0;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%)}.blog-hero-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.blog-hero.has-img:before{display:none}.blog-hero.has-img:after{left:calc(54% + 46% * .12 - 3px)}.blog-hero-text{position:relative;z-index:2;width:66%;padding:34px 36px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px}.blog-hero.has-img .blog-hero-text{width:58%}.blog-hero h1{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(30px,4.6vw,54px);line-height:1.02;letter-spacing:-.025em;margin:0;text-wrap:balance}.blog-hero-excerpt{font-family:Inter,sans-serif;font-size:17px;line-height:1.55;color:rgba(255,255,255,.84);margin:0;max-width:52ch}.blog-hero .blog-meta{color:rgba(255,255,255,.72)}.blog-back{align-self:flex-start;font-size:13px;font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:4px}.blog-back,.blog-body{font-family:Inter,sans-serif}.blog-body{max-width:68ch;margin:34px 0 0;font-size:17.5px;line-height:1.75;color:var(--text)}.blog-body>:first-child{margin-top:0}.blog-body p{margin:0 0 1.15em}.blog-body h2{font-weight:800;font-size:29px;line-height:1.15;letter-spacing:-.015em;margin:1.9em 0 .55em}.blog-body h2,.blog-body h3{font-family:Outfit,sans-serif;color:var(--text)}.blog-body h3{font-weight:700;font-size:21px;line-height:1.25;margin:1.6em 0 .5em}.blog-body a:not(.blog-cta){color:var(--accent);text-decoration:underline;text-underline-offset:3px}.blog-body strong{font-weight:700}.blog-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--surface2);border:1px solid var(--border);border-radius:5px;padding:1px 6px}.blog-body ol,.blog-body ul{margin:0 0 1.2em;padding-left:1.3em}.blog-body li{margin-bottom:.5em;padding-left:.2em}.blog-body li::marker{color:var(--t1);font-weight:800}.blog-body hr{border:0;height:2px;background:var(--border);margin:2.2em 0}.blog-body figure{margin:1.8em 0}.blog-body figure img{width:100%;height:auto;display:block;border-radius:12px}.blog-body figcaption{font-size:13.5px;color:var(--text2);margin-top:8px}.blog-body blockquote{position:relative;margin:1.9em 0;padding:4px 0 4px 26px}.blog-body blockquote:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--t1);transform:skewX(-17deg)}.blog-body blockquote p{font-family:Outfit,sans-serif;font-weight:700;font-size:23px;line-height:1.3;letter-spacing:-.01em;margin:0}.blog-cta-row{margin:1.9em 0 0}.blog-cta{display:inline-block;font-family:Outfit,sans-serif;font-weight:800;font-size:17px;color:#fff;background:var(--accent-solid);text-decoration:none;padding:14px 26px;border-radius:10px}.blog-cta:hover{filter:brightness(1.12)}.blog-more{padding-top:54px}.blog-more h2{font-family:Outfit,sans-serif;font-weight:900;font-size:30px;letter-spacing:-.02em;color:var(--text);margin:0 0 20px;padding-top:30px;border-top:2px solid var(--border)}@media (max-width:760px){.blog-article,.blog-more,.blog-wrap{padding:18px 16px 0}.blog-lead{grid-template-columns:1fr;gap:14px}.blog-hero{min-height:0;border-radius:14px}.blog-hero:before{left:86%}.blog-hero:after{left:calc(86% - 14px);width:4px}.blog-hero-img{position:relative;width:100%;height:190px;clip-path:polygon(0 0,100% 0,100% 100%,0 82%);order:-1}.blog-hero.has-img{flex-direction:column;align-items:stretch}.blog-hero.has-img:after{display:none}.blog-hero-text,.blog-hero.has-img .blog-hero-text{width:100%;padding:24px 20px}.blog-hero:not(.has-img) .blog-hero-text{width:84%}.blog-body{font-size:16.5px;margin-top:26px}.blog-body h2{font-size:25px}.blog-body blockquote p{font-size:20px}}@media (prefers-reduced-motion:reduce){.blog-cover:after,.blog-cover:before{transition:none}}.support-wrap{width:100%;max-width:960px;margin:0 auto;padding:28px 24px 56px;box-sizing:border-box;display:flex;flex-direction:column;gap:30px}.support-h2{font-family:Outfit,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.01em;color:var(--text);margin:0 0 14px}.support-hero{position:relative;overflow:hidden;isolation:isolate;border-radius:16px;background:var(--t2);padding:clamp(26px,5vw,50px);min-height:230px;display:flex;align-items:center}.support-hero:before{left:70%;right:-30%;background:var(--t1)}.support-hero:after,.support-hero:before{content:"";position:absolute;top:-10%;bottom:-10%;transform:skewX(-17deg);z-index:0}.support-hero:after{left:calc(70% - 16px);width:5px;background:rgba(255,255,255,.9)}.support-hero-text{position:relative;z-index:1;width:62%;display:flex;flex-direction:column;gap:12px}.support-eyebrow{font-family:Inter,sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.78);margin:0}.support-hero h1{font-family:Outfit,sans-serif;font-weight:900;font-size:clamp(34px,6vw,60px);line-height:.98;letter-spacing:-.03em;color:#fff;margin:0}.support-lead{font-family:Inter,sans-serif;font-size:16px;line-height:1.55;color:rgba(255,255,255,.88);max-width:46ch;margin:0}.support-hero-mark{position:absolute;z-index:1;right:6%;top:50%;transform:translateY(-50%);color:#fff;display:flex}.support-hero-mark svg{fill:currentColor;stroke:none;filter:drop-shadow(0 8px 0 rgba(0,0,0,.18))}.support-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px}.support-grid>li{display:flex}.support-card{flex:1;display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:14px;background:var(--surface);border:1px solid var(--border);border-top:4px solid var(--t1);text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.support-card:hover{transform:translateY(-3px);border-color:var(--t1);box-shadow:0 14px 30px -18px var(--t1)}.support-card:focus-visible{outline:3px solid var(--t1);outline-offset:3px}.support-card-icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--t1) 16%,transparent);color:var(--t1)}.support-card-text{display:flex;flex-direction:column;gap:5px}.support-card-name{font-family:Outfit,sans-serif;font-weight:800;font-size:25px;line-height:1.1;color:var(--text);overflow-wrap:anywhere}.support-card-note{font-size:14.5px;line-height:1.5}.support-card-host,.support-card-note{font-family:Inter,sans-serif;color:var(--text2)}.support-card-host{font-size:12.5px;font-weight:600;opacity:.8;overflow-wrap:anywhere}.support-card-cta{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:10px;background:var(--t1);color:#14070c;font-family:Outfit,sans-serif;font-weight:800;font-size:16px;text-align:center}.support-card:hover .support-card-cta{filter:brightness(1.08)}.support-empty{padding:36px 28px;border:1px dashed var(--border);border-radius:14px}.support-empty h2{font-family:Outfit,sans-serif;font-weight:800;font-size:22px;color:var(--text);margin:0 0 6px}.support-empty p{font-family:Inter,sans-serif;font-size:15px;color:var(--text2);margin:0}.support-uses ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px 24px}.support-uses li{display:flex;gap:12px;align-items:flex-start}.support-use-icon{flex-shrink:0;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--surface2);color:var(--accent)}.support-uses strong{display:block;font-family:Outfit,sans-serif;font-weight:800;font-size:16px;color:var(--text)}.support-uses p{font-size:14px;line-height:1.5;margin:3px 0 0}.support-other,.support-uses p{font-family:Inter,sans-serif;color:var(--text2)}.support-other{font-size:15px;line-height:1.6;margin:0;padding:16px 18px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-radius:0 10px 10px 0}.support-other strong{color:var(--text)}.support-fine{font-family:Inter,sans-serif;font-size:12.5px;line-height:1.6;color:var(--text2);margin:0;max-width:78ch}.support-fine a{color:var(--text);text-decoration:underline}@media (max-width:640px){.support-wrap{padding:18px 16px 48px;gap:24px}.support-hero{min-height:0}.support-hero:before{left:93%}.support-hero:after{left:calc(93% - 11px);width:4px}.support-hero-text{width:78%}.support-hero-mark{display:none}.support-lead{font-size:15px}}.nav-btn.nav-support{margin-top:4px;background:linear-gradient(100deg,#d81f45,#b3186a);color:#fff;font-weight:700;border-color:transparent}.nav-btn.nav-support svg{fill:currentColor;stroke:none;transform-origin:center}.nav-btn.nav-support:hover{background:linear-gradient(100deg,#e62a51,#c21d75);color:#fff}.nav-btn.nav-support:focus-visible{outline:2px solid var(--text);outline-offset:2px}.nav-btn.nav-support.active{background:linear-gradient(100deg,#d81f45,#b3186a);color:#fff;box-shadow:0 0 0 2px var(--panel-bg),0 0 0 4px var(--accent)}.nav-btn.nav-support.active svg{stroke:none}@media (prefers-reduced-motion:no-preference){.nav-btn.nav-support svg,.support-hero-mark svg{animation:support-beat 2.6s ease-in-out infinite}}@keyframes support-beat{0%,30%,to{transform:scale(1)}10%{transform:scale(1.16)}20%{transform:scale(1.04)}}.seal-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.seal-head img{width:56px;height:56px;flex-shrink:0;display:block}.seal-head .bw-toggle{margin-top:4px}.seal-hint{font-size:11px;line-height:1.5;color:var(--text2);margin:8px 0 0}.seal-reset{margin-top:8px;width:100%}.free-logo-ctrl{margin-top:8px;padding:8px;border:1px dashed var(--border);border-radius:6px}.free-logo-ctrl .field-hint{display:block;margin:6px 0 0;line-height:1.45}.free-logo-btn{width:100%}.free-logo-ctrl .free-logo-btn+.field-hint{margin-top:6px}.free-logo-ctrl .field-hint+.free-logo-btn{margin-top:8px}.app-dialog-msg a{color:var(--accent);text-decoration:underline}.bg-lib .logo-thumb img{width:64px;height:44px;max-width:none;max-height:none;-o-object-fit:cover;object-fit:cover;border-radius:4px}.bg-lib .logo-thumb{width:72px}.bg-lib-picker .logo-picker-item img{width:100%;height:44px;-o-object-fit:cover;object-fit:cover;border-radius:4px}.bg-dialog .logo-drop img{max-height:150px;border-radius:6px}.my-bg-row{margin-top:4px}.bg-lib-picker{display:flex;flex-direction:column;align-items:flex-end;width:100%}.bg-lib-picker .logo-picker-pop{position:static;width:100%;margin-top:6px;box-shadow:none;box-sizing:border-box}.dialog-warning{border-left:3px solid #e0a020;background:color-mix(in srgb,#e0a020 12%,transparent);border-radius:0 8px 8px 0;padding:9px 12px;margin:4px 0 10px;font-size:12.5px;line-height:1.5;color:var(--text);text-align:left}.dialog-warning p{margin:0 0 5px}.dialog-warning p:last-child{margin-bottom:0}.dialog-warning a{color:var(--accent);text-decoration:underline}.game-logo-field{margin-bottom:10px}.game-logo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:4px}.game-logo-options.three{grid-template-columns:repeat(3,minmax(0,1fr))}.game-logo-option{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px;border-radius:8px;border:2px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;min-width:0}.game-logo-option:hover{border-color:var(--text2)}.game-logo-option.active{border-color:var(--accent)}.game-logo-option b{font-size:11px}.game-logo-option small{font-size:9.5px;color:var(--text2)}.game-logo-swatch{width:100%;height:46px;border-radius:5px;display:grid;place-items:center;border:1px solid var(--border);box-sizing:border-box;padding:4px}.game-logo-swatch img{max-width:100%;max-height:36px;-o-object-fit:contain;object-fit:contain;display:block}.game-logo-note{margin-top:4px;font-size:10px}.app-dialog-msg .dialog-small{font-size:12.5px;line-height:1.5;margin-top:8px}.site-notice-overlay{z-index:2100}.site-notice{position:relative;max-width:440px;width:100%;text-align:left;--nt:#3b82f6;border-top:4px solid var(--nt)}.site-notice.kind-warning{--nt:#f59e0b}.site-notice.kind-maintenance{--nt:#ef4444}.site-notice-x{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text2);font-size:24px;line-height:1;cursor:pointer}.site-notice-x:hover{background:var(--surface2);color:var(--text)}.site-notice-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-right:36px}.site-notice-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--nt);background:color-mix(in srgb,var(--nt) 14%,transparent);flex-shrink:0}.site-notice-kind{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--nt)}.site-notice h3{margin:0 0 8px;font-size:19px;line-height:1.3}.site-notice-body{margin:0 0 10px;font-size:14px;line-height:1.55;color:var(--text2);white-space:pre-line}.site-notice-when{margin:0 0 16px;font-size:12.5px;font-weight:600;color:var(--text)}.site-notice-ok{width:100%}