.batch-report{z-index:30;border:1px solid var(--border);border-radius:var(--r-md);width:min(440px,100vw - 40px);max-height:calc(100dvh - 100px);box-shadow:var(--elev-3);background:#fff;padding:12px 16px;line-height:1.7;position:fixed;bottom:20px;right:20px;overflow:auto}.batch-report-heading{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.batch-report p{overflow-wrap:anywhere}.batch-report .text-button{margin-top:8px}.batch-secondary-error{align-items:flex-start;gap:8px;margin-top:12px;display:flex}.batch-secondary-error>p{min-width:0}.batch-secondary-error>button{flex-shrink:0}.dialog .batch-report{width:auto;max-height:none;box-shadow:none;margin-top:14px;position:static}@media (width<=650px){.batch-report{width:calc(100vw - 24px);max-height:calc(100dvh - 196px);bottom:82px;right:12px}}:root{--canvas:#f5f6f8;--ink:#25252a;--muted:#716d7b;--border:#eaeaf0;--accent:#7058cf;--accent-wash:#f1eef8;--border-soft:#e8e5ed;--border-cool:#dce0e7;--text-subtle:#96949f;--text-faint:#a6a0b5;--r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--elev-1:0 1px 2px #00000008;--elev-2:0 1px 4px #00000026;--elev-3:0 5px 20px #23203814;--elev-4:0 24px 90px #1913202e}*{box-sizing:border-box}body{color:var(--ink);background:var(--canvas);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:13px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0;min-width:44px;min-height:44px}button:disabled{cursor:not-allowed;opacity:.45}button,a{transition:background .15s,box-shadow .15s,color .15s,transform .15s}button:not(:disabled):active,a[href]:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #7562eb}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h2{font-size:13px;font-weight:650}h3{font-size:14px}.muted{color:var(--muted)}.tiny{color:var(--muted);font-size:11px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{border-bottom:1px solid var(--border);z-index:20;background:#fff;align-items:center;gap:16px;height:55px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto}.brand{letter-spacing:-.6px;align-items:center;gap:7px;padding:0;font-size:19px;display:flex}.brand-mark{border-radius:var(--r-xs);background:#191a20;grid-template-columns:repeat(2,6px);gap:3px;padding:5px;display:grid}.brand-mark span{background:#fac2a3;border-radius:2px;height:6px}.brand-mark span:nth-child(2){background:#b1e4fc}.brand-mark span:nth-child(3){background:#c9b0ff}.brand-mark span:nth-child(4){background:#d3eea5}.top-divider{background:var(--border);width:1px;height:20px;margin-left:-4px}.product-name{margin-left:-6px;font-size:16px;font-weight:650}.soft-button{background:var(--canvas);border-radius:var(--r-sm);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:8px 11px;display:inline-flex}.soft-button:hover:not(:disabled){background:var(--border)}.topbar>.soft-button{margin-left:-5px;padding:7px 12px}.top-spacer{flex:1}.history-top,.login-button{white-space:nowrap;align-items:center;gap:6px;display:flex}.login-button{border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 11px}.login-button span{text-overflow:ellipsis;max-width:100px;overflow:hidden}.history-top{color:#686971}.rail{border-right:1px solid var(--border);z-index:15;background:#fff;flex-direction:column;width:68px;padding-top:9px;display:flex;position:fixed;top:55px;bottom:0;left:0}.rail button{flex-direction:column;align-items:center;gap:5px;padding:13px 0;font-size:11px;display:flex;position:relative}.rail button svg{box-sizing:content-box;border-radius:var(--r-sm);padding:3px}.rail button.selected svg{background:var(--border)}.rail button.selected{font-weight:650}.rail button:hover{background:var(--canvas)}.rail-spacer{flex:1}.editor{border-right:1px solid var(--border);z-index:10;background:#fff;flex-direction:column;width:400px;display:flex;position:fixed;top:55px;bottom:0;left:68px}.editor-scroll{scrollbar-width:thin;scrollbar-color:var(--border-cool) transparent;flex:1;padding:23px 20px 12px;overflow:auto}.section-label{justify-content:space-between;align-items:center;min-height:18px;margin-bottom:13px;display:flex}.section-label h2{align-items:center;gap:3px;display:flex}.upload-area{border-radius:var(--r-md);border:1.5px dashed #e4e4e8;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:106px;padding:16px 10px;display:flex}.upload-area p{color:#8e8e97}.upload-area small{color:#aaaab3;margin-top:-6px;font-size:10px}.upload-area:hover{background:#fff;border-color:#a79ce5}.upload-area.has-images{padding:8px}.uploaded-grid{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;display:grid}.uploaded-item{aspect-ratio:1.2;background:var(--canvas);border-radius:var(--r-xs);position:relative}.uploaded-item>button:first-child{width:100%;height:100%;padding:0}.uploaded-item img{object-fit:contain;border-radius:var(--r-xs);width:100%;height:100%}.remove-image{box-shadow:none;background:0 0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-3px;right:-3px}.remove-image:before{content:"";width:24px;height:24px;box-shadow:var(--elev-2);background:#fffffff2;border-radius:50%;position:absolute}.remove-image svg{position:relative}.remove-image:hover:before,.remove-image:focus-visible:before{background:#fff}.remove-image svg{width:16px;height:16px}.upload-more{border-radius:var(--r-xs);color:#898392;border:1px dashed #d7d4e1;place-items:center;min-height:65px;display:grid}.settings-title{margin-top:18px;margin-bottom:12px}.text-button{border-radius:var(--r-xs);justify-content:center;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.text-button:hover{color:var(--accent)}.rotate{transform:rotate(180deg)}.select-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.select-wrap{position:relative}.select-wrap select{appearance:none;background:var(--canvas);border-radius:var(--r-sm);color:#282830;cursor:pointer;border:0;width:100%;height:44px;padding:0 30px 0 10px}.select-wrap>svg{pointer-events:none;position:absolute;top:15px;right:10px}.resolution{color:#777;justify-content:space-between;align-items:center;padding:12px 0 0;display:flex}.resolution select{border:1px solid var(--border);border-radius:var(--r-sm);background:#fff;min-height:44px;padding:3px 12px}.selling-title{margin-top:20px;margin-bottom:10px}.assist-button{color:var(--accent);border-radius:var(--r-pill);box-shadow:var(--elev-1);border:1px solid #e6dff6;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:flex}.description{resize:vertical;background:var(--canvas);border-radius:var(--r-sm);color:#36333e;border:0;width:100%;height:120px;min-height:95px;padding:10px;line-height:1.6}.description::placeholder{color:var(--muted)}.structure-title{margin:17px 0 12px}.count-cards{flex-direction:column;gap:8px;display:flex}.count-card{background:var(--canvas);border-radius:var(--r-sm);padding:12px}.count-line{justify-content:space-between;align-items:center;min-height:23px;display:flex}.count-line>span{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.count-line{gap:8px}.stepper{flex-shrink:0}.count-line small{color:#355e9f;background:#e9f0fc;border-radius:3px;padding:2px;font-size:9px}.stepper{background:var(--canvas);border-radius:var(--r-xs);align-items:center;gap:0;padding:2px;display:flex}.stepper button{border-radius:var(--r-xs);width:44px;height:44px;box-shadow:var(--elev-1);background:#fff;place-items:center;padding:0;display:grid}.stepper input{text-align:center;-moz-appearance:textfield;background:0 0;border:0;width:38px;min-height:44px;padding:0;font-size:12px}.stepper input::-webkit-inner-spin-button{display:none}.layout-button{border-radius:var(--r-sm);background:#fff;align-items:center;gap:7px;width:100%;margin-top:12px;padding:10px 8px;font-size:11px;display:flex}.layout-button>svg{color:#a8a9ad;margin-left:auto}.layout-symbol{color:#9baee1;background:#e9f0fc;border-radius:3px;padding:2px;display:flex}.extras-title{margin-top:19px;margin-bottom:12px}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:9px 0;display:flex}.switch-row>span{align-items:center;gap:7px;display:flex}.switch-row input{appearance:none;border-radius:var(--r-md);cursor:pointer;background:#d6d7dd;width:31px;height:18px;margin:0;position:relative}.switch-row input:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .16s;position:absolute;top:2px;left:2px}.switch-row input:checked{background:var(--accent)}.switch-row input:checked:before{transform:translate(13px)}.storage-note{color:var(--text-subtle);align-items:center;gap:4px;margin-top:14px;font-size:10px;display:flex}.generate-footer{border-top:1px solid var(--border);background:#fff;padding:12px 16px}.generate-button{background:var(--accent);color:#fff;border-radius:var(--r-sm);justify-content:center;align-items:center;gap:5px;width:100%;min-height:44px;padding:10px;font-size:12px;font-weight:600;display:flex}.generate-button:hover:not(:disabled){background:#6651d1}.generate-button:disabled{opacity:1;background:var(--accent-wash);color:#716a83}.workspace{background:var(--canvas);min-height:calc(100dvh - 55px);margin:55px 0 0 468px;padding:1px 0;position:relative}.welcome{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 56px);padding:60px 40px 80px;display:flex}.welcome h1{letter-spacing:-1.2px;margin-bottom:12px;font-size:36px;font-weight:750}.welcome>p{color:#686971;text-align:center;font-size:16px;line-height:1.8}.welcome>p span{color:#566daf}.example-board{border-radius:var(--r-xl);background:#fff;grid-template-columns:1fr 44px 1fr;align-items:center;width:min(770px,100%);margin-top:52px;padding:22px;display:grid;overflow:hidden}.example-main{aspect-ratio:1;position:relative}.example-main img{object-fit:contain;width:100%;height:100%}.example-main>span,.example-grid>div>span{border-radius:var(--r-pill);white-space:nowrap;background:#f4f5f8e8;padding:8px 12px;font-size:11px;position:absolute;top:0;left:0}.example-main>span{top:-6px;left:-8px}.example-arrow{color:var(--border-cool);justify-content:center;display:flex;transform:rotate(-15deg)}.example-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.example-grid>div{aspect-ratio:1;border-radius:var(--r-md);box-shadow:var(--elev-3);position:relative;overflow:hidden}.example-grid img{object-fit:cover;width:100%;height:100%}.example-grid>div>span{padding:7px 9px;font-size:10px;top:8px;left:8px}.welcome-foot{color:#a0a2ac;align-items:center;gap:7px;margin-top:26px;font-size:11px;display:flex}.welcome-foot i{background:#c7c8cf;border-radius:50%;width:3px;height:3px;margin:0 4px}.primary{background:var(--accent);color:#fff;border-radius:var(--r-sm);border:0;justify-content:center;align-items:center;gap:7px;width:100%;min-width:44px;min-height:44px;padding:10px 16px;font-weight:600;display:flex}.primary:hover:not(:disabled){background:#6651d1}.primary.compact{width:auto;font-size:12px}.icon-button{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.icon-button:hover{background:var(--canvas)}.dialog{border:1px solid var(--border);border-radius:var(--r-lg);width:420px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);box-shadow:var(--elev-4);color:var(--ink);padding:24px;overflow:auto}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18172466}@keyframes dialog-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}dialog[open].dialog{animation:.17s cubic-bezier(.22,1,.36,1) dialog-in}dialog[open].dialog::backdrop{animation:.17s ease-out backdrop-in}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)}}.toast,.error-toast{animation:.18s cubic-bezier(.22,1,.36,1) toast-in}.dialog.wide{width:1000px}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dialog-head h2{font-size:18px}.dialog>.muted{margin-bottom:22px;font-size:13px;line-height:1.8}.login-art{background:var(--accent-wash);border-radius:var(--r-lg);width:64px;height:64px;color:var(--accent);justify-content:center;align-items:center;margin:5px 0 20px;display:flex}.auth-form{flex-direction:column;gap:15px;display:flex}.auth-form label,.field{flex-direction:column;gap:8px;font-weight:500;display:flex}.auth-form input,.field input{border:1px solid var(--border-cool);border-radius:var(--r-sm);background:#fff;width:100%;height:44px;padding:10px 12px}.auth-form .text-button{align-self:center}.privacy{color:var(--text-subtle);justify-content:center;align-items:center;gap:5px;margin-top:20px;font-size:11px;line-height:1.7;display:flex}.success{color:#388873;align-items:center;gap:5px;font-size:12px;display:flex}.error{color:#ba4838;border-radius:var(--r-sm);background:#fff0ee;padding:10px;font-size:12px}.toast,.error-toast{z-index:100;color:#fff;box-shadow:var(--elev-3);border-radius:var(--r-sm);background:#24212e;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:12px 18px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}.error-toast{color:#a64437;background:#fff6f4;border:1px solid #f1d7d0;top:70px;bottom:auto}.error-toast .icon-button{flex-shrink:0}.layout-dialog-body{grid-template-columns:1fr 230px;gap:24px;display:grid}.layout-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-height:60dvh;padding:3px;display:grid;overflow:auto}.layout-grid>button{border-radius:var(--r-sm);background:var(--canvas);border:2px solid #0000;min-width:0;padding:4px;position:relative}.layout-grid>button.chosen{border-color:var(--accent);background:var(--accent-wash)}.layout-grid img{aspect-ratio:1;object-fit:cover;border-radius:var(--r-xs);width:100%}.layout-grid button>span{padding:8px 0 4px;font-size:11px;display:block}.layout-grid button>b{background:var(--accent);color:#fff;border-radius:50%;padding:3px;display:flex;position:absolute;top:8px;right:8px}.layout-dialog-body aside{border-left:1px solid var(--border);padding-left:23px}.layout-dialog-body aside h3{justify-content:space-between;display:flex}.layout-dialog-body aside em{color:var(--accent);font-style:normal}.layout-dialog-body aside>p{color:var(--muted);margin:12px 0;font-size:11px;line-height:1.7}.layout-empty{color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding-top:65px;display:flex}.layout-empty p{color:var(--muted)}.layout-empty small{font-size:10px}.chosen-layout{background:var(--canvas);border-radius:var(--r-xs);justify-content:space-between;align-items:center;margin:8px 0;padding:9px;font-size:11px;display:flex}.chosen-layout button{display:flex}.dialog-footer{border-top:1px solid var(--border);justify-content:flex-end;margin-top:22px;padding-top:18px;display:flex}.batch-config{background:var(--canvas);border-radius:var(--r-sm);justify-content:space-between;margin-bottom:20px;padding:15px;font-size:12px;display:flex}.history-workspace{margin-left:68px}.history-page{max-width:1400px;margin:auto;padding:42px 48px}.history-heading{justify-content:space-between;align-items:center;display:flex}.history-heading h1{font-size:28px;font-weight:650}.history-heading p{color:var(--muted);margin-top:10px}.search{border:1px solid var(--border);border-radius:var(--r-sm);color:#9c99a6;background:#fff;align-items:center;gap:8px;max-width:330px;margin:27px 0;padding:10px 12px;display:flex}.search input{background:0 0;border:0;width:100%}.task-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;display:grid}.task-card{text-align:left;border-radius:var(--r-md);border:1px solid var(--border);background:#fff;padding:0;overflow:hidden}.task-card:hover{box-shadow:var(--elev-3);border-color:#d6d0e6}.task-thumbnail{aspect-ratio:1.25;background:var(--canvas);position:relative}.task-thumbnail img{object-fit:contain;width:100%;height:100%}.task-thumbnail>.status-pill{position:absolute;top:10px;right:10px}.task-meta{padding:16px}.task-meta h3{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:550;overflow:hidden}.task-meta p{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;display:flex}.task-meta p span{align-items:center;gap:3px;display:flex}.status-pill{border-radius:var(--r-pill);background:var(--accent-wash);color:#675096;white-space:nowrap;align-items:center;gap:4px;padding:5px 9px;font-size:10px;display:inline-flex}.status-pill.completed{color:#2b6d58;background:#e9f5f0}.status-pill.failed{color:#975127;background:#fff0e9}.status-pill.cancelled{background:var(--border);color:#666270}.status-pill.queued{background:var(--border);color:#606582}.status-pill.needs_attention{color:#805d1d;background:#fff2dc}.empty-history{text-align:center;color:var(--text-faint);flex-direction:column;align-items:center;gap:16px;padding:100px 20px;display:flex}.empty-history h2{color:#554d65;font-size:18px}.empty-history .primary{margin-top:8px}.empty-search{text-align:center;color:#999;padding:60px}.result-page{max-width:1300px;margin:auto;padding:30px 32px 60px}.result-heading{align-items:center;gap:8px;display:flex}.result-eyebrow{color:#776d82;align-items:center;gap:5px;margin-bottom:8px;font-size:10px;display:flex}.result-heading h1{overflow-wrap:anywhere;max-width:450px;font-size:21px;font-weight:650}.version-select{border:1px solid var(--border-soft);border-radius:var(--r-sm);min-height:44px;color:var(--muted);background:#fff;padding:8px;font-size:11px}.result-summary{color:#71687b;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 28px;font-size:11px;display:flex}.progress-panel{text-align:center;border:1px solid var(--border);border-radius:var(--r-lg);background:#ffffffb3;margin:25px 0;padding:50px 25px}.orb{border-radius:var(--r-pill);width:72px;height:72px;color:var(--accent);background:#efebfb;justify-content:center;align-items:center;margin:0 auto 23px;display:flex}.progress-panel h2{margin-bottom:12px;font-size:20px;font-weight:600}.progress-panel>p{color:#71687b;max-width:430px;margin:auto;line-height:1.8}.progress-steps{color:#b7b1c2;justify-content:center;align-items:center;gap:25px;margin:30px 0;font-size:11px;display:flex}.progress-steps span{align-items:center;gap:5px;display:flex}.progress-steps .working{color:var(--accent)}.progress-panel>.text-button{color:var(--text-faint)}.output-toolbar{justify-content:space-between;align-items:center;margin:20px 0 15px;display:flex}.output-toolbar h2{font-size:15px}.output-toolbar small{color:var(--muted);margin-left:7px;font-size:11px;font-weight:400}.output-toolbar>a{border:1px solid var(--border-soft);background:#fff;font-size:11px}.output-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.output-card{border:1px solid var(--border-soft);border-radius:var(--r-md);background:#fff;overflow:hidden}.output-image{aspect-ratio:1;background:var(--canvas);width:100%;padding:0;display:block}.output-image img{object-fit:contain;width:100%;height:100%}.output-actions{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:4px;padding:4px 10px;display:flex}.output-actions>span{flex:1;font-size:11px}.output-actions button,.output-actions a{border-radius:var(--r-xs);color:#655d72;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:flex}.output-actions button:hover,.output-actions a:hover{background:var(--accent-wash)}.copy-panel{border:1px solid var(--border-soft);border-radius:var(--r-md);background:#fff;margin:25px 0;padding:22px}.copy-panel>div{justify-content:space-between;align-items:center;display:flex}.copy-panel pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;color:#6e647a;margin:20px 0 0;line-height:1.9}.copy-panel>.soft-button{margin-top:16px}.continue-bar{color:#746783;justify-content:space-between;align-items:center;padding:20px 0;font-size:12px;display:flex}.continue-bar>span{align-items:center;gap:7px;display:flex}.revision-input{flex-direction:column;gap:9px;margin-top:22px;display:flex}.revision-input textarea{resize:vertical;border-radius:var(--r-sm);border:1px solid #e3deed;width:100%;min-height:85px;padding:9px;line-height:1.6}.revision-input small{color:var(--text-faint);font-size:10px}.result-warning{border-radius:var(--r-md);color:#b38d5f;background:#fff9f3;border:1px solid #efdfc8;gap:14px;margin-bottom:25px;padding:22px;display:flex}.result-warning p{margin-top:7px;font-size:12px;line-height:1.8}.large-preview{object-fit:contain;max-height:70dvh;margin:auto}.account-email{color:#746783;flex-direction:column;align-items:center;gap:16px;padding:25px 0 35px;display:flex}.full{width:100%}.field{margin:20px 0}.help-steps{color:#62566f;padding-left:20px}.help-steps li{padding:8px 0 16px}.help-steps p{color:#9a8da5;margin-top:6px;font-size:12px;line-height:1.8}.mobile-view-tabs{display:none}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1500px){.welcome{padding-bottom:110px}.welcome h1{font-size:36px}}@media (width<=1200px){.editor{width:350px}.workspace{margin-left:418px}.history-workspace{margin-left:68px}.welcome{padding:45px 25px}.welcome h1{font-size:29px}.welcome>p{font-size:13px}.example-board{grid-template-columns:1fr 22px 1fr;margin-top:36px;padding:15px}.example-grid{gap:8px}.example-grid>div>span{padding:5px;font-size:8px;top:4px;left:4px}.example-main>span{padding:6px;font-size:9px}.output-grid{grid-template-columns:repeat(2,1fr)}.result-page{padding:25px}.result-heading{flex-wrap:wrap}.version-select{max-width:150px}}@media (width<=850px){.topbar{gap:10px;padding:0 13px}.brand{font-size:16px}.product-name{font-size:14px}.batch-button,.history-top span,.login-button span{display:none}.login-button{border:0;padding:4px}.topbar>.soft-button{padding:7px;font-size:11px}.rail{width:58px}.editor{width:310px;left:58px}.editor-scroll{padding:18px 16px}.workspace{margin-left:368px}.history-workspace{margin-left:58px}.welcome{padding:35px 16px}.example-board{border-radius:var(--r-lg);grid-template-columns:1fr;gap:10px;max-width:310px;padding:16px}.example-arrow{display:none}.example-main{max-height:200px}.example-grid>div>span{font-size:9px}.welcome h1{font-size:25px}.welcome-foot{flex-wrap:wrap;justify-content:center}.history-page{padding:28px}.layout-grid{grid-template-columns:repeat(3,1fr)}.layout-dialog-body{grid-template-columns:1fr 180px;gap:16px}.layout-dialog-body aside{padding-left:15px}.result-page{padding:20px}.continue-bar>span{max-width:130px;line-height:1.7}}@media (width<=650px){.topbar{gap:9px;height:54px}.brand{font-size:16px}.top-divider,.product-name,.rail,.batch-button{display:none}.topbar>.soft-button{margin-left:0}.history-top{padding:4px}.mobile-view-tabs{z-index:20;border-bottom:1px solid var(--border);background:#fff;height:44px;display:flex;position:fixed;top:54px;left:0;right:0}.mobile-view-tabs button{color:#999;flex:1}.mobile-view-tabs button.selected{color:var(--accent);border-bottom:2px solid var(--accent);font-weight:600}.editor{width:100%;display:none;top:98px;left:0}.editor.mobile-active{display:flex}.editor-scroll{padding:20px}.workspace{min-height:calc(100dvh - 98px);margin-top:98px;margin-left:0;display:none}.workspace.mobile-active,.history-workspace{display:block}.history-workspace{z-index:21;min-height:calc(100dvh - 54px);margin-top:54px;position:relative}.welcome{min-height:calc(100dvh - 98px);padding:35px 25px}.welcome h1{font-size:29px}.welcome>p{max-width:300px;font-size:12px}.example-board{border-radius:var(--r-lg);grid-template-columns:1fr 15px 1fr;gap:0;max-width:500px;margin-top:32px;padding:14px}.example-arrow{display:block}.example-arrow svg{width:14px}.example-main>span{padding:4px;font-size:8px;top:-5px;left:-7px}.example-grid{gap:6px}.example-grid>div>span{padding:4px;font-size:6px;top:3px;left:2px}.example-grid>div{border-radius:var(--r-xs)}.example-main{max-height:none}.welcome-foot{font-size:10px}.generate-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}.dialog{padding:20px}.layout-dialog-body{flex-direction:column;gap:18px;display:flex}.layout-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:48dvh}.layout-dialog-body aside{border-left:0;padding:0}.layout-empty{display:none}.chosen-layout{gap:5px;margin:3px;display:inline-flex}.layout-dialog-body aside>p{margin:7px 0}.dialog-footer{margin-top:14px;padding-top:14px}.history-page{padding:24px 18px}.history-heading h1{font-size:24px}.history-heading p{font-size:11px}.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.task-meta{padding:12px}.task-meta h3{font-size:12px}.task-meta p{flex-wrap:wrap;gap:5px;font-size:9px}.result-page{padding:24px 18px 40px}.result-heading h1{max-width:230px;font-size:20px}.output-grid{gap:12px}.progress-panel{padding:35px 20px}.progress-panel h2{font-size:18px}.result-summary{gap:8px}.version-select{padding:5px}.copy-panel{padding:16px}.continue-bar>span{max-width:200px}.error-toast{width:max-content;max-width:calc(100vw - 26px);top:105px}.batch-config{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{transition:none!important;animation:none!important}}.image-provenance{color:var(--muted);overflow-wrap:anywhere;flex-direction:column;gap:5px;padding:0 13px 13px;font-size:11px;display:flex}.image-provenance>span:first-child{color:var(--accent);font-weight:600}.history-page .history-heading{flex-wrap:wrap;gap:12px}.history-page .history-heading>div{flex:180px;min-width:0}.history-page .history-heading p{overflow-wrap:anywhere}.brand-logo{object-fit:contain;flex-shrink:0;width:34px;height:34px}.upload-thumbnail{width:100%;height:100%;display:block;position:relative}.preview-loading{opacity:0;pointer-events:none;position:absolute;inset:0}.upload-pending{border-radius:var(--r-xs);color:#655d72;background:#fffe;padding:2px 5px;font-size:10px;position:absolute;bottom:4px;left:4px}.uploaded-item>button:disabled{opacity:1}.batch-previews{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.progressive-preview{background:var(--canvas);border-radius:var(--r-sm);height:min(70dvh,700px);position:relative}.progressive-preview .large-preview{object-fit:contain;width:100%;height:100%}.progressive-preview>p{text-align:center;padding:24px}.preview-frame{position:relative}.preview-status{border:1px solid var(--border);border-radius:var(--r-sm);color:var(--ink);text-align:center;pointer-events:none;background:#fff;padding:12px;position:absolute;bottom:12px;left:12px;right:12px}.example-main,.example-grid>div,.layout-grid img{background:var(--canvas)}.soft-button,.primary,.brand,.history-top,.login-button{min-width:44px;min-height:44px}.quota-chip{color:#65547c;background:var(--accent-wash);border-radius:var(--r-pill);white-space:nowrap;padding:6px 10px;font-size:11px}.text-button:hover:not(:disabled),.history-top:hover,.login-button:hover{background:var(--accent-wash)}button:disabled:hover{transform:none}.section-label.structure-title{margin:20px 0 12px}.section-label.structure-title .tiny{font-variant-numeric:tabular-nums}.dialog-error{margin-bottom:16px;line-height:1.7}.toast{pointer-events:none;width:max-content}.error-toast{align-items:flex-start}.error-toast>span{overflow-wrap:anywhere;min-width:0;max-height:calc(100dvh - 112px);overflow:auto}.error-toast>svg,.error-toast>button{flex-shrink:0}@media (width<=650px){.error-toast>span{max-height:calc(100dvh - 147px)}}.download-notice{color:#655d72;margin-top:16px;font-size:12px;line-height:1.7}.progressive-preview .preview-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:24px;display:flex}.preview-error .soft-button{border:1px solid var(--border);background:#fff}.search:focus-within{outline:2px solid var(--accent);outline-offset:3px}.upload-area small,.upload-area p,.storage-note,.privacy,.welcome-foot,.help-steps p,.revision-input small,.mobile-view-tabs button:not(.selected),.progress-steps,.progress-panel>.text-button{color:var(--muted)}.progress-steps .done{color:#2b6d58}@media (width<=850px){.topbar{gap:8px}.quota-chip{padding:6px 8px;font-size:10px}.top-spacer{min-width:0}.count-line>span{max-width:110px}}@media (width<=650px){.topbar{gap:6px;padding:0 10px}.topbar .brand{gap:4px;font-size:14px}.topbar .new-task-button{padding:0 8px}.topbar .new-task-button svg{width:16px}.topbar .quota-chip{display:none}.generate-footer .quota-chip{display:inline-block}.count-line>span{max-width:none}.output-actions{flex-wrap:wrap;gap:0}.output-actions>span{flex-basis:100%;padding:8px 0 0}.output-actions button{margin-left:auto}}@media (prefers-reduced-motion:reduce){button:not(:disabled):active,a[href]:active{transform:none}}.mobile-quota{display:none}@media (width<=650px){.generate-footer .mobile-quota{width:max-content;color:var(--muted);background:0 0;margin:0 auto 8px;padding:0;display:block}}@media (width<=480px){.output-grid{grid-template-columns:1fr}.output-actions>span{flex-basis:auto;padding:0}.output-actions button{margin-left:0}}.more-button{display:none}.more-actions{gap:12px;margin-top:20px;display:grid}@media (width<=850px){.more-button{place-items:center;display:grid}}@media (width<=380px){.new-task-button span{display:none}}.history-page>.error{overflow-wrap:anywhere;margin-bottom:20px}.history-page>.error button{margin-top:8px}.operation-message{overflow-wrap:anywhere;min-width:0}.copy-panel>div{flex-wrap:wrap;gap:12px}.copy-panel>div>.text-button{flex-shrink:0}.copy-feedback{color:var(--muted);line-height:1.7}.copy-feedback:not(:empty){margin-top:8px}.result-heading h1,.history-heading h1,.history-heading button{scroll-margin-top:120px}.result-heading h1:focus-visible,.history-heading h1:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.history-refresh-feedback{color:var(--muted);overflow-wrap:anywhere}.history-refresh-feedback:not(:empty){margin-bottom:16px}.history-page .soft-button[aria-disabled=true]{cursor:not-allowed;opacity:.45;background:var(--canvas);transform:none}.auth-methods{flex-wrap:wrap;gap:4px;margin:12px 0;display:flex}.auth-methods [aria-pressed=true]{background:var(--soft);color:var(--accent);font-weight:650}.release-notes{gap:14px;line-height:1.7;display:grid}.release-notes ul{margin:0;padding-left:20px}.release-notes li+li{margin-top:8px}.release-trigger{white-space:nowrap;font-size:11px}.revision-input select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:8px;margin:6px 0 12px;padding:10px}.upload-error{text-align:left;overflow-wrap:anywhere;color:#a64437;border:1px solid #f1d7d0;border-radius:7px;flex-direction:column;align-items:flex-start;gap:4px;margin-top:10px;padding:10px;font-size:11px;line-height:1.6;display:flex}.upload-error strong,.upload-error span{max-width:100%}.upload-error .text-button{min-height:44px}.upload-error>span{align-self:stretch;max-height:140px;overflow:auto}@media (width<=650px){.auth-form input,.editor input,.editor select,.editor textarea,.history-page .search input,.dialog .field input{font-size:16px}}.site-filing{text-align:center;color:#687080;padding:2px 16px;font-size:12px}.site-filing a{min-height:44px;color:inherit;align-items:center;text-decoration:none;display:inline-flex}.site-filing a:hover{text-decoration:underline}@media (width<=480px){.release-trigger{display:none}}