@charset "UTF-8";
:root{--bg:#f6f7f9;--ink:#222737;--muted:#8a90a0;--line:#e8ebf0;--accent:#5965dc;--accent-soft:#eef0ff;--dark:#202537;--radius:15px}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #afb8ff;outline-offset:3px}input,select,textarea{width:100%;border:1px solid #dfe3eb;border-radius:9px;padding:11px 12px;background:#fff;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;font-family:Consolas,monospace;font-size:12px}label{display:block;font-size:12px;color:#667086;margin:15px 0}label input,label select,label textarea{display:block;margin-top:7px}h1,h2,h3,p{margin-top:0}h1{font-size:29px;font-weight:650;letter-spacing:-1px;line-height:1.45;margin-bottom:7px}h2{font-size:15px;font-weight:650;margin:0}h3{font-size:14px}p{color:#89909f;line-height:1.8;margin-bottom:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.primary,.secondary,.text-button,.icon-button{border:none;border-radius:8px;transition:background .15s,transform .15s}.primary{background:var(--accent);color:white;padding:12px 19px;font-weight:600;box-shadow:0 4px 9px #5965dc1c}.primary:hover{background:#4651c8}.secondary{background:#fff;border:1px solid #dfe3ec;padding:10px 16px;color:#596277}.secondary:hover{background:#f6f7ff;border-color:#b9c0e7}.text-button{padding:6px 2px;color:var(--accent);background:transparent;font-size:12px}.icon-button{background:#f4f5f8;font-size:23px;width:32px;height:32px;line-height:28px;color:#8890a0}.small{font-size:12px;padding:7px 10px}.full{width:100%;margin-top:12px}.push{margin-left:auto}.hint{font-size:11px;color:#9096a5;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:2px;color:#8a91a4;font-weight:650;margin-bottom:11px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#7984f2;color:#fff;font-size:24px;font-weight:800;font-family:Georgia,serif;flex-shrink:0}.sidebar{position:fixed;left:0;top:0;bottom:0;width:218px;background:var(--dark);color:#d9deec;padding:28px 19px;z-index:10;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:650;padding-left:7px;letter-spacing:1px}.brand small{display:block;font-size:8px;color:#8991ad;letter-spacing:2px;margin-top:4px}.nav-label{font-size:10px;color:#78819d;letter-spacing:1px;margin:48px 16px 13px}nav{display:flex;flex-direction:column;gap:7px}nav button{border:0;background:transparent;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:8px;color:#a1abc3;text-align:left;font-size:13px}nav button>span{font-size:20px;line-height:1;width:20px}nav button.active{color:#fff;background:#3b435f}nav button:hover{background:#30384f}nav b{margin-left:auto;background:#4d5773;padding:2px 6px;border-radius:5px;font-size:10px;font-weight:500}.sidebar-bottom{margin-top:auto}.engine-status{border:1px solid #384059;border-radius:9px;padding:13px;font-size:11px;color:#c8cfe1;margin-bottom:22px}.engine-status i,.online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6bb8a2;margin-right:7px}.engine-status small{display:block;color:#7f89a4;margin:7px 0 0 14px;font-size:10px}.profile{display:flex;align-items:center;gap:10px;padding-top:18px;border-top:1px solid #333c52}.profile>span{width:33px;height:33px;background:#444e6b;color:#dbe0ff;border-radius:50%;display:grid;place-items:center;font-size:12px}.profile strong{font-size:12px}.profile small{display:block;color:#8994af;margin-top:4px;font-size:10px}.profile button{margin-left:auto;color:#98a2bd;border:0;background:transparent;font-size:19px}.shell{margin-left:218px}.topbar{height:73px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 35px;font-size:12px}.muted{color:#9299a8}.slash{color:#c4c9d3;padding:0 13px}.top-meta{display:flex;gap:23px;align-items:center;color:#9299a7;font-size:10px}.version{padding:5px 8px;background:#f3f4f8;border-radius:5px}.online{color:#71847c}main{max-width:1580px;margin:auto;padding:31px 34px 45px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-heading p{font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:23px}.steps{display:flex;flex-direction:column;gap:19px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px}.panel-title{display:flex;align-items:center;gap:9px;margin-bottom:19px;flex-wrap:wrap}.step{font-size:10px;color:#737dde;background:var(--accent-soft);border-radius:6px;padding:5px 6px;font-weight:700}.tag{font-size:10px;padding:4px 7px;background:#f5f6fa;color:#8991a4;border-radius:5px;margin-left:auto}.selected-label{font-size:10px;color:#8a92a1}.template-step select{font-weight:600;background:#fbfcfe}.template-step .hint{margin-top:9px}.search-row{display:flex;align-items:center;gap:15px;margin-bottom:17px}.search-row input{background:#f8f9fb;border-color:#f0f1f5;padding:9px 12px;font-size:12px;max-width:290px}.search-row .hint{margin-left:auto;white-space:nowrap}.pattern-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;max-height:455px;overflow:auto;padding:2px}.asset-card{position:relative;min-width:0;border:1px solid #e9ecf1;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;transition:border-color .15s,box-shadow .15s}.asset-card:hover{border-color:#a7b0ef}.asset-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.asset-card .check{position:absolute;right:8px;top:8px;width:17px;height:17px;background:#fff;border:1px solid #d7dce8;border-radius:5px;z-index:1;color:transparent;font-size:11px;text-align:center;line-height:16px}.asset-card.selected .check{background:var(--accent);color:#fff;border-color:var(--accent)}.asset-card img{width:100%;height:115px;object-fit:contain;padding:9px;background:#f4f1ed;display:block}.asset-card .asset-name{padding:9px 8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6d7587}.camera-grid{display:flex;gap:12px;flex-wrap:wrap}.camera-grid .asset-card{width:126px}.camera-grid img{height:100px;background:#f5f7fa}.color-grid{display:flex;gap:10px;flex-wrap:wrap}.color-choice{display:flex;align-items:center;gap:8px;border:1px solid #e7eaf0;border-radius:7px;padding:8px 11px;font-size:11px;cursor:pointer;background:#fff}.color-choice.active{background:#f5f5ff;border-color:#969fe9;color:#505ac0}.swatch{display:inline-block;width:15px;height:15px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #0000000c;flex-shrink:0}.preview-column{display:flex;flex-direction:column;gap:18px;align-self:start;position:sticky;top:20px}.preview-panel{padding:18px}.preview-image{aspect-ratio:1;border-radius:9px;background:#f5f5f8;overflow:hidden;display:grid;place-items:center;border:1px solid #edeef4}.preview-image img{width:100%;height:100%;object-fit:contain;cursor:zoom-in}.empty-preview{text-align:center;color:#a3aabd}.empty-preview>span{font-size:38px;display:block;margin-bottom:15px;color:#bac1d5}.empty-preview strong{font-weight:500;font-size:12px}.empty-preview p{font-size:10px;margin-top:9px}.preview-selects{margin-top:15px}.preview-selects select{font-size:11px;padding:8px}.preview-selects>div{display:flex;gap:8px;margin-top:7px}.preview-panel>.hint{margin-top:9px}.output-panel{padding:19px}.output-panel label{font-size:11px}.output-panel input,.output-panel select{font-size:12px}.folder-example{font-size:10px;color:#8a92a2;background:#f8f9fb;padding:11px;border-radius:7px;margin:17px 0}.total-line{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px dashed var(--line);font-size:12px;color:#7c8598}.total-line strong{font-size:30px;color:var(--accent);font-weight:650}.total-line small{font-size:11px;font-weight:400;color:#8b93a4}.equation{font-size:10px;color:#969fb0;text-align:right;margin:4px 0 7px}.output-panel>.hint{text-align:center;margin-top:9px}footer{border-top:1px solid var(--line);padding:19px 34px;font-size:10px;color:#949bac}footer span{float:right;color:#abb1bd}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:25px}.tabs button{padding:10px 0 14px;border:0;border-bottom:2px solid transparent;background:none;color:#929aaa}.tabs button.active{border-color:var(--accent);color:var(--accent)}.library-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.library-grid .asset-card img{height:185px}.library-grid .asset-name{font-size:12px;padding:13px}.library-grid .asset-card{cursor:default}.library-grid .asset-card button{margin:0 10px 12px;width:calc(100% - 20px)}.notice{font-size:12px;padding:14px 17px;background:#f0f2ff;border:1px solid #e0e4fb;color:#747eaa;border-radius:9px;margin-bottom:23px;line-height:1.8}.templates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.template-card{overflow:hidden;padding:0}.template-card>img{width:100%;height:260px;object-fit:cover;object-position:top}.template-card>div{padding:19px}.template-card p{font-size:11px;margin:9px 0 15px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;color:#8992a3;font-size:12px}.stat strong{display:block;font-size:29px;color:var(--ink);margin-top:8px}.job-table{padding:0;overflow:hidden}.table-head,.job-row{display:grid;grid-template-columns:2fr .7fr 1.3fr .8fr 1.25fr;gap:15px;align-items:center;padding:17px 20px}.table-head{background:#fafbfc;font-size:10px;color:#929aaa}.job-row{border-top:1px solid var(--line);font-size:12px}.job-row strong{display:block;font-size:12px;margin-bottom:7px}.job-row small{color:#a0a7b4;font-size:10px}.job-actions{display:flex;gap:8px;flex-wrap:wrap}.job-actions button,.job-actions a{font-size:10px;padding:6px 8px}.status{font-size:10px;border-radius:5px;padding:5px 8px;display:inline-block;background:#f2f3f7;color:#8a94a5}.status.complete{background:#eaf6ef;color:#59917b}.status.running,.status.queued{background:#eef0ff;color:#6b76cd}.status.failed,.status.partial{background:#fff0e7;color:#c68759}.progress{height:5px;background:#eff1f6;border-radius:8px;margin-top:7px;overflow:hidden}.progress>i{height:100%;display:block;background:#7b87e7;border-radius:8px}.empty-state{padding:50px;text-align:center;color:#99a1b0;grid-column:1/-1;font-size:13px}.team-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.user-row{padding:15px 2px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:13px}.user-row:last-child{border:0}dialog{border:1px solid #e4e7f0;border-radius:16px;box-shadow:0 25px 100px #18244333;padding:25px;max-width:480px;width:calc(100% - 36px);max-height:90vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#141d3966;backdrop-filter:blur(3px)}.wide-dialog{max-width:940px}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head p{margin-top:7px}.dropzone{border:1px dashed #b9c1e1;border-radius:10px;text-align:center;padding:25px 16px;background:#f8f9ff;color:#7882ac}.dropzone input{font-size:11px;border:0;background:transparent;padding-top:18px}.check-label{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.8}.check-label input{width:15px;margin:0;accent-color:var(--accent)}.editor-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:25px}.canvas-wrap{background:repeating-conic-gradient(#e8eaf0 0% 25%,#f7f8fb 0% 50%) 50%/18px 18px;border-radius:9px;overflow:hidden;max-height:480px;display:flex;justify-content:center}.canvas-wrap canvas{max-width:100%;max-height:480px;object-fit:contain;touch-action:none;cursor:crosshair}.brush-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.brush-controls button{font-size:11px;padding:7px 10px}.brush-controls button.active{background:var(--accent-soft);border-color:#abb3ee;color:var(--accent)}.brush-controls label{display:flex;align-items:center;gap:5px;margin:0;font-size:10px}.brush-controls input{width:90px;margin:0}.color-editor-row{display:grid;grid-template-columns:85px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:18px 0}.color-editor-row>img{width:85px;border-radius:8px}.color-editor-fields{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:end}.color-editor-fields label{margin:0}.color-editor-fields input[type=color]{height:40px;padding:4px}.color-editor-fields button{height:40px}.color-editor-row textarea{margin-top:9px;max-width:100%}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.result-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;font-size:10px;word-break:break-all}.result-card img{display:block;width:100%}.result-card>div{padding:12px}.result-card a{display:inline-block;color:var(--accent);margin-top:8px}.result-card .form-error{padding:15px}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.auth-intro{background:#22283c;color:#fff;padding:10vh 9vw;display:flex;flex-direction:column;justify-content:center}.auth-intro .brand-mark{margin-bottom:40px;width:48px;height:48px;font-size:31px}.auth-intro h1{font-size:39px;line-height:1.65;letter-spacing:0}.auth-intro p{color:#929db6;font-size:14px;margin-top:13px}.auth-intro .eyebrow{color:#7e8cad}.auth-swatches{display:flex;gap:11px;margin:35px 0 55px}.auth-swatches i{width:38px;height:58px;border-radius:9px;transform:rotate(-10deg);background:var(--sw)}.auth-intro small{color:#72809e;font-size:10px}.auth-form{width:310px;margin:auto}.auth-form h2{font-size:25px;margin-bottom:13px}.auth-form p{font-size:12px;margin-bottom:25px}.auth-form button{width:100%;margin-top:20px}.form-error{color:#bd6262!important;font-size:12px;line-height:1.8}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;background:#283149;color:#fff;border-radius:10px;box-shadow:0 8px 30px #1a234a25;padding:14px 23px;max-width:80vw;font-size:12px;transition:.2s;white-space:pre-wrap}#toast.show{opacity:1;transform:translate(-50%,0)}.loading{opacity:.5;pointer-events:none}
@media(min-width:1550px){.pattern-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.asset-card img{height:130px}}@media(max-width:1150px){.sidebar{width:185px;padding:25px 13px}.shell{margin-left:185px}main{padding:25px 22px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:17px}.panel{padding:17px}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(4,1fr)}.topbar{padding:0 23px}.page-heading h1{font-size:25px}.top-meta .version{display:none}.search-row .hint{display:none}}@media(max-width:850px){.sidebar{width:70px;padding:20px 10px}.brand{padding:0;justify-content:center}.brand>span:last-child,.nav-label,.sidebar-bottom,.sidebar nav b{display:none}nav{margin-top:35px}nav button{font-size:0;padding:14px 12px}nav button>span{font-size:23px}.shell{margin-left:70px}.workspace{grid-template-columns:1fr}.preview-column{position:static;display:grid;grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:repeat(3,1fr)}.templates-grid{grid-template-columns:repeat(2,1fr)}.team-layout{grid-template-columns:1fr}.job-row,.table-head{grid-template-columns:1.6fr 1fr 1fr 1fr}.job-row>div:nth-child(2),.table-head>span:nth-child(2){display:none}.editor-layout{grid-template-columns:1fr}.color-editor-fields{grid-template-columns:1fr 1fr}.auth-intro{padding:7vw}.auth-intro h1{font-size:29px}.auth-form{width:80%}}@media(max-width:570px){.shell{margin-left:0}.sidebar{position:static;width:auto;height:65px;padding:10px 14px;flex-direction:row;align-items:center;justify-content:space-between}.brand{display:none}nav{flex-direction:row;margin:0;width:100%;justify-content:space-between;gap:0}nav button{padding:10px 16px}main{padding:20px 14px}.topbar{height:48px;padding:0 15px;font-size:10px}.top-meta{display:none}.page-heading{align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-heading>button{font-size:10px;padding:8px}.eyebrow{font-size:9px}.preview-column{grid-template-columns:1fr}.pattern-grid{grid-template-columns:repeat(3,1fr)}.library-grid{grid-template-columns:repeat(2,1fr)}.templates-grid{grid-template-columns:1fr}.panel-title .hint{display:none}.asset-card img{height:108px}.table-head{display:none}.job-row{grid-template-columns:1fr 1fr}.stats-row{gap:8px}.stat{padding:13px;font-size:10px}.results-grid{grid-template-columns:repeat(2,1fr)}footer{padding:15px}footer span{display:none}.auth-screen{grid-template-columns:1fr}.auth-intro{display:none}.auth-form{padding:40px 0;max-width:330px}.color-editor-row{grid-template-columns:1fr}.color-editor-row>img{display:none}}

.placement-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}details{margin:17px 0;color:#8b93a5;font-size:11px}summary{cursor:pointer;padding:8px 0}.status.cancelling{background:#fff3e4;color:#b18a51}
.library-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.library-toolbar>input{max-width:320px}.library-toolbar>select{width:auto;min-width:150px}.pattern-entry{padding:12px}.pattern-pick{display:flex;align-items:center;gap:6px;margin:0}.pattern-pick input{width:auto}.pattern-entry-actions{display:flex;justify-content:center;gap:8px;align-items:center;margin-top:10px}.pattern-entry .hint{overflow-wrap:anywhere}.pattern-entry.selected{outline:2px solid var(--accent)}
.hero-canvas-wrap{background:#eff1f6;border:1px dashed #b8bfd6;border-radius:12px;overflow:auto;max-height:700px}#hero-canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair}.hero-reference-list{display:flex;gap:10px;flex-wrap:wrap}.hero-reference-list img{width:90px;height:110px;object-fit:contain;border:1px solid #ddd;border-radius:8px}.hero-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-compare figure{margin:12px 0}.hero-compare img{width:100%;max-height:540px;object-fit:contain;background:#f5f6fa;border-radius:12px}.hero-compare figcaption{text-align:center;color:#6c7287}.hero-compare+ .hint{margin-bottom:14px}#page-hero details{margin:12px 0}#page-hero summary{cursor:pointer;font-weight:600}#page-hero textarea{width:100%;box-sizing:border-box}#page-hero .library-toolbar label{flex:1;min-width:110px}


.commerce-record{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0}.commerce-plan{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.commerce-plan article{padding:16px;background:#f6f7fb;border-radius:12px}#commerce-dialog{width:min(1100px,94vw);max-height:90vh}#commerce-detail .results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}#commerce-detail img{width:100%;height:300px;object-fit:contain}#commerce-detail textarea{width:100%}#studio-config-form{max-width:700px}@media(max-width:650px){.commerce-record{align-items:flex-start;flex-direction:column}}

.nav-label{display:none}.nav-group{font-size:10px;color:#8995b4;letter-spacing:1px;margin:17px 15px 4px}nav{gap:2px}nav button{padding-top:10px;padding-bottom:10px}.sidebar{overflow-y:auto}.sidebar-bottom{margin-top:auto;padding-top:18px}.page p{color:#697386}.hint{color:#758096}.commerce-record p{overflow-wrap:anywhere}#commerce-detail a{color:#4b58be}#page-commerce textarea{font-family:inherit;font-size:13px}
@media(max-width:850px){.nav-group{display:none}nav button{padding:12px}.sidebar nav button{min-width:45px}}
@media(max-width:570px){.sidebar{overflow-y:visible}.sidebar nav{overflow-x:auto;justify-content:flex-start;gap:6px}.sidebar nav button{flex:0 0 44px;padding:9px}.sidebar nav button>span{font-size:22px}.commerce-record{max-width:100%}.team-layout{min-width:0}.panel{min-width:0}.hero-reference-list{max-width:100%}}