:root{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#24382e;background:#f5f7f3;font-synthesis:none;--green:#16694f;--mint:#eaf3e8;--muted:#8a958d;--border:#e6ebe2;--soft:#f7f9f4}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b4d29a;outline-offset:3px}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}button{display:inline-flex;align-items:center;justify-content:center;gap:7px}input[type=checkbox]{accent-color:var(--green);width:14px;height:14px}input[type=range]{accent-color:var(--green);width:100%;height:4px}input,textarea,select{border:1px solid #e2e7dd;border-radius:7px;background:#fff;color:#35483b}textarea{resize:vertical}input:not([type]),input[type=text],select{padding:9px;width:100%;font-size:12px}input[type=file]{display:none}h1,h2,p{margin:0}.header{height:78px;background:#fff;border-bottom:1px solid var(--border);padding:0 3.3%;display:flex;align-items:center;gap:50px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.brandmark{display:grid;place-items:center;background:var(--green);color:#e4f3a8;width:39px;height:39px;border-radius:12px}.brand strong{font-size:20px;letter-spacing:-.5px}.brand strong span{font-size:14px;font-weight:500;margin-left:14px;padding-left:14px;border-left:1px solid #dbe2d7}.beta{font-size:8px;letter-spacing:1.6px;border:1px solid #e2e7de;background:#f8faf6;color:#97a18e;padding:4px 6px;border-radius:4px}.header nav{display:flex;align-items:center;gap:30px;height:100%;margin-left:24px}.header nav button{height:100%;font-size:13px;position:relative;color:#849080}.header nav .nav-active{color:var(--green);font-weight:600}.nav-active:after{content:"";position:absolute;height:3px;width:30px;background:var(--green);bottom:0;border-radius:3px 3px 0 0}.header nav span{font-size:9px;border-radius:4px;background:#edf3e8;padding:2px 4px}.header>.quiet{margin-left:auto;font-size:12px}.quiet{color:#7c897e;font-size:12px;white-space:nowrap}.quiet:hover{color:var(--green)}main{max-width:1640px;margin:auto;padding:0 42px}.intro{padding:37px 0 29px;display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:#91a187;display:flex;align-items:center;gap:7px;font-weight:500}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#84a76b}.intro h1{font-size:29px;font-weight:600;letter-spacing:1px;margin:12px 0 13px}.intro h1 span{color:var(--green)}.intro p{font-size:12px;letter-spacing:.3px;color:#879280}.intro-badges{display:flex;gap:18px;margin-top:25px}.intro-badges>span{font-size:10px;color:#84927b;display:flex;align-items:center;gap:6px}.intro-badges svg{color:#7c9971}.workspace{display:grid;grid-template-columns:282px minmax(340px,1fr) 342px;gap:16px;align-items:start}.panel{background:#fff;border:1px solid var(--border);border-radius:13px}.control-panel{overflow:hidden}.panel-section{padding:20px 18px;border-bottom:1px solid var(--border)}.panel-section:last-child{border-bottom:0}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:15px}.section-title h2{font-size:12px;font-weight:600;flex:1}.section-title>svg{color:#80937d}.step{font-size:9px;border:1px solid #dce7d4;background:#f0f6e9;color:#73905a;border-radius:5px;padding:3px 4px}.muted{color:var(--muted)}.tiny{font-size:9px}.upload-zone{width:100%;border:1px dashed #cbd9bf;border-radius:9px;background:#f9fbf6;padding:19px 5px 17px;flex-direction:column;gap:8px}.upload-zone:hover{background:#edf5e7;border-color:#7ea46d}.upload-icon{width:38px;height:38px;background:#eaf2e4;border:1px solid #e0ead8;display:grid;place-items:center;border-radius:11px;color:#708e5d;margin-bottom:2px}.upload-zone strong{font-size:12px;font-weight:500}.upload-zone>span:last-child{font-size:10px;color:#9ba48f}.source-file{display:flex;align-items:center;gap:10px;margin-top:13px;padding:9px;background:#fafbf8;border:1px solid #edf0e7;border-radius:8px}.source-file img{height:42px;width:30px;object-fit:cover;border-radius:3px}.source-file>div{flex:1;min-width:0}.source-file strong{font-size:10px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.source-file span{font-size:9px;color:#8f9a88;display:block;margin-top:6px}.source-file i{font-style:normal;font-size:8px;padding:2px 4px;background:#ebf1e4;color:#74905c;border-radius:3px;margin-left:4px}.icon-btn{width:27px;height:27px;border-radius:6px;color:#93a08c;padding:4px}.icon-btn:hover{background:#eef4e7;color:var(--green)}.source-actions{display:flex;justify-content:space-between;padding-top:11px}.source-actions button{font-size:9px;color:#87947e;padding:0}.rules{width:100%;min-height:99px;padding:10px 11px;font-size:11px;line-height:1.9;background:#fcfdf9;outline:none}.rules:focus{border-color:#a1bc8f}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 11px}.chips button{font-size:9px;color:#849578;background:#f8faf4;border:1px solid #e5ebdd;border-radius:5px;padding:4px 6px;gap:3px}.chips button:hover{background:#e8f1df}.rule-note{display:flex;gap:7px;align-items:flex-start;padding:10px 8px;border:1px solid #e8eddc;background:#f8faef;color:#849172;border-radius:7px;margin-bottom:12px}.rule-note svg{margin-top:2px;color:#7b9663}.rule-note p{font-size:9px;line-height:1.8}.rule-note b{font-weight:500;color:#5f7a4c}.outline-button{border:1px solid #d9e3d1;color:#5b7950;padding:8px 11px;border-radius:7px;font-size:10px;background:#fff}.outline-button:hover,.outline-button.selected{background:#f0f6e8;border-color:#b6cfa5}.full{width:100%}.count{font-size:9px;background:#edf3e7;color:#81966b;padding:2px 6px;border-radius:4px}.layer-list{max-height:230px;overflow:auto;padding-right:2px}.layer-row{display:flex;border:1px solid transparent;border-radius:7px;align-items:center;margin-bottom:4px;padding:4px 3px 4px 6px}.layer-row:hover{background:#f6f8f2}.layer-row.active{border-color:#c9dcc0;background:#f2f7ec}.layer-select{flex:1;justify-content:flex-start;min-width:0;gap:7px;text-align:left;padding:2px 0}.layer-select img{width:27px;height:26px;object-fit:contain;background:repeating-conic-gradient(#f5f6f1 0 25%,#ebeee4 0 50%) 50%/9px 9px;border-radius:4px}.layer-select span{flex:1;min-width:0}.layer-select strong{font-size:10px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-select small{font-size:8px;color:#97a08e;display:block;margin-top:4px}.layer-select>svg{color:#8b9d7e}.delete{opacity:.6}.delete:hover{color:#ae5f53;background:#fbefeb}.empty-layers{text-align:center;color:#a7b29b;padding:15px 0 20px}.empty-layers p{font-size:10px;line-height:1.9;margin-top:10px}.save-project{margin-top:12px}.text-button{font-size:10px;color:#7b916e;padding:0;gap:5px}.region-options{background:#f7faf3;padding:9px;border-radius:8px;border:1px solid #e4ebdd;margin-bottom:12px}.region-options label{font-size:10px;color:#809373;display:flex;align-items:center;gap:8px;margin:10px 0}.region-options select{flex:1;padding:6px}.region-options input{font-size:10px;padding:8px;min-width:0}.inline-actions{display:flex;justify-content:space-between;margin-top:9px}.inline-actions button{font-size:9px;color:var(--green);padding:0}.layer-controls{background:#f7faf3;border:1px solid #e7eddf;border-radius:7px;padding:10px;margin-top:12px}.layer-controls label{display:flex;align-items:center;font-size:10px;justify-content:space-between;margin-bottom:12px;color:#7d8b74}.layer-controls .check-line{justify-content:flex-start;gap:7px;margin:0 0 10px}.layer-controls>.text-button{margin-top:12px}.preview-panel{overflow:hidden;position:sticky;top:15px}.preview-toolbar{height:57px;border-bottom:1px solid var(--border);padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:8px}.segmented{display:flex;background:#f3f6ed;border:1px solid #ebefe3;border-radius:7px;padding:3px;gap:2px}.segmented button{font-size:10px;color:#91a083;border-radius:5px;padding:7px 9px;gap:5px;white-space:nowrap}.segmented button.active{background:#fff;box-shadow:0 1px 5px #25431b0d;color:#547b42}.preview-toolbar>.tiny{display:flex;align-items:center;gap:5px;white-space:nowrap}.canvas-stage{padding:0 30px 18px;background-color:#f1f3ee;background-image:radial-gradient(#cfd8c754 .7px,transparent .7px);background-size:10px 10px;min-height:650px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.canvas-topline{font-size:9px;color:#9ba692;padding:15px 0 17px;text-align:center}.canvas-shell{width:100%;max-height:660px;box-shadow:0 8px 28px #344d291a;line-height:0;position:relative}.canvas-shell canvas{display:block;width:100%;height:100%;touch-action:none;cursor:move}.canvas-shell.selecting canvas{cursor:crosshair}.preview-size{font-size:9px;color:#89947f;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px}.green-dot{width:4px;height:4px;background:#91ad74;border-radius:50%}.size-separator{margin:0 3px;color:#c3cab9}.preview-bottom{height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.preview-bottom>div:first-child{display:flex;flex-direction:column;gap:5px}.preview-bottom strong{font-size:11px;font-weight:500}.preview-bottom span{font-size:9px;color:#9aa58e}.preview-actions{display:flex;align-items:center;gap:6px}.preview-actions .outline-button{background:#f6faef;padding:8px;font-size:9px}.canvas-hint{font-size:10px;color:#6a8d53;display:flex;align-items:center;gap:6px;margin-top:12px}.loading{position:absolute;inset:0;background:#f5f7f2e8;z-index:3;display:flex;align-items:center;justify-content:center;gap:10px;color:#7c9171;font-size:12px}.template-panel{padding:20px 17px 16px}.template-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.template-heading>div{display:flex;align-items:center;gap:8px}.template-heading svg{color:#678657}.template-heading h2{font-size:13px;font-weight:500}.template-total{font-size:10px;color:#8b9d7b;border:1px solid #e3eadb;background:#f7faf2;border-radius:4px;padding:3px 5px}.template-tabs{display:flex;border-bottom:1px solid var(--border);gap:25px}.template-tabs button{font-size:11px;color:#9aa68d;padding:0 0 13px;position:relative}.template-tabs button.active{color:var(--green)}.template-tabs button.active:after{position:absolute;bottom:-1px;height:2px;width:100%;background:#3c805a;content:""}.template-tabs span{font-size:9px;background:#f0f4e9;padding:2px 4px;border-radius:3px;color:#849775}.family-filter{display:flex;gap:6px;flex-wrap:wrap;padding:14px 0}.family-filter button{font-size:9px;padding:5px 7px;border-radius:5px;color:#8d9b80}.family-filter button.active{background:#eaf2e0;color:#587c40}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 9px;max-height:635px;overflow:auto;padding:3px 2px 6px}.style-card{display:flex;flex-direction:column;gap:7px;text-align:left;min-width:0;padding:0}.style-mini{height:81px;width:100%;border-radius:7px;overflow:hidden;position:relative;border:2px solid transparent}.style-card.active .style-mini{border-color:#277656;box-shadow:0 0 0 2px #fff inset}.style-card:hover .style-mini{box-shadow:0 2px 7px #203b1d15}.style-name{display:flex;align-items:center;justify-content:space-between;gap:2px;width:100%;font-size:9px;color:#829172;white-space:nowrap}.style-card.active .style-name{color:#326d42}.style-name i{font-size:7px;color:#8aa06b;background:#f3f7e9;padding:2px;font-style:normal;border-radius:3px}.mini-orb{position:absolute;width:75px;height:75px;border-radius:50%;background:var(--soft);bottom:-35px;left:-18px}.mini-lines{position:absolute;width:52px;height:52px;border:1px solid var(--accent);border-radius:50%;right:-15px;top:26px;opacity:.4}.mini-paper{position:absolute;left:20px;top:18px;width:43px;height:41px;border-radius:3px;background:#fff9;transform:rotate(-8deg);box-shadow:0 4px 8px #223b1c05}.mini-paper:after{content:"";position:absolute;left:8px;top:10px;width:25px;height:4px;background:var(--accent);opacity:.6;box-shadow:0 8px 0 var(--soft),0 16px 0 var(--soft)}.mini-number{position:absolute;left:6px;bottom:5px;font-size:7px;color:var(--accent);opacity:.5}.mini-check{position:absolute;right:4px;top:4px;background:#20714f;color:#fff;display:grid;place-items:center;width:16px;height:16px;border-radius:50%}.pattern-bubble .mini-orb{left:-8px;bottom:8px;width:30px;height:30px;box-shadow:45px -35px 0 var(--soft)}.pattern-bubble .mini-paper{border-radius:10px;box-shadow:3px 5px 10px #203b1c12;transform:none}.pattern-paper,.pattern-collage,.pattern-weave{background-image:repeating-linear-gradient(30deg,transparent,transparent 3px,#00000004 3px,#00000004 4px)!important}.pattern-paper .mini-paper,.pattern-collage .mini-paper{border-radius:0;transform:rotate(7deg)}.pattern-tech .mini-lines,.pattern-orbit .mini-lines,.pattern-glass .mini-lines{width:100px;height:100px;top:10px;right:-20px;box-shadow:0 0 0 7px var(--soft)}.pattern-mountain .mini-orb,.pattern-bamboo .mini-orb{width:120px;height:45px;left:-20px;bottom:-13px;transform:rotate(-15deg);border-radius:50% 50% 0 0}.pattern-pop .mini-orb{left:-15px;background:var(--accent)}.pattern-pop .mini-lines,.pattern-geometry .mini-lines{border-radius:0;background:var(--soft);border:0;transform:rotate(-14deg);right:-10px}.tone-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);margin-top:15px;padding-top:15px}.tone-row>span{font-size:10px;color:#839575;display:flex;align-items:center;gap:6px}.tone-row>div{display:flex;gap:3px}.tone-row button{font-size:9px;color:#99a58f;padding:5px 8px;border-radius:4px}.tone-row button.active{background:#edf4e4;color:#577e40}.add-style{font-size:9px;margin-top:14px;padding:10px 4px}.layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.layout-card{position:relative;display:flex;flex-direction:column;gap:5px;padding:12px 6px;border:1px solid #e7eddf;border-radius:7px;background:#fcfdf9}.layout-card.active{border-color:#7ca768;background:#f0f6e8}.layout-card>svg{position:absolute;right:6px;top:6px;color:#548343}.layout-card strong{font-size:10px;font-weight:500}.layout-card small{font-size:8px;color:#9aa68c}.layout-wire{width:35px;height:48px;position:relative;border:1px solid #d5dfc8;background:#eef4e5;border-radius:3px;margin-bottom:3px}.layout-wire i{display:block;position:absolute;height:3px;left:5px;right:5px;top:8px;background:#a6bc8d;border-radius:1px}.layout-wire i:nth-child(2){top:15px}.layout-wire i:nth-child(3){top:22px}.layout-wire b{position:absolute;left:12px;top:29px;width:15px;height:17px;background:#ccdab9;border-radius:3px}.wire-1 i:first-child,.wire-5 i:first-child{height:7px}.wire-2 i:nth-child(2){top:18px;height:8px;left:10px;right:10px}.wire-3 i:nth-child(2),.wire-4 i:nth-child(2),.wire-7 i:nth-child(2){width:8px;left:4px;top:20px;height:16px}.wire-3 i:nth-child(3),.wire-7 i:nth-child(3){left:17px;top:20px;width:13px;height:12px}.wire-4 b{left:18px;top:21px;height:25px}.wire-6 i:nth-child(2){top:22px}.batch-section{margin-top:23px;padding:25px 25px 0;overflow:hidden}.batch-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.batch-heading h2{font-size:20px;font-weight:500;letter-spacing:.7px;margin-top:11px}.batch-heading h2>span{font-size:10px;color:#758d61;background:#edf4e4;padding:5px 8px;border:1px solid #e3eddb;border-radius:5px;margin-left:12px;vertical-align:middle;letter-spacing:0;font-weight:400}.batch-heading p{font-size:10px;color:#93a087;margin-top:10px}.batch-tools{display:flex;align-items:center;gap:20px}.primary{background:#16694f;color:#fff;border:1px solid #16694f;border-radius:7px;padding:12px 16px;font-size:11px;box-shadow:0 3px 7px #316c3a0d}.primary:hover{background:#0f5941}.primary svg:last-child{margin-left:6px}.batch-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:13px;margin:24px 0}.batch-card{border:1px solid #e4ebdc;border-radius:8px;overflow:hidden;position:relative}.batch-card.active{border-color:#88ad74}.batch-preview{display:block;width:100%;height:155px;background:#f4f7ef;padding:9px;overflow:hidden}.batch-preview canvas{display:block;object-fit:contain;max-width:100%;height:100%;width:auto;margin:auto;box-shadow:0 2px 6px #253b2012}.batch-preview>div{height:100%;width:100%;display:flex;align-items:center;justify-content:center;color:#7e9970}.batch-info{padding:9px 10px;position:relative}.batch-info strong{font-size:10px;font-weight:500;display:block;color:#6c825d;white-space:nowrap}.batch-info span{font-size:8px;color:#a1ac95;display:block;margin-top:5px}.batch-info .icon-btn{position:absolute;right:3px;bottom:5px;width:20px;height:20px;opacity:.5}.batch-card:hover .icon-btn{opacity:1}.batch-footer{display:flex;align-items:center;gap:23px;border-top:1px solid #edf1e6;padding:15px 0}.batch-footer>span{font-size:9px;display:flex;align-items:center;gap:6px;color:#9aa88e}.batch-footer>button{margin-left:auto;font-size:10px;color:#6c875a}.show-more{font-size:10px;color:#8ca17c;display:flex;margin:0 auto 20px;gap:5px}.progress-row{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:11px;color:#85967b}.progress-track{flex:1;height:5px;background:#e7efdd;border-radius:5px;overflow:hidden}.progress-track i{display:block;height:100%;background:#59946b;transition:width .2s}.progress-row button{font-size:10px;color:#926e54}.failure-row{padding:10px;color:#a66c55;font-size:11px}.failure-row button{margin-left:12px;text-decoration:underline}.empty-batch{padding:35px;text-align:center;color:#93a581}.empty-batch p{font-size:12px;margin-top:15px}.footer{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#a4ad99;padding:25px 0 30px}.footer-brand{display:flex;align-items:center;gap:6px;color:#8f9c82}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%);z-index:100;background:#173f31;color:#f2f7ea;padding:14px 22px;box-shadow:0 7px 28px #103c3028;border-radius:10px;font-size:12px;display:flex;align-items:center;gap:10px;max-width:90vw;line-height:1.6}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{position:fixed;inset:0;z-index:90;background:#122e2460;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px}.help-modal{background:#fffdf7;border:1px solid #e0e7d7;box-shadow:0 25px 90px #12312333;width:530px;max-height:90vh;overflow:auto;padding:35px;border-radius:18px;position:relative}.close-modal{position:absolute;right:16px;top:16px}.modal-icon{display:grid;place-items:center;width:48px;height:48px;color:#649052;background:#eaf3df;border-radius:14px;margin-bottom:20px}.help-modal h2{font-size:22px;font-weight:500}.help-modal ol{padding-left:21px;margin:25px 0}.help-modal li{padding-left:5px;margin-bottom:20px;font-size:12px;color:#61834c}.help-modal strong{font-weight:500;color:#3f5b38}.help-modal p{color:#93a087;font-size:11px;line-height:1.9;margin-top:7px}@media(min-width:1500px){.workspace{grid-template-columns:300px minmax(400px,1fr) 370px}.style-mini{height:91px}.canvas-shell{max-width:390px!important}.canvas-stage{padding-left:50px;padding-right:50px}}@media(max-width:1250px){main{padding:0 24px}.workspace{grid-template-columns:260px minmax(310px,1fr) 285px;gap:12px}.header{gap:15px;padding:0 25px}.beta{display:none}.header nav{gap:20px;margin-left:0}.intro-badges{gap:10px}.intro-badges>span{font-size:9px}.intro h1{font-size:26px}.template-panel{padding:18px 12px}.style-grid{gap:12px 7px}.style-mini{height:69px}.style-name{font-size:8px}.style-name i{display:none}.preview-toolbar{padding:0 10px}.preview-toolbar>.tiny{display:none}.canvas-stage{padding-left:22px;padding-right:22px}.batch-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.batch-tools{gap:10px}.batch-heading h2{font-size:18px}.batch-heading h2>span{margin-left:7px}.batch-section{padding:22px 18px 0}}@media(max-width:1030px){.workspace{grid-template-columns:255px 1fr}.template-panel{grid-column:1/-1}.style-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-height:none}.style-mini{height:83px}.style-name{font-size:10px}.template-tabs{justify-content:flex-start;gap:35px}.layout-grid{grid-template-columns:repeat(4,1fr)}.intro{align-items:flex-start}.intro-badges{display:none}.batch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.batch-preview{height:170px}.preview-panel{position:relative;top:auto}.canvas-shell{max-width:310px!important}.canvas-stage{min-height:650px}}@media(max-width:650px){.header{height:65px;padding:0 17px}.brandmark{width:34px;height:34px;border-radius:10px}.brand strong{font-size:19px}.brand strong span{font-size:12px;padding-left:10px;margin-left:10px}.header nav{display:none}.header>.quiet{font-size:10px}.header>.quiet svg{width:14px}main{padding:0 14px}.intro{padding:28px 3px 23px}.intro h1{font-size:24px;letter-spacing:0;line-height:1.5;margin:9px 0}.intro p{font-size:10px;line-height:1.8;max-width:320px}.eyebrow{font-size:8px;letter-spacing:1.3px}.workspace{display:flex;flex-direction:column;gap:14px}.control-panel{width:100%}.panel-section{padding:18px}.layers-section{max-height:470px;overflow:auto}.layer-list{max-height:190px}.source-file strong{max-width:none}.source-actions button{font-size:10px}.rules{min-height:80px;font-size:12px}.rule-note p,.chips button{font-size:10px}.preview-panel{width:100%;order:0}.preview-toolbar{padding:0 15px}.canvas-stage{padding:0 25px 20px;min-height:0}.canvas-shell{max-width:330px!important}.preview-bottom{padding:0 14px}.template-panel{width:100%;padding:20px 15px}.style-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 9px;max-height:470px}.style-mini{height:84px}.style-name{font-size:9px}.family-filter{gap:3px}.family-filter button{font-size:10px;padding:6px}.template-heading h2{font-size:14px}.template-tabs button{font-size:12px}.layout-grid{grid-template-columns:repeat(2,1fr)}.batch-section{padding:22px 14px 0}.batch-heading{align-items:flex-start;flex-direction:column;gap:18px}.batch-heading h2{font-size:20px}.batch-tools{width:100%;justify-content:space-between}.batch-tools .primary{padding:12px;font-size:11px}.batch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}.batch-preview{height:150px;padding:7px}.batch-info{padding:8px 7px}.batch-info strong{font-size:9px}.batch-footer{flex-wrap:wrap;gap:12px}.batch-footer>button{width:100%;margin:5px 0;justify-content:flex-start}.footer{font-size:8px;gap:12px;flex-wrap:wrap;line-height:1.5;padding:22px 2px}.footer>span:nth-child(2){display:none}.help-modal{padding:25px}.help-modal h2{font-size:20px}.toast{font-size:11px;width:max-content;max-width:92vw;padding:12px 16px}.canvas-topline{font-size:9px}.source-file{padding:9px 12px}.panel-section .section-title h2{font-size:13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}