:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f8f7f3;--panel:#fffefb;--ink:#24262c;--muted:#62646e;--line:#e6e3dc;--accent:#5940c5;--accent-deep:#4830af;--tint:#f0eafe;--stage:#eeece6;--radius:11px;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--page);color:var(--ink);margin:0;font-size:14px}button,input,textarea,select{font:inherit;color:inherit}button,.button,summary{cursor:pointer}button,.button{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-weight:700;line-height:1.15;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{background:#f8f5ff;border-color:#bcb2d9}button:disabled{opacity:.49;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg,.button svg{flex-shrink:0}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}button.danger{color:#fff;background:#a82849;border-color:#a82849}button.danger:hover:not(:disabled){background:#8f203c}.icon{flex-shrink:0;width:38px;padding:0}.subtle,.icon{background:0 0}.full{width:100%}h1,h2,p{margin:0}h1{letter-spacing:-.045em;font-size:clamp(30px,4vw,52px);font-weight:800;line-height:1.05}h2{font-size:14px;font-weight:800;line-height:1.3}small{color:var(--muted)}.muted{color:var(--muted);font-size:12px;line-height:1.55}.notice{color:#46347a;overflow-wrap:anywhere;background:#f6f0ff;border:1px solid #ded5f4;border-radius:8px;padding:10px 12px;line-height:1.45}.notice.error{color:#8e2442;background:#fff0f1;border-color:#efcbce}.field{gap:6px;min-width:0;font-size:12px;font-weight:700;display:grid}.field input:not([type=range]),.field textarea,.field select{background:var(--panel);border:1px solid #ddd9d1;border-radius:8px;width:100%;min-width:0;min-height:37px;padding:8px 10px;font-size:13px;font-weight:500}.field textarea{resize:vertical;line-height:1.5}.field textarea::placeholder{color:#76727e}.field input[type=color]{cursor:pointer;padding:4px 6px}.optional{color:var(--muted);font-size:11px;font-weight:500}.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.template-dimensions{gap:8px;min-width:0;display:grid}.row{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.check{align-items:center;gap:9px;font-size:14px;display:flex}input[type=checkbox],input[type=range]{accent-color:var(--accent)}form,fieldset{gap:15px;display:grid}form>button,fieldset>button{justify-self:start}fieldset{border:0;min-width:0;margin:0;padding:0}.segmented{border:1px solid var(--line);background:#f3f1ed;border-radius:9px;align-items:stretch;gap:2px;padding:3px;display:inline-flex}.segmented button{color:#565563;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;min-height:29px;font-size:11px}.segmented button[aria-pressed=true]{background:var(--panel);color:var(--accent-deep);border-color:#e8e1f0;box-shadow:0 1px 2px #2f24410c}.segmented.stretch{display:flex}.segmented.stretch button{flex:1;min-width:0;padding-inline:6px}.pill{background:var(--tint);color:#4d37a3;white-space:nowrap;border-radius:20px;align-items:center;padding:5px 8px;font-size:11px;font-weight:750;display:inline-flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);height:64px;padding:0 max(22px,env(safe-area-inset-right)) 0 max(22px,env(safe-area-inset-left));flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{white-space:nowrap;letter-spacing:-.045em;align-items:center;font-size:19px;font-weight:800;display:inline-flex}.brand-icon{flex:none;width:30px;height:30px;margin-right:8px;display:block}.header-actions,.editor-identity,.history-buttons{align-items:center;gap:8px;min-width:0;display:flex}.header-divider{background:var(--line);width:1px;height:24px;margin:0 6px}.editor-identity .back{border:0}.project-name{background:0 0;border:1px solid #0000;border-radius:6px;width:clamp(95px,18vw,235px);min-width:0;padding:6px;font-weight:750}.project-name:hover{border-color:var(--line)}.save-status{white-space:nowrap;color:var(--muted);align-items:center;gap:4px;margin-inline:4px;font-size:12px;display:flex}.save-status svg{color:#347456}.history-buttons{gap:3px}.history-buttons .icon{border-color:#0000}.download-header{padding-inline:14px}.studio{flex-direction:column;height:100dvh;min-height:500px;display:flex}.editor-body{flex:1;grid-template-columns:300px minmax(0,1fr) 260px;min-height:0;display:grid}.design-column,.inspector-column{background:var(--panel);flex-direction:column;min-height:0;display:flex}.design-column{border-right:1px solid var(--line)}.inspector-column{border-left:1px solid var(--line)}.panel-tabs,.panel-top{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:16px;min-height:48px;padding-inline:17px;font-size:12px;font-weight:800;display:flex}.panel-tabs button{min-height:47px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:0 3px}.panel-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.panel-tabs .tablet-only{display:none}.side-scroll{scrollbar-width:thin;min-height:0;overflow:auto}.tablet-layout{display:none}.side-scroll>.notice{margin:12px}.panel-section{border-bottom:1px solid var(--line);gap:13px;min-width:0;padding:16px;display:grid}.section-title{align-items:center;gap:8px;display:flex}.mini-icon{width:27px;height:27px;color:var(--accent);background:var(--tint);border-radius:7px;place-items:center;display:inline-grid}.swatch-field{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:4px 8px;font-size:12px;font-weight:750;display:flex}.swatch-field input{cursor:pointer;background:0 0;border:0;width:34px;height:29px;padding:1px}.swatch-field svg{color:var(--muted);margin-left:auto}.generate{min-height:41px}.count{color:var(--muted);margin-left:auto;font-size:12px}.range-field>span{justify-content:space-between;gap:6px;display:flex}.range-field strong{color:var(--accent-deep);font-size:11px}.range-field input{cursor:pointer;width:100%;margin:3px 0 0}.shuffle{color:var(--accent-deep);background:var(--tint);border-color:#e7dbfa}.layout-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.layout-presets button{min-height:34px;padding:5px;font-size:11px}.layout-presets button:first-child{grid-column:1/-1}.layout-presets button[aria-pressed=true]{color:var(--accent-deep);background:var(--tint);border-color:#c6b5f2}.layers-panel{border-bottom:1px solid var(--line);flex-shrink:0;gap:8px;padding:12px 16px;display:grid}.layer-gallery{gap:4px;min-width:0;display:grid}.layer-gallery-strip{scrollbar-width:thin;scrollbar-color:#a395bc var(--line);gap:5px;margin:0;padding:3px 3px 6px;list-style:none;display:flex;overflow:scroll hidden}.layer-gallery-strip li{flex:none}.layer-gallery-thumb{width:42px;height:40px;padding:4px}.layer-gallery-thumb img{object-fit:contain;width:100%;height:100%}.layer-gallery-thumb[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.layer-gallery-actions{align-items:center;gap:4px;display:flex}.layer-gallery-actions span{color:var(--muted);margin-right:auto;font-size:11px}.layer-gallery-actions .icon{width:30px;min-height:28px}.layer-gallery-actions .layer-gallery-delete{color:#a13749}.layer-list{scrollbar-width:thin;scrollbar-gutter:stable;max-height:min(21dvh,180px);margin:0;padding:2px;list-style:none;overflow-y:auto}.layer-row{grid-template-columns:minmax(0,1fr) auto;gap:4px;display:grid}.layer-row+.layer-row{margin-top:3px}.layer-select,.layer-eye{background:0 0;border-color:#0000;min-height:32px}.layer-select{justify-content:flex-start;padding:3px 6px;font-size:12px}.layer-select img{object-fit:contain;width:26px;height:24px}.layer-select svg{color:var(--muted);margin-left:auto}.layer-select[aria-pressed=true]{color:var(--accent-deep);background:var(--tint);border-color:#c6b5f2}.layer-eye{width:32px;color:var(--muted)}.object-actions .icon{flex:1}.graphic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.graphic-card{border:1px solid var(--line);border-radius:9px;min-width:0}.graphic-image{border:0;border-radius:8px 8px 0 0;width:100%;height:78px;min-height:72px;position:relative}.graphic-image img{object-fit:contain;max-width:100%;max-height:60px}.graphic-image span{background:var(--panel);width:19px;height:19px;color:var(--accent);border-radius:4px;place-items:center;display:grid;position:absolute;bottom:3px;right:3px}.graphic-card-actions{flex-wrap:wrap;justify-content:space-around;align-items:center;padding:3px;display:flex}.graphic-card-actions label{align-items:center;gap:3px;font-size:10px;display:flex}.graphic-card-actions input{border:1px solid var(--line);border-radius:4px;width:36px;height:28px}.generations-panel{gap:10px;min-width:0;padding:14px;display:grid}.generation-mobile-hint{display:none}.generation-selection{z-index:1;border:1px solid var(--line);background:var(--panel);border-radius:9px;gap:5px;padding:6px;display:flex;position:sticky;top:0}.generation-selection .primary{flex:1}.generation-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;min-width:0}.generation-heading{text-align:left;border:0;border-radius:10px;grid-template-columns:40px minmax(0,1fr) auto;gap:8px;width:100%;padding:7px;display:grid}.generation-heading img,.generation-placeholder{object-fit:contain;border-radius:6px;width:40px;height:40px}.generation-placeholder{background:var(--tint);color:var(--accent);place-items:center;display:grid}.generation-summary{gap:3px;min-width:0;display:grid}.generation-summary strong,.generation-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-summary small{color:var(--muted);font-size:11px}.generation-chevron{color:var(--muted)}.generation-heading[aria-expanded=true] .generation-chevron{transform:rotate(180deg)}.generation-content{border-top:1px solid var(--line);gap:9px;padding:8px;display:grid}.generation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.generation-tile{min-width:0;position:relative}.generation-thumbnail{aspect-ratio:1;width:100%;min-height:58px;padding:6px;position:relative}.generation-thumbnail[draggable=true]{cursor:grab}.generation-thumbnail[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.generation-thumbnail svg{pointer-events:none;width:100%;height:100%}.generation-thumbnail .generation-flag{color:#7e4317;background:#fff0ce;border-radius:3px;width:16px;height:16px;padding:2px;position:absolute;top:3px;right:3px}.generation-tile .generation-add-one{background:var(--panel);width:23px;min-height:23px;color:var(--accent-deep);border-radius:5px;position:absolute;bottom:3px;right:3px}.generation-background{object-fit:contain;border-radius:7px;width:100%;max-height:190px}.generation-actions{flex-wrap:wrap;gap:5px;display:flex}.generation-actions button{min-height:32px;padding:4px 7px;font-size:11px}.artwork.artwork-drop-target{outline:2px solid var(--accent)}.graphic-card-actions .icon{border:0;width:25px;min-height:28px}.job-list{gap:7px;display:grid}.job{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px;display:grid}.job strong,.job small{display:block}.job small{margin-top:3px;font-size:11px}.job p{color:#8e2442;grid-area:2/1/auto/-1;font-size:12px;line-height:1.45}.job button,.job .button{min-height:31px;padding-inline:7px;font-size:11px}.canvas-column{background:var(--stage);flex-direction:column;min-width:0;min-height:0;display:flex}.canvas-heading,.canvas-footer{background:#f5f3ee;flex-shrink:0;justify-content:space-between;align-items:center;gap:7px;padding:8px 16px;display:flex}.canvas-heading{border-bottom:1px solid #e8e3da}.canvas-heading strong,.canvas-heading small{display:block}.canvas-heading small{font-size:11px}.canvas-stage{background-image:radial-gradient(#c9c4b9 .75px,#0000 .75px);background-size:17px 17px;flex:1;min-height:0;position:relative;overflow:hidden}.canvas-surface{position:absolute;inset:0}.canvas-surface.is-pan{cursor:grab;touch-action:none}.canvas-surface.is-pan:active{cursor:grabbing}.artwork{touch-action:none;background:0 0;display:block;position:absolute;overflow:hidden;box-shadow:0 3px 7px #18192828,0 17px 35px #18192822}.checker{background-color:#f7f5f2;background-image:conic-gradient(#e7e3dd 25%,transparent 0 50%,#e7e3dd 0 75%,transparent 0);background-size:16px 16px}.canvas-object{cursor:move}.canvas-locked{cursor:pointer}.layout-motion .artwork-placement,.layout-motion .selection{transition:transform .16s ease-out,opacity .16s ease-out}.layout-motion .artwork-placement>:is(image,rect),.layout-motion .selection>rect{transition:x .16s ease-out,y .16s ease-out,width .16s ease-out,height .16s ease-out}.layout-motion .selection>circle{transition:cx .16s ease-out,cy .16s ease-out}.layout-motion .artwork-placement.retiring{opacity:0;pointer-events:none}@starting-style{.layout-motion .artwork-placement{opacity:0}}.selection{stroke:#b998ff;stroke-width:2px;fill:none;pointer-events:none}.selection circle{fill:#fff;pointer-events:all;cursor:nwse-resize}.selection circle[data-handle=rotate]{cursor:crosshair}.canvas-empty{pointer-events:none;text-align:center;color:#fff;text-shadow:0 1px 5px #0008;justify-items:center;gap:9px;width:140px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.canvas-empty span{font-size:12px;line-height:1.4}.canvas-footer{border-top:1px solid #e4e0d7;justify-content:center;min-height:51px;position:relative}.canvas-status{text-align:right;max-width:29%;color:var(--muted);font-size:11px;position:absolute;right:12px}.tools button{padding-inline:8px}.join-options{position:absolute;bottom:9px;left:50%;transform:translate(-50%)}.studio-footer{background:var(--panel);border-top:1px solid var(--line);min-height:30px;color:var(--muted);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:3px 14px;font-size:10px;display:flex}.mobile-tabs,.mobile-template{display:none}.recovery-bar{color:#5c3c30;background:#fff0d8;flex-wrap:wrap;align-items:center;gap:7px;padding:6px 14px;display:flex}.recovery-bar button{min-height:32px;font-size:12px}.dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(480px,100vw - 28px);max-height:calc(100dvh - 28px);padding:0;box-shadow:0 20px 80px #23212e44}.dialog::backdrop{background:#231e39a0}.dialog.wide{width:min(920px,100vw - 28px)}.dialog-body{gap:14px;padding:19px;display:grid}.dialog-title,.dialog-actions{justify-content:space-between;align-items:center;gap:9px;display:flex}.dialog-title h2{letter-spacing:-.025em;font-size:21px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end}.dialog .panel-section{padding:0 0 13px}.dialog .panel-section:last-child{border-bottom:0;padding-bottom:0}.export-size{background:#f3efe8;border-radius:9px;gap:4px;padding:13px;display:grid}.export-size strong{letter-spacing:-.03em;font-size:23px}.export-size span,.requested-phrases{color:var(--muted);font-size:12px}.export-progress{background:var(--tint);min-height:66px;color:var(--accent-deep);border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:9px;padding:10px 12px;display:grid}.export-progress p{font-size:13px;font-weight:700}.export-progress .subtle{min-height:30px}.export-progress-track{background:#ded4f9;border-radius:4px;grid-column:1/-1;height:4px;overflow:hidden}.export-progress-track:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#9276ed,var(--accent));width:42%;height:100%;animation:1.25s ease-in-out infinite alternate export-sweep;display:block}@keyframes export-sweep{to{transform:translate(138%)}}.crop-layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:15px;display:grid}.crop-sheet{border:1px solid var(--line);touch-action:none;border-radius:8px;width:100%;max-height:420px}.crop-box,.crop-active{fill:#8a5df526;stroke:#6848d3;stroke-width:1.5px;cursor:move}.crop-active{fill:#ead9ff3a;stroke:#b046e5;stroke-width:2px}.crop-handle{fill:#fff;stroke:#8c3fd6;stroke-width:3px;cursor:nwse-resize}.crop-controls{gap:9px;min-width:0;display:grid}.candidate-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.candidate{justify-items:center;gap:3px;min-width:0;display:grid}.candidate button{gap:2px;width:100%;padding:3px;font-size:10px;display:grid}.candidate button[aria-pressed=true]{border-color:var(--accent);background:var(--tint)}.candidate svg{width:100%;height:35px}.candidate label{cursor:pointer}.library{max-width:1180px;margin-inline:auto;padding:clamp(22px,6vw,64px) clamp(16px,5vw,56px)}.library-heading{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:26px;display:flex}.library-heading p{color:var(--muted);margin-top:9px}.library-heading button{flex-shrink:0}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr));gap:16px;margin-top:14px;display:grid}.project-card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);overflow:hidden}.project-art{place-items:center;height:175px;display:grid;position:relative;overflow:hidden}.project-preview{width:100%;height:100%;position:absolute;inset:0}.open-arrow{color:var(--accent);background:var(--panel);border-radius:50%;place-items:center;padding:6px;display:grid;position:absolute;top:9px;right:9px}.project-info{overflow-wrap:anywhere;gap:6px;padding:12px;display:grid}.project-info .row{margin-top:4px}.studio-home{grid-template-columns:minmax(0,1fr);gap:clamp(26px,3.3vw,46px);max-width:1440px;margin-inline:auto;padding:clamp(20px,3vw,42px) clamp(16px,4vw,52px) 58px;display:grid}.home-hero{isolation:isolate;color:#fffdfc;background:#241a40;border-radius:19px;align-items:center;min-height:236px;display:grid;position:relative;overflow:hidden}.home-hero-content{z-index:1;width:61%;padding:clamp(24px,4.3vw,54px)}.home-hero h1{font-size:clamp(35px,4.8vw,64px)}.home-hero p{color:#e2d9f1;margin-top:12px;line-height:1.5}.home-hero-actions{flex-wrap:wrap;gap:9px;margin-top:23px;display:flex}.home-hero-actions .button,.home-hero-actions button{min-height:43px;padding-inline:13px}.home-hero-actions button.primary{color:#292044;background:#d9c7ff;border-color:#d9c7ff}.home-hero-actions button.primary:hover:not(:disabled){background:#ecdeff;border-color:#ecdeff}.home-hero-actions .button{color:#fffdfc;background:#31254b;border-color:#786d8c}.home-hero-actions .button:hover{background:#483760}.home-hero-actions :focus-visible{outline-color:#d9c7ff}.home-hero-art{background:radial-gradient(circle,#ab91d538 1px,#0000 1.4px) 0 0/16px 16px;position:absolute;inset:0 0 0 53%}.home-sheet{border:3px solid #ffffff96;border-radius:9px;width:29%;display:block;position:absolute;overflow:hidden;box-shadow:0 10px 28px #120d2a59}.home-sheet-dots{top:14%;right:61%;transform:rotate(-16deg)}.home-sheet-checks{top:11%;right:6%;transform:rotate(14deg)}.home-sheet-polka{top:28%;right:33%;transform:rotate(-5deg)}.home-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:9px 16px;margin-bottom:13px;display:flex}.home-section-heading h2{letter-spacing:-.035em;font-size:clamp(19px,2.2vw,27px)}.home-section-heading .button{font-size:12px}.home-template-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),240px));gap:13px;display:grid}.home-template-empty{border:1px dashed var(--line);background:var(--panel);border-radius:13px;gap:5px;padding:16px;display:grid}.home-template-empty p{color:var(--muted)}.home-template-card{text-align:left;border-radius:13px;grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;gap:0;min-width:0;padding:0;display:grid;overflow:hidden}.home-template-card:hover:not(:disabled){border-color:#a899ce}.template-preview{aspect-ratio:3/4;background:#17294c;min-width:0;display:block;position:relative;overflow:hidden}.template-preview svg{width:100%;height:100%;display:block}.template-join{stroke:#fff9;stroke-width:1px;stroke-dasharray:3 4}.template-preview[data-pattern=polka] .template-join{stroke:#3a2546b0}.template-join-label{white-space:nowrap;color:#fff;background:#17294c;border:1px solid #fff5;border-radius:5px;padding:4px 7px;font-size:10px;line-height:1;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.home-template-details{justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:12px 14px;display:flex}.home-template-details>span,.new-template-preview>div{overflow-wrap:anywhere;gap:5px;min-width:0;display:grid}.home-template-details strong{font-size:14px}.home-template-details small{font-size:12px;font-weight:500}.home-template-details svg{color:var(--accent)}.home-project-search{border:1px solid var(--line);width:min(100%,230px);min-height:39px;color:var(--muted);background:var(--panel);border-radius:8px;align-items:center;gap:7px;padding:0 9px;display:flex}.home-project-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.home-project-search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:6px 0}.home-project-search input:focus-visible{outline:0}.home-storage-note{align-items:flex-start;gap:7px;margin-bottom:12px;display:flex}.home-storage-note svg{color:var(--accent);flex:none;margin-top:2px}.home-workspace-actions{margin-bottom:12px}.home-workspace-actions button{min-height:32px;font-size:12px}.studio-home .project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));margin-top:0}.studio-home .project-card{border-radius:13px}.studio-home .project-art{height:clamp(155px,17vw,215px)}.studio-home .project-art:focus-visible{outline-offset:-4px}.studio-home .project-art:hover .open-arrow{color:#fff;background:var(--accent)}.studio-home .project-info{padding:13px}.studio-home .project-info small{font-size:12px}.home-empty{text-align:center;border-radius:var(--radius);border:1px dashed #d6d0c7;align-content:center;justify-items:center;gap:7px;min-height:168px;padding:12px;display:grid}.home-empty h3,.home-empty p{margin:0}.home-empty p{color:var(--muted)}.home-empty svg{color:var(--accent)}.home-empty-result{color:var(--muted);padding:16px 0}.new-template-preview{border:1px solid var(--line);border-radius:9px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;display:grid;overflow:hidden}.new-template-preview>div{padding:6px 9px 6px 0}@media (max-width:680px){.home-topbar .pill,.home-models span{display:none}.home-topbar .brand{font-size:16px}.home-topbar .brand-icon{width:26px;height:26px;margin-right:6px}.home-topbar .account-menu summary{max-width:88px}.home-hero{min-height:0}.home-hero-content{width:100%}.home-hero-art{display:none}.home-template-grid{scroll-snap-type:x proximity;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:min(68%,220px);grid-auto-flow:column;padding:3px 3px 7px;overflow-x:auto}.home-template-card{scroll-snap-align:start}.home-project-search{width:min(100%,205px)}}.template-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);align-items:start;gap:16px;margin-top:12px;display:grid}.provider-setting{overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;display:flex}.provider-setting a,.model-surface a{color:var(--accent-deep);text-underline-offset:3px;font-size:12px;font-weight:750;text-decoration:underline}.image-models>.notice{margin-bottom:10px}.image-model-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start;gap:16px;display:grid}.model-surface{overflow-wrap:anywhere;gap:14px;display:grid}.loaded-model{background:var(--tint);border-radius:8px;gap:3px;padding:9px 11px;display:grid}.model-options{border:1px solid var(--line);border-radius:8px;padding:9px}.model-options summary{font-weight:750}.model-options>*+*{margin-top:8px}.model-fields{max-height:160px;padding:0;list-style:none;overflow:auto}.model-fields li{margin-bottom:4px}@media (max-width:767px){.image-model-grid{grid-template-columns:minmax(0,1fr)}}.surface{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:15px}.template-item{text-align:left;justify-content:start;width:100%;margin-bottom:5px;padding:8px;display:grid}.account-menu{position:relative}.account-menu summary{white-space:nowrap;text-overflow:ellipsis;max-width:145px;list-style:none;overflow:hidden}.popover{z-index:2;background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:5px;width:160px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 3px 16px #0002}.auth-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.auth-panel{align-content:center;gap:16px;width:min(100%,530px);margin:auto;padding:clamp(22px,6vw,80px);display:grid}.auth-panel h1{margin-top:14px}.auth-panel p{color:var(--muted)}.auth-panel form{margin-top:6px}.auth-art{background:#192e55;place-items:center;display:grid;overflow:hidden}.art-tile{grid-template-columns:repeat(3,1fr);gap:clamp(13px,3vw,45px);width:72%;display:grid;transform:rotate(-16deg)}.art-tile i{aspect-ratio:1;background:#ef8ba6;border-radius:34% 70% 35% 66%;width:100%}.art-tile i:nth-child(3n+2){background:#fee3a4;border-radius:55% 13% 53% 10%}.art-tile i:nth-child(3n){background:#bbaafa;border-radius:50%}@media (max-width:1279px){.editor-body{grid-template-columns:285px minmax(0,1fr)}.inspector-column{display:none}.tablet-layout{display:contents}.desktop-design{display:none}.panel-tabs .tablet-only{display:inline-flex}.panel-tabs{gap:6px;padding-inline:9px}.panel-tabs .collapse{width:26px;margin-left:auto}.editor-body.collapsed{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.editor-body.collapsed .design-column{border-right:0}}@media (max-width:767px){.studio{--editor-sheet-height:min(48dvh, 420px)}.studio.live-editing{height:calc(100dvh - var(--editor-sheet-height));min-height:0}.studio.live-editing .mobile-tabs,.studio.live-editing .canvas-footer{display:none}.topbar{padding-inline:max(9px,env(safe-area-inset-left)) max(9px,env(safe-area-inset-right));height:56px}.editor-body,.editor-body.collapsed{display:flex}.design-column,.editor-top .brand,.header-divider,.studio-footer{display:none}.editor-identity,.header-actions,.history-buttons{gap:3px}.editor-identity{flex:1}.editor-identity .back{width:36px}.project-name{flex:1;width:0;font-size:13px}.save-status{margin:0 3px;font-size:10px}.mock{padding:4px;font-size:9px}.download-header{display:none}.history-buttons .icon{width:37px}.canvas-column{width:100%}.canvas-heading,.canvas-footer{padding-inline:8px}.canvas-footer{justify-content:flex-start}.canvas-status{max-width:37%}.mobile-template{display:inline}.mobile-tabs{background:var(--panel);padding:4px max(6px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.mobile-tabs button{min-height:48px;color:var(--accent-deep);background:0 0;border-color:#0000;align-content:center;justify-items:center;gap:2px;padding-inline:0;font-size:10px;display:grid}.dialog{border-radius:15px 15px 0 0;width:min(560px,100vw);max-width:100vw;max-height:87dvh;margin:auto auto 0}.dialog.wide{width:100vw}.dialog.live-preview{height:var(--editor-sheet-height);max-height:var(--editor-sheet-height)}.dialog.live-preview::backdrop{background:0 0}.dialog.live-preview .dialog-title{z-index:1;background:var(--panel);position:sticky;top:0}.dialog-body{padding:14px 14px max(14px,env(safe-area-inset-bottom))}.dialog button,.dialog .button,.dialog .field input,.dialog .field select,.dialog .field textarea{min-height:44px}.dialog .field input,.dialog .field select,.dialog .field textarea{font-size:16px}.dialog .layers-panel{padding:0 0 10px}.dialog .layer-gallery-thumb,.dialog .layer-gallery-actions .icon{width:44px}.dialog .layer-list{max-height:min(16dvh,104px)}.dialog .layer-eye{width:44px}.dialog .generations-panel{padding:0}.dialog .generations-panel>.section-title,.dialog .generation-desktop-hint{display:none}.dialog .generation-mobile-hint{display:block}.dialog .generation-selection{top:55px}.dialog .generation-tile .generation-add-one{width:44px;min-height:44px}.dialog .candidate button{min-height:50px}.dialog .graphic-card-actions .icon{width:44px}.dialog .candidate label{place-items:center;width:44px;min-height:36px;display:grid}.crop-layout{grid-template-columns:minmax(0,1fr)}.crop-sheet{max-height:33dvh}.auth-page{grid-template-columns:minmax(0,1fr)}.auth-art{display:none}}@media (max-width:480px){.template-grid{grid-template-columns:minmax(0,1fr)}.library-heading{align-items:flex-start}.library-heading p{font-size:12px}.editor-top .topbar{min-width:0}.canvas-mode button{padding-inline:5px}}@media (max-height:520px) and (max-width:1023px){.studio{min-height:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}