@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap);
:root{--ink:#17211c;--muted:#69736d;--line:#dde3de;--bg:#f3f5f2;--paper:#fff;--green:#147a52;--green-dark:#0c5b3c;--green-soft:#e0f1e8;--blue:#2563eb;--orange:#dc6b2f;--danger:#c24141;--shadow:0 8px 30px rgba(31,50,39,.08)}*{box-sizing:border-box}#app,body,html{background:var(--bg);color:var(--ink);font-family:Inter,Noto Sans SC,sans-serif;margin:0;min-height:100%}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{background:#14221b;color:#edf5f0;display:flex;flex-direction:column;inset:0 auto 0 0;padding:24px 16px 18px;position:fixed;width:232px;z-index:20}.side-brand{align-items:center;display:flex;gap:12px;padding:0 8px 28px}.side-brand>div{display:grid;gap:3px}.side-brand strong{font-size:15px}.side-brand small{color:#94a89d;font-size:11px}.brand-mark{background:#e6ffef;border-radius:7px;box-shadow:inset 0 0 0 1px rgba(20,122,82,.25);color:#0a6742;display:inline-grid;font-weight:800;height:34px;place-items:center;width:34px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{align-items:center;background:transparent;border:0;border-radius:6px;color:#9fb1a7;display:flex;gap:12px;height:42px;padding:0 12px;text-align:left}.sidebar nav button.active,.sidebar nav button:hover{background:#21372c;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 #65c995}.side-user{align-items:center;border-top:1px solid #2d4037;display:grid;gap:9px;grid-template-columns:34px 1fr auto;margin-top:auto;padding:17px 5px 0}.side-user .avatar{background:#db8c55;border-radius:50%;color:#fff;display:grid;font-weight:700;height:34px;place-items:center;width:34px}.side-user>div:nth-child(2){display:grid;min-width:0}.side-user strong{font-size:12px}.side-user small,.side-user strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user small{color:#8fa097;font-size:10px}.side-user form button{background:none;border:0;color:#8fa097;padding:6px}.main{margin-left:232px;min-height:100vh}.topbar{align-items:center;backdrop-filter:blur(14px);background:hsla(0,0%,100%,.72);border-bottom:1px solid var(--line);display:flex;height:102px;justify-content:space-between;padding:22px 32px;position:sticky;top:0;z-index:10}.topbar h1{font-size:23px;letter-spacing:0;margin:3px 0 0}.eyebrow{color:var(--green);font-size:10px;font-weight:700;letter-spacing:.12em!important;margin:0;text-transform:uppercase}.status-pill{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:flex;font-size:12px;gap:8px;padding:8px 11px}.status-pill span{background:#2fa56e;border-radius:50%;box-shadow:0 0 0 3px #d9f3e5;height:7px;width:7px}.page-content{padding:28px 32px 40px}.stat-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.stat{background:var(--paper);border:1px solid var(--line);border-radius:7px;display:grid;gap:4px;grid-template-columns:1fr auto;min-height:128px;padding:18px}.stat svg{background:var(--green-soft);border-radius:6px;color:var(--green);grid-column:2;height:36px;padding:8px;width:36px}.stat span{color:var(--muted);font-size:12px}.stat strong{align-self:end;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat small{color:#87908b;font-size:11px}.dashboard-grid{display:grid;gap:16px;grid-template-columns:1.45fr .8fr;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;padding:20px}.section-head,.split-head{align-items:center;display:flex;justify-content:space-between}.section-head h2,.section-head h3{font-size:15px;margin:0}.section-head p,.split-head p{color:var(--muted);font-size:12px;margin:4px 0 0}.activity-row{align-items:start;border-bottom:1px solid #edf0ed;display:grid;gap:12px;grid-template-columns:10px 1fr auto;padding:17px 0}.activity-row:last-child{border:0}.activity-row .dot{border-radius:50%;height:8px;margin-top:5px;width:8px}.dot.green{background:#2fa56e}.dot.blue{background:#4a7ee8}.dot.orange{background:#dc7a43}.activity-row strong{font-size:13px}.activity-row p{color:var(--muted);font-size:12px;margin:4px 0}.activity-row time{color:#9aa29e;font-size:10px}.quick{display:flex;flex-direction:column}.quick>.section-head{margin-bottom:8px}.quick>button{align-items:center;background:transparent;border:0;border-bottom:1px solid #edf0ed;color:var(--ink);display:grid;gap:10px;grid-template-columns:35px 1fr auto;padding:14px 6px;text-align:left}.quick>button>svg:first-child{background:#eef2ef;border-radius:6px;color:var(--green);height:34px;padding:7px;width:34px}.quick>button span{display:grid;gap:3px}.quick>button strong{font-size:12px}.quick>button small{color:var(--muted);font-size:10px}.primary,.secondary,button.primary,button.secondary{align-items:center;border:1px solid transparent;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:7px;justify-content:center;min-height:38px;padding:0 14px;text-decoration:none}.primary{background:var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.primary:disabled{cursor:not-allowed;opacity:.55}.secondary{background:#fff;border-color:var(--line)!important;color:var(--ink)}.secondary:hover{background:#f7f9f7}.wide{width:100%}.icon-btn{background:#fff;border:1px solid var(--line);border-radius:6px;display:grid;height:34px;place-items:center;width:34px}.actionbar{display:flex;gap:9px;margin-bottom:17px}.search{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;flex:1;gap:8px;height:40px;max-width:430px;padding:0 11px}.search input{border:0;outline:0;width:100%}.actionbar select,.properties-panel select{background:#fff;border:1px solid var(--line);border-radius:6px;height:40px;padding:0 28px 0 10px}.upload input{display:none}.folder-strip{display:flex;gap:7px;margin-bottom:18px;overflow:auto;padding-bottom:3px}.folder-strip button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--muted);display:flex;gap:7px;height:34px;padding:0 11px;white-space:nowrap}.folder-strip button.active{background:var(--green-soft);border-color:#7ab397;color:var(--green-dark)}.asset-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.asset-card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.asset-thumb{aspect-ratio:1.25;background:#ebefeb;display:grid;overflow:hidden;place-items:center;position:relative}.asset-thumb img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.asset-thumb button{background:hsla(0,0%,100%,.92);border:0;border-radius:6px;color:var(--danger);display:none;height:32px;place-items:center;position:absolute;right:8px;top:8px;width:32px}.asset-thumb:hover button{display:grid}.asset-card>div:last-child{display:grid;gap:5px;padding:11px}.asset-card strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card p{color:var(--muted);font-size:10px;margin:0}.asset-card code{color:#8f9893;font-size:9px;overflow:hidden;text-overflow:ellipsis}.empty{align-items:center;background:hsla(0,0%,100%,.5);border:1px dashed #cbd4ce;border-radius:7px;color:#93a099;display:flex;flex-direction:column;justify-content:center;min-height:360px;text-align:center}.empty h3{color:var(--ink);font-size:15px;margin:12px 0 4px}.empty p{font-size:12px;margin:0}.modal-backdrop{background:rgba(10,20,15,.4);display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:50}.modal{background:#fff;border-radius:8px;box-shadow:var(--shadow);display:grid;gap:16px;padding:22px;width:min(420px,100%)}.modal label,.properties-panel label,.stack-form label{color:#53605a;display:grid;font-size:11px;font-weight:600;gap:6px}.modal input,.properties-panel input,.properties-panel textarea,.stack-form input{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);outline:0;padding:10px 11px;width:100%}.modal input:focus,.properties-panel input:focus,.stack-form input:focus{border-color:#68a98a;box-shadow:0 0 0 3px #e0f1e8}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:7px;margin-top:16px;overflow:hidden}table{border-collapse:collapse;font-size:12px;width:100%}th{background:#f8faf8;color:#7e8983;font-weight:600;padding:12px 16px;text-align:left}td{border-top:1px solid #edf0ed;padding:14px 16px}.person{align-items:center;display:flex;gap:9px}.person span{background:#e2eee7;border-radius:50%;color:var(--green);display:grid;font-weight:700;height:30px;place-items:center;width:30px}.badge{border-radius:999px;display:inline-block;font-size:10px;padding:4px 8px}.badge.active{background:#e1f3e9;color:#147a52}.badge.disabled{background:#f0f1f0;color:#7d8580}.text-button{background:none;border:0;color:var(--green);font-size:11px}.merchant-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(275px,1fr));margin-top:16px}.merchant-card{align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;display:grid;gap:10px;grid-template-columns:42px 1fr auto;padding:17px}.merchant-icon{background:#e4f1e9;border-radius:6px;color:var(--green);display:grid;height:42px;place-items:center;width:42px}.merchant-card h3{font-size:13px;margin:0}.merchant-card p{color:var(--muted);font-size:10px;margin:4px 0}.merchant-card footer{border-top:1px solid #edf0ed;color:var(--muted);display:flex;font-size:10px;grid-column:1/-1;justify-content:space-between;padding-top:12px}.merchant-card footer span{align-items:center;display:flex;gap:5px}.filter-tabs{background:#e8ece9;border-radius:6px;display:flex;padding:3px}.filter-tabs button{background:transparent;border:0;border-radius:4px;color:var(--muted);font-size:11px;padding:7px 11px}.filter-tabs button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);color:var(--ink)}.template-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));margin-top:16px}.template-card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.template-preview{aspect-ratio:1.2;background:#e9eeea;overflow:hidden;position:relative}.template-preview img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.preview-empty{color:#9aa59f;display:grid;height:100%;place-items:center;width:100%}.visibility{background:hsla(0,0%,100%,.92);border-radius:4px;font-size:9px;left:9px;padding:5px 8px;position:absolute;top:9px}.visibility.public{color:#147a52}.visibility.private{color:#7c5c34}.template-info{padding:14px}.template-info>p{color:var(--green);font-size:10px;margin:0}.template-info h3{font-size:15px;margin:5px 0 12px}.template-info>div{align-items:center;color:var(--muted);display:flex;font-size:10px;justify-content:space-between;margin-bottom:12px}.designer-page{display:flex;flex-direction:column;height:calc(100vh - 102px)}.designer-toolbar{align-items:center;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:5px;height:54px;padding:7px 14px}.designer-toolbar button,.designer-toolbar label{align-items:center;background:#fff;border:1px solid transparent;border-radius:5px;display:flex;font-size:11px;gap:6px;height:36px;padding:0 10px}.designer-toolbar button:hover,.designer-toolbar label:hover{background:#f0f4f1}.designer-toolbar label input{display:none}.tool-sep{background:var(--line);height:25px;margin:0 4px;width:1px}.designer-toolbar .slot-button{border-color:#a9c7b7;margin-left:4px}.designer-toolbar .slot-button.active{background:#dcf4e7;color:var(--green)}.designer-toolbar .save-button{background:var(--green);color:#fff;margin-left:auto;padding:0 16px}.designer-workspace{display:grid;flex:1;grid-template-columns:220px 1fr 210px;min-height:0}.layers-panel,.properties-panel{background:#fff;overflow:auto;padding:16px}.properties-panel{border-right:1px solid var(--line)}.layers-panel{border-left:1px solid var(--line)}.layers-panel h3,.properties-panel h3{font-size:12px;margin:0 0 14px}.properties-panel label{margin-bottom:11px}.properties-panel textarea{resize:vertical}.selected-props{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.prop-grid{display:grid;gap:0 8px;grid-template-columns:1fr 1fr}.canvas-stage{align-items:center;background:#dfe4e0;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:auto;padding:24px}.canvas-wrap{background:#fff;box-shadow:0 12px 35px rgba(32,48,40,.15);max-height:calc(100vh - 210px)}.canvas-wrap .canvas-container,.canvas-wrap canvas{height:100%!important;width:100%!important}.canvas-hint,.custom-canvas>p{align-items:center;color:#6e7973;display:flex;font-size:10px;gap:6px;margin-top:13px}.layer-row{align-items:center;background:#fff;border:0;border-radius:5px;display:grid;gap:7px;grid-template-columns:28px 1fr auto;margin-top:4px;padding:8px;text-align:left;width:100%}.layer-row.active,.layer-row:hover{background:#edf5f0}.layer-type{background:#f0f3f1;border-radius:4px;display:grid;height:26px;place-items:center;width:26px}.layer-row>span:nth-child(2){display:grid;gap:2px;min-width:0}.layer-row strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row small{color:var(--green);font-size:8px}.customizer-page{padding:20px 28px 36px}.customizer-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.customizer-head h2{font-size:18px;margin:4px 0}.customizer-grid{background:#fff;border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:210px 1fr 230px;height:calc(100vh - 205px);min-height:540px;overflow:hidden}.material-panel,.slot-panel{overflow:auto;padding:16px}.slot-panel{border-right:1px solid var(--line)}.material-panel{border-left:1px solid var(--line)}.slot-panel h3{font-size:13px;margin:0}.slot-panel>p{color:var(--muted);font-size:10px;margin:5px 0 14px}.slot-panel>button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:5px;display:grid;gap:7px;grid-template-columns:28px 1fr;margin-bottom:7px;padding:9px;text-align:left;width:100%}.slot-panel>button.active{background:#edf8f1;border-color:#6eae8d}.slot-panel>button span{display:grid}.slot-panel>button strong{font-size:10px}.slot-panel>button small{color:var(--muted);font-size:8px}.slot-panel>.upload{margin-top:14px}.custom-canvas{align-items:center;background:#e8ece9;display:flex;flex-direction:column;justify-content:center;overflow:auto;padding:20px}.custom-canvas .canvas-wrap{max-height:calc(100vh - 285px)}.material-grid{display:grid;gap:7px;grid-template-columns:1fr 1fr;margin-top:14px}.material-grid button{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden;padding:5px}.material-grid button:disabled{opacity:.6}.material-grid img{aspect-ratio:1;background:#edf0ed;-o-object-fit:contain;object-fit:contain;width:100%}.material-grid span{display:block;font-size:8px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-empty{border:1px dashed var(--line);border-radius:5px;color:var(--muted);font-size:10px;margin-top:12px;padding:18px 8px;text-align:center}.design-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.design-grid article{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.design-grid img{aspect-ratio:1.2;background:#e9eeea;-o-object-fit:contain;object-fit:contain;width:100%}.design-grid article>div{display:grid;gap:5px;padding:13px}.design-grid p{font-size:12px;margin:0}.design-grid strong{color:#8b948f;font-size:9px}.design-grid time{color:var(--muted);font-size:9px}.design-grid a{align-items:center;color:var(--green);display:flex;font-size:10px;gap:5px;margin-top:7px;text-decoration:none}.toast{background:#14221b;border-radius:6px;bottom:24px;box-shadow:var(--shadow);color:#fff;font-size:12px;padding:12px 16px;position:fixed;right:24px;z-index:100}.login-body{background:#edf1ed;display:grid;min-height:100vh;padding:30px;place-items:center}.login-shell{background:#fff;border:1px solid #d5ddd7;box-shadow:0 24px 80px rgba(27,44,34,.12);display:grid;grid-template-columns:1.12fr .88fr;min-height:600px;width:min(980px,100%)}.login-brand{align-items:flex-start;background:#14221b;color:#f2f8f4;display:flex;flex-direction:column;padding:55px}.login-brand .brand-mark{margin-bottom:80px}.login-brand h1{font-size:38px;letter-spacing:0;line-height:1.25;margin:13px 0 16px;max-width:480px}.login-brand>p:not(.eyebrow){color:#9fb0a7;font-size:13px;line-height:1.8;max-width:420px}.login-sample{border-top:1px solid #30443a;display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:18px;width:100%}.login-sample span{color:#8da096;font-size:10px;width:100%}.login-sample code{background:#21362c;border-radius:4px;font-size:9px;padding:5px 7px}.login-sample small{color:#75887e;font-size:9px;width:100%}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:62px 48px}.login-panel h2{font-size:25px;margin:8px 0}.muted{color:var(--muted);font-size:12px}.stack-form{display:grid;gap:16px;margin-top:28px}.stack-form input{height:43px}.stack-form .check{align-items:center;display:flex;grid-template-columns:16px 1fr}.stack-form .check input{height:15px;width:15px}.form-error{color:var(--danger);font-size:11px;margin:0}@media(max-width:1050px){.stat-grid{grid-template-columns:1fr 1fr}.designer-workspace{grid-template-columns:190px 1fr}.layers-panel{display:none}.customizer-grid{grid-template-columns:190px 1fr}.material-panel{display:none}}@media(max-width:760px){.sidebar{padding:18px 8px;width:64px}.side-brand>div,.side-user form,.side-user>div:nth-child(2),.sidebar nav span{display:none}.side-brand{padding:0 7px 25px}.sidebar nav button{justify-content:center;padding:0}.side-user{display:flex;justify-content:center}.main{margin-left:64px}.topbar{height:84px;padding:17px 18px}.topbar h1{font-size:19px}.status-pill{display:none}.page-content{padding:18px}.dashboard-grid,.stat-grid{grid-template-columns:1fr}.actionbar{flex-wrap:wrap}.search{flex-basis:100%;max-width:none;width:100%}.designer-page{height:calc(100vh - 84px)}.properties-panel{display:none}.designer-workspace{grid-template-columns:1fr}.designer-toolbar{overflow-x:auto}.designer-toolbar .save-button{margin-left:4px}.customizer-page{padding:14px}.customizer-grid{display:flex;flex-direction:column;height:auto}.slot-panel{border:0;border-bottom:1px solid var(--line)}.custom-canvas{min-height:420px}.login-body{padding:0}.login-shell{grid-template-columns:1fr;min-height:100vh}.login-brand{display:none}.login-panel{padding:34px 25px}.table-wrap{overflow-x:auto}.asset-grid,.template-grid{grid-template-columns:1fr 1fr}}.fabric-host{background:#fff;box-shadow:0 12px 35px rgba(32,48,40,.15);flex:0 0 auto}.fabric-host,.fabric-host .canvas-container{position:relative}.perspective-note{background:#fff2e8;border-left:3px solid #dc6b2f;color:#86502f;font-size:9px;line-height:1.55;padding:9px 10px}.shape-picker{flex:0 0 auto;position:relative}.shape-picker>button{height:36px!important}.shape-menu{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow);display:grid;gap:3px;grid-template-columns:1fr 1fr;left:0;padding:6px;position:absolute;top:42px;width:150px;z-index:30}.shape-menu button{background:#fff!important;border:0!important;display:flex!important;flex-direction:column;height:48px!important;justify-content:center;padding:4px!important}.shape-menu button:hover{background:#edf5f0!important}.shortcut-picker{flex:0 0 auto;position:relative}.shortcut-picker>button{justify-content:center;padding:0!important;width:36px}.shortcut-menu{background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 14px 42px rgba(24,40,31,.18);display:grid;gap:2px 10px;grid-template-columns:1fr 1fr;padding:9px;position:absolute;right:0;top:42px;width:310px;z-index:45}.shortcut-menu header{align-items:center;border-bottom:1px solid var(--line);display:flex;grid-column:1/-1;height:34px;justify-content:space-between;margin-bottom:4px;padding:0 3px 7px}.shortcut-menu header strong{font-size:11px}.shortcut-menu header button{background:transparent!important;border:0!important;display:grid!important;height:28px!important;padding:0!important;place-items:center;width:28px!important}.shortcut-row{align-items:center;color:#53605a;display:flex;font-size:9px;gap:8px;justify-content:space-between;min-height:34px;padding:4px 3px}.shortcut-row>div{align-items:center;display:flex;gap:3px}.shortcut-row kbd{background:#f7f9f7;border:solid #cfd7d1;border-radius:4px;border-width:1px 1px 2px;color:#344139;display:grid;font:600 8px Inter,sans-serif;height:21px;min-width:22px;padding:0 5px;place-items:center;white-space:nowrap}.designer-toolbar .perspective-button{border-color:#e4c0a9}.designer-toolbar .perspective-button.active{background:#fff1e7;border-color:#dc8a5d;color:#b95420}.designer-toolbar button.active{background:#e4f3ea;border-color:#8fc4a8;color:#147a52}.designer-toolbar button:disabled{cursor:not-allowed;opacity:.38}.sku-viewbar{background:#f8faf8;border-bottom:1px solid var(--line);gap:9px;min-height:50px;overflow-x:auto;padding:7px 14px}.sku-tab-group,.sku-viewbar{align-items:center;display:flex}.sku-tab-group{gap:4px;white-space:nowrap}.sku-tab-group>strong{color:var(--muted);font-size:9px;margin-right:3px}.sku-tab-group button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:5px;color:#53605a;display:flex;font-size:10px;gap:6px;height:34px;padding:0 10px}.sku-tab-group button.active,.sku-tab-group button:hover{background:#e9f5ee;border-color:#79af92;color:var(--green-dark)}.sku-tab-group button:disabled{cursor:not-allowed;opacity:.4}.sku-tab-group button.icon-only{justify-content:center;padding:0;width:32px}.sku-tab-group button.danger{color:var(--danger)}.sku-tab-group i{border:1px solid rgba(0,0,0,.15);border-radius:2px;height:11px;width:11px}.sku-bar-sep{background:var(--line);flex:0 0 auto;height:28px;width:1px}.sku-matrix-summary{background:#edf1ee;border-radius:4px;color:#5e6963;font-size:9px;margin-left:auto;padding:6px 9px;white-space:nowrap}.sku-settings{border-top:1px solid var(--line);margin-top:17px;padding-top:15px}.sku-setting-head{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.sku-setting-head h3{margin:0 0 3px}.sku-setting-head small{color:var(--muted);font-size:8px}.sku-setting-head svg{color:var(--green)}.sku-option-section{display:grid;gap:6px;margin-bottom:14px}.sku-option-title{align-items:center;color:var(--muted);display:flex;font-size:9px;justify-content:space-between}.sku-option-title strong{color:var(--ink)}.sku-option-row{align-items:center;display:grid;gap:5px;grid-template-columns:28px 1fr 26px}.sku-option-row>input[type=color]{border:1px solid var(--line);border-radius:5px;height:29px;padding:2px}.sku-option-row>input:not([type=color]){height:31px;padding:6px 7px}.sku-option-row>button{background:transparent;border:0;border-radius:4px;color:#89938e;display:grid;height:28px;place-items:center;width:26px}.sku-option-row>button:hover{background:#f3e7e7;color:var(--danger)}.sku-option-row>button:disabled{opacity:.3}.sku-option-row.active>input{border-color:#79af92}.sku-option-row.size-row>svg{color:#7a8780;margin:auto}.sku-settings .compact{height:31px;min-height:31px}.customizer-sku-bar{align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;display:flex;gap:16px;margin-bottom:12px;min-height:64px;padding:9px 12px}.customizer-sku-block{display:grid;gap:6px;min-width:0}.customizer-sku-block>strong{color:var(--muted);font-size:8px}.customizer-sku-options{align-items:center;display:flex;gap:5px;overflow-x:auto}.customizer-sku-options button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:5px;color:#57635c;display:flex;font-size:10px;gap:6px;height:32px;padding:0 10px;white-space:nowrap}.customizer-sku-options button.active{background:#e7f4ec;border-color:#6da987;color:var(--green-dark)}.customizer-sku-options button:disabled{opacity:.55}.customizer-sku-options i{border:1px solid rgba(0,0,0,.15);border-radius:2px;height:12px;width:12px}.customizer-sku-block.view-block{border-left:1px solid var(--line);flex:1;padding-left:16px}.customizer-size-summary{align-items:center;background:#f3f6f3;border-radius:5px;color:#5e6963;display:grid;gap:3px 7px;grid-template-columns:18px 1fr;max-width:260px;padding:7px 9px}.customizer-size-summary svg{color:var(--green);grid-row:1/3}.customizer-size-summary span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customizer-size-summary b{color:var(--green);font-size:8px;font-weight:600}.customizer-sku-bar+.customizer-grid{height:calc(100vh - 280px);min-height:500px}.template-sku-meta{gap:10px!important;justify-content:flex-start!important;margin-top:-3px!important}.template-sku-meta span{align-items:center;color:#53605a;display:flex;gap:4px}.template-sku-meta svg{color:var(--green)}.design-group-list{display:grid;gap:16px}.design-group-card{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.design-group-card>header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:15px 17px}.design-group-card h3{font-size:15px;margin:4px 0 0}.design-group-card time{color:var(--muted);font-size:9px}.design-group-skus{align-items:center;background:#f8faf8;display:flex;gap:6px;overflow-x:auto;padding:10px 17px}.design-group-skus span{align-items:center;background:#fff;border:1px solid var(--line);border-radius:4px;color:#59655f;display:flex;font-size:9px;gap:5px;height:27px;padding:0 8px;white-space:nowrap}.design-group-skus span:first-child{background:#e7f4ec;border-color:#add1bd;color:var(--green-dark)}.design-group-images{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));padding:14px 17px}.design-group-images a{background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);overflow:hidden;text-decoration:none}.design-group-images img{aspect-ratio:1.2;background:#edf0ed;display:block;-o-object-fit:contain;object-fit:contain;width:100%}.design-group-images span{align-items:center;display:flex;font-size:9px;height:31px;justify-content:space-between;padding:0 8px}.design-group-images svg{color:var(--green)}.design-group-card>footer{border-top:1px solid var(--line);color:var(--muted);display:flex;gap:12px;justify-content:space-between;padding:10px 17px}.design-group-card>footer code{font-size:8px;overflow:hidden;text-overflow:ellipsis}.design-group-card>footer b{font-size:9px;white-space:nowrap}.legacy-designs{margin-top:16px}.properties-panel select{width:100%}.slot-settings{background:#eef7f2;border:1px solid #cbe4d6;border-radius:6px;margin-top:14px;padding:12px}.slot-heading{align-items:center;color:var(--green);display:flex;font-size:11px;gap:7px;margin-bottom:12px}.properties-panel label small,.slot-settings label small{color:#7b8981;font-size:9px;font-weight:400;line-height:1.5}.toggle-row{display:grid;gap:6px;grid-template-columns:1fr 1fr}.toggle-row .check{align-items:center;background:#fff;border:1px solid var(--line);border-radius:5px;display:flex;gap:6px;grid-template-columns:15px 1fr;margin:0;padding:8px}.toggle-row .check input{height:14px;padding:0;width:14px}.shadow-settings{border-top:1px solid var(--line);display:grid;gap:9px;margin-top:14px;padding-top:12px}.shadow-block{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.shadow-toggle{align-items:center;background:#f7f9f7;display:grid!important;gap:8px;grid-template-columns:16px 1fr;margin:0!important;padding:10px}.shadow-toggle input{height:15px;padding:0!important;width:15px!important}.shadow-toggle span{display:grid;gap:2px}.shadow-toggle strong{color:var(--ink);font-size:10px}.shadow-toggle small{color:var(--muted);font-size:8px!important}.shadow-controls{display:grid;gap:9px;padding:10px}.shadow-controls>label{margin:0!important}.shadow-controls input[type=color]{cursor:pointer;height:34px;padding:3px}.shadow-controls input[type=range]{accent-color:var(--green);height:20px;padding:0}.shadow-controls label:has(input[type=range]){align-items:center;grid-template-columns:1fr 38px}.shadow-controls label:has(input[type=range])>input,.shadow-controls label:has(input[type=range])>span{grid-column:1}.shadow-controls output{color:var(--muted);font-size:9px;grid-column:2;grid-row:2;text-align:right}.slot-panel>button{grid-template-columns:28px 1fr auto}.slot-panel .done-mark{background:#dff3e7;border-radius:50%;color:var(--green);display:grid;height:20px;place-items:center;width:20px}.slot-rule{align-items:flex-start;background:#f4f6f4;border-radius:5px;color:#68736d;display:flex;font-size:9px;gap:7px;line-height:1.55;margin-top:14px;padding:10px}.slot-rule svg{color:var(--green);flex:0 0 auto}.crop-modal{background:#fff;border-radius:8px;box-shadow:0 22px 70px rgba(15,29,21,.28);display:grid;gap:14px;max-height:94vh;overflow:auto;padding:20px;width:min(1040px,96vw)}.crop-head{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.crop-head h3{align-items:center;display:flex;font-size:16px;gap:8px;margin:5px 0 0}.crop-head h3 svg{color:var(--green)}.crop-toolbar{background:#f5f7f5;border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;gap:6px;min-height:48px;padding:6px}.crop-tool-group,.crop-toolbar{align-items:center;display:flex}.crop-tool-group{gap:3px}.crop-toolbar button{background:transparent;border:1px solid transparent;border-radius:5px;color:#4e5b54;display:grid;height:34px;place-items:center;width:36px}.crop-toolbar button:hover{background:#fff;border-color:var(--line)}.crop-toolbar button.active{background:var(--green-soft);border-color:#a7d1ba;color:var(--green)}.crop-tool-sep{background:#d6ddd8;height:26px;margin:0 2px;width:1px}.crop-tool-value{color:var(--muted);font-size:9px;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.crop-opacity{align-items:center;color:#59655f;display:grid;font-size:10px;gap:7px;grid-template-columns:auto 110px 34px;margin-left:auto;padding:0 5px}.crop-opacity input{accent-color:var(--green);width:110px}.crop-opacity output{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.crop-workarea{background:#202824;border-radius:6px;display:grid;min-height:300px;overflow:auto;padding:26px;place-items:center}.crop-canvas-shell{background-color:#fff;background-image:linear-gradient(45deg,#d8ddda 25%,transparent 0),linear-gradient(-45deg,#d8ddda 25%,transparent 0),linear-gradient(45deg,transparent 75%,#d8ddda 0),linear-gradient(-45deg,transparent 75%,#d8ddda 0);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:2px dashed #ef4444;box-shadow:0 8px 28px rgba(0,0,0,.38)}.crop-canvas-shell .canvas-container{background:transparent}.crop-canvas-shell canvas{background:transparent;display:block}.crop-actions{align-items:center;display:grid;gap:8px;grid-template-columns:auto 1fr auto auto;padding-top:2px}@media(max-width:760px){.canvas-stage,.custom-canvas{align-items:flex-start;justify-content:flex-start}.canvas-viewport,.fabric-host{margin:auto}.shape-menu{left:80px;position:fixed;top:140px}.customizer-grid .canvas-viewport{margin:30px auto}.crop-modal{padding:13px;width:100%}.crop-toolbar{align-items:flex-start}.crop-tool-sep{display:none}.crop-opacity{grid-template-columns:auto 1fr 34px;margin-left:0;width:100%}.crop-opacity input{width:100%}.crop-workarea{justify-content:start;min-height:240px;padding:12px}.crop-actions{grid-template-columns:1fr 1fr}.crop-actions>span{display:none}.crop-actions .primary{grid-column:1/-1;grid-row:2}.sku-viewbar{padding:6px 9px}.sku-matrix-summary{margin-left:0}.shortcut-menu{grid-template-columns:1fr;left:78px;position:fixed;right:12px;top:135px;width:auto}.customizer-head{align-items:flex-start;gap:10px}.customizer-head .primary{max-width:160px}.customizer-sku-bar{align-items:stretch;flex-direction:column;gap:9px}.customizer-sku-block.view-block{border-left:0;border-top:1px solid var(--line);padding:9px 0 0}.customizer-size-summary{max-width:none}.customizer-sku-bar+.customizer-grid{height:auto;min-height:0}.design-group-images{grid-template-columns:1fr 1fr}.design-group-card>footer{flex-direction:column}.design-group-card>footer b{white-space:normal}}.crop-backdrop{padding:12px}.crop-studio-modal{gap:10px;grid-template-rows:auto auto minmax(0,1fr) auto;height:min(930px,calc(100vh - 24px));max-height:none;overflow:hidden;padding:16px;width:min(1500px,calc(100vw - 24px))}.crop-studio-modal .crop-head{min-height:42px}.crop-studio-modal .crop-head h3{font-size:14px}.crop-studio-modal .crop-toolbar{flex-wrap:nowrap;min-height:46px;overflow:visible;padding:5px}.crop-studio-modal .crop-toolbar button:disabled{cursor:not-allowed;opacity:.35}.crop-studio-modal .crop-opacity{grid-template-columns:auto 86px 32px}.crop-studio-modal .crop-opacity input{width:86px}.crop-studio-grid{background:#fff;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:240px minmax(320px,1fr) 230px;min-height:0;overflow:hidden}.crop-materials,.crop-preview-panel{background:#fff;min-height:0;min-width:0;overflow:hidden;padding:12px}.crop-materials{border-right:1px solid var(--line);display:grid;gap:9px;grid-template-rows:auto auto auto auto minmax(0,1fr) auto}.crop-preview-panel{border-left:1px solid var(--line);display:flex;flex-direction:column;gap:14px;overflow-y:auto}.crop-preview-panel>section{display:grid;gap:9px}.crop-preview-panel>section+section{border-top:1px solid var(--line);padding-top:13px}.crop-panel-title{align-items:flex-start;color:#526059;display:flex;gap:8px;justify-content:space-between}.crop-panel-title>div{display:grid;gap:3px;min-width:0}.crop-panel-title strong{color:var(--ink);font-size:11px}.crop-panel-title small{color:var(--muted);font-size:8px;line-height:1.4}.crop-panel-title>svg{color:var(--green);flex:0 0 auto}.crop-material-search{align-items:center;border:1px solid var(--line);border-radius:5px;color:#86918b;display:flex;gap:7px;height:36px;padding:0 9px}.crop-material-search:focus-within{border-color:#68a98a;box-shadow:0 0 0 3px #e0f1e8}.crop-material-search input{border:0;font-size:10px;min-width:0;outline:0;width:100%}.crop-material-filters{display:grid;gap:6px;grid-template-columns:1fr 1fr}.crop-material-filters select,.crop-material-pages select{background:#fff;border:1px solid var(--line);border-radius:5px;color:#59655f;font-size:9px;height:32px;min-width:0;padding:0 7px}.crop-upload{font-size:10px!important;height:34px!important;min-height:34px!important}.crop-material-grid{align-content:start;display:grid;gap:7px;grid-template-columns:1fr 1fr;min-height:0;overflow-y:auto;padding-right:3px}.crop-material-grid button{background:#fff;border:1px solid var(--line);border-radius:5px;min-width:0;overflow:hidden;padding:4px;position:relative;text-align:left}.crop-material-grid button:hover{background:#f0f8f3;border-color:#69a889}.crop-material-grid img{aspect-ratio:1.15;background:#edf1ee;display:block;-o-object-fit:contain;object-fit:contain;width:100%}.crop-material-grid span{color:#58635d;display:block;font-size:8px;margin-top:4px;overflow:hidden;padding-right:15px;text-overflow:ellipsis;white-space:nowrap}.crop-material-grid svg{bottom:6px;color:var(--green);position:absolute;right:6px}.crop-material-empty{border:1px dashed var(--line);border-radius:5px;color:var(--muted);display:grid;font-size:9px;min-height:100px;place-items:center;text-align:center}.crop-material-pages{align-items:center;display:grid;gap:4px;grid-template-columns:1fr 27px auto 27px}.crop-material-pages>span{color:var(--muted);font-size:8px}.crop-material-pages button{background:#fff;border:1px solid var(--line);border-radius:4px;color:#5a675f;display:grid;height:27px;place-items:center;width:27px}.crop-material-pages button:disabled{opacity:.35}.crop-material-pages b{font-size:8px;text-align:center;white-space:nowrap}.crop-material-pages select{grid-column:1/-1;height:29px;width:100%}.crop-studio-grid>.crop-workarea{background:#202824;border-radius:0;display:grid;gap:10px;grid-template-rows:minmax(0,1fr) auto;min-height:0;min-width:0;overflow:auto;padding:18px;place-items:center}.crop-studio-grid>.crop-workarea>p{align-items:center;color:#aeb9b3;display:flex;font-size:9px;gap:6px;margin:0;text-align:center}.crop-studio-grid .crop-canvas-shell{align-self:center;justify-self:center}.crop-product-preview{aspect-ratio:1;background:#edf1ee;border:1px solid var(--line);border-radius:5px;color:var(--muted);display:grid;font-size:9px;overflow:hidden;place-items:center;position:relative}.crop-product-preview img{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.crop-preview-loading{background:rgba(20,34,27,.82);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.16);color:#fff;font-size:8px;padding:5px 7px;position:absolute;right:7px;top:7px}.crop-preview-nav{align-items:center;display:grid;gap:5px;grid-template-columns:30px 1fr 30px;height:34px}.crop-preview-nav button{background:#fff;border:1px solid var(--line);border-radius:4px;color:#536059;display:grid;height:30px;place-items:center;width:30px}.crop-preview-nav button:hover{background:#edf7f1;border-color:#7caf93}.crop-preview-nav>span{align-items:center;display:flex;gap:6px;justify-content:center;min-width:0}.crop-preview-nav strong{font-size:9px;max-width:95px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crop-preview-nav small{color:var(--muted);font-size:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.crop-backgrounds{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.crop-backgrounds button,.crop-backgrounds label{border:1px solid #cbd3ce;border-radius:4px;height:29px;position:relative;width:29px}.crop-backgrounds button.active,.crop-backgrounds label:focus-within{outline:2px solid var(--green);outline-offset:2px}.crop-backgrounds button.transparent{background-color:#fff;background-image:linear-gradient(45deg,#d4dad6 25%,transparent 0),linear-gradient(-45deg,#d4dad6 25%,transparent 0),linear-gradient(45deg,transparent 75%,#d4dad6 0),linear-gradient(-45deg,transparent 75%,#d4dad6 0);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px}.crop-backgrounds label{background:#fff;color:#56635c;display:grid;overflow:hidden;place-items:center}.crop-backgrounds label input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.crop-layers-section{min-height:0}.crop-layer-actions{display:flex;gap:5px}.crop-layer-actions button{background:#fff;border:1px solid var(--line);border-radius:4px;color:#58645d;display:grid;height:30px;place-items:center;width:31px}.crop-layer-actions button:disabled{opacity:.35}.crop-layer-list{display:grid;gap:5px;max-height:180px;overflow-y:auto}.crop-layer-list button{align-items:center;background:#fff;border:1px solid var(--line);border-radius:4px;display:grid;gap:7px;grid-template-columns:30px 1fr;height:38px;min-width:0;padding:4px;text-align:left}.crop-layer-list button.active{background:#edf8f1;border-color:#6da987}.crop-layer-list img{background:#edf1ee;height:28px;-o-object-fit:contain;object-fit:contain;width:30px}.crop-layer-list span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crop-shortcut-picker{position:relative}.crop-shortcut-menu{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 14px 42px rgba(18,31,24,.24);display:grid;gap:2px 10px;grid-template-columns:1fr 1fr;padding:8px;position:absolute;right:0;top:40px;width:300px;z-index:80}.crop-shortcut-menu header{align-items:center;border-bottom:1px solid var(--line);display:flex;grid-column:1/-1;height:31px;justify-content:space-between;margin-bottom:3px;padding:0 2px 6px}.crop-shortcut-menu header strong{font-size:10px}.crop-shortcut-menu header button{height:25px!important;width:25px!important}.crop-shortcut-row{align-items:center;color:#59655f;display:flex;font-size:8px;gap:6px;justify-content:space-between;min-height:31px;padding:3px 2px}.crop-shortcut-row>div{display:flex;gap:2px}.crop-shortcut-row kbd{background:#f7f9f7;border:solid #cfd7d1;border-radius:3px;border-width:1px 1px 2px;color:#344139;display:grid;font:600 7px Inter,sans-serif;height:19px;min-width:20px;padding:0 4px;place-items:center;white-space:nowrap}.crop-studio-modal .crop-actions>span{color:var(--muted);font-size:8px;text-align:center}.crop-studio-modal .crop-actions{min-height:38px}@media(max-width:1200px){.crop-studio-grid{grid-template-columns:205px minmax(300px,1fr) 195px}.crop-materials,.crop-preview-panel{padding:10px}.crop-studio-modal .crop-toolbar{overflow-x:auto}.crop-studio-modal .crop-opacity{margin-left:6px}}@media(max-width:900px){.crop-studio-modal{grid-template-rows:auto auto auto auto;height:calc(100vh - 16px);overflow:auto;padding:10px;width:calc(100vw - 16px)}.crop-studio-grid{grid-template-columns:190px minmax(380px,1fr);overflow:visible}.crop-preview-panel{border-left:0;border-top:1px solid var(--line);display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr}.crop-preview-panel>section+section{border-left:1px solid var(--line);border-top:0;padding:0 0 0 10px}.crop-product-preview{max-height:190px}.crop-layer-list{max-height:120px}}@media(max-width:650px){.crop-studio-modal{display:block}.crop-studio-modal>.crop-head,.crop-studio-modal>.crop-studio-grid,.crop-studio-modal>.crop-toolbar{margin-bottom:10px}.crop-studio-grid{display:flex;flex-direction:column;height:auto;overflow:visible}.crop-materials{border-bottom:1px solid var(--line);border-right:0;flex:0 0 390px;height:390px;min-height:390px}.crop-studio-grid>.crop-workarea{flex:0 0 430px;height:430px;justify-content:start;max-width:100%;min-height:430px;width:100%}.crop-studio-grid .crop-canvas-shell{height:auto!important;max-width:100%;width:100%}.crop-studio-grid .crop-canvas-shell .canvas-container,.crop-studio-grid .crop-canvas-shell canvas{height:100%!important;width:100%!important}.crop-preview-panel{border-top:1px solid var(--line);display:flex;flex:0 0 auto}.crop-preview-panel>section+section{border-left:0;border-top:1px solid var(--line);padding:12px 0 0}.crop-studio-modal .crop-toolbar{flex-wrap:wrap;overflow:hidden}.crop-shortcut-menu{grid-template-columns:1fr;left:74px;position:fixed;right:10px;top:120px;width:auto}.crop-studio-modal .crop-actions{grid-template-columns:1fr 1fr}.crop-studio-modal .crop-actions>span{display:none}.crop-studio-modal .crop-actions .primary{grid-column:1/-1}}.custom-canvas{min-height:0;min-width:0;overflow:hidden}.custom-preview-stage{display:grid;flex:1 1 auto;min-height:160px;overflow:hidden;place-items:center;position:relative;width:100%}.custom-preview-scroll{display:grid;height:100%;min-height:0;min-width:0;overflow:hidden;padding:4px 8px;place-items:center;width:100%}.custom-preview-stage.has-navigation .custom-preview-scroll{padding-inline:52px}.custom-preview-scroll .canvas-viewport{flex:0 0 auto;margin:auto;max-height:100%;max-width:100%}.custom-preview-transition{background:#fff;display:block;left:50%;-o-object-fit:fill;object-fit:fill;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}.custom-preview-arrow{background:#fff;border:1px solid #ccd5cf;border-radius:6px;box-shadow:0 4px 14px rgba(32,48,40,.15);color:#526059;display:grid;height:48px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);width:36px;z-index:4}.custom-preview-arrow.previous{left:8px}.custom-preview-arrow.next{right:8px}.custom-preview-arrow:hover:not(:disabled){background:#edf7f1;border-color:#6fa98b;color:var(--green)}.custom-preview-arrow:disabled{cursor:not-allowed;opacity:.4}.custom-preview-switcher{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:11px;width:min(100%,860px)}.custom-preview-current{display:grid;gap:2px;min-width:92px}.custom-preview-current strong{font-size:10px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-preview-current small{color:var(--muted);font-size:8px;font-variant-numeric:tabular-nums}.custom-preview-pages{align-items:center;display:flex;gap:5px;max-width:100%;min-width:0;overflow-x:auto;padding:2px}.custom-preview-pages button{align-items:center;background:#fff;border:1px solid #cdd6d0;border-radius:5px;color:#68746d;display:flex;gap:6px;height:34px;max-width:120px;min-width:45px;padding:0 8px}.custom-preview-pages button>span{background:#edf1ee;border-radius:50%;display:grid;flex:0 0 18px;font-size:8px;font-weight:700;height:18px;place-items:center;width:18px}.custom-preview-pages button small{font-size:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-preview-pages button.active{background:#edf8f1;border-color:#68a487;color:var(--green-dark)}.custom-preview-pages button.active>span{background:var(--green);color:#fff}.custom-preview-pages button:disabled{cursor:not-allowed;opacity:.55}@media(max-width:760px){.custom-preview-arrow{height:42px;width:32px}.custom-preview-switcher{justify-content:flex-start;width:100%}.custom-preview-current{background:#e8ece9;left:0;position:sticky;z-index:1}.custom-preview-pages{justify-content:flex-start}}.bulk-toolbar{align-items:center;background:#fff;border:1px solid var(--line);border-radius:7px;display:flex;gap:12px;margin-bottom:14px;min-height:44px;padding:7px 10px}.bulk-toolbar>span{color:var(--muted);font-size:10px}.bulk-check,.card-select{align-items:center;color:#46534c;cursor:pointer;display:inline-flex;font-size:10px;gap:7px}.bulk-check input,.card-select input{accent-color:var(--green);cursor:pointer;height:15px;margin:0;width:15px}.card-select span:empty{display:none}.danger-command{align-items:center;background:#fff7f7;border:1px solid #e5bcbc;border-radius:6px;color:var(--danger);display:inline-flex;font-size:10px;font-weight:600;gap:6px;justify-content:center;margin-left:auto;min-height:32px;padding:0 10px}.danger-command:hover:not(:disabled),.danger-icon:hover:not(:disabled){background:#fff0f0;border-color:#d58f8f}.danger-command:disabled,.danger-icon:disabled{cursor:not-allowed;opacity:.45}.danger-icon{color:var(--danger)}.record-actions{align-items:center;display:flex;gap:9px}.design-group-card>header{display:grid;gap:10px;grid-template-columns:20px minmax(0,1fr) auto}.asset-card.selected,.design-grid article.selected,.design-group-card.selected{border-color:#64a383;box-shadow:0 0 0 2px rgba(20,122,82,.12)}.asset-card,.legacy-designs article{position:relative}.legacy-record-tools{align-items:center;display:flex!important;gap:6px!important;grid-template-columns:none!important;padding:0!important;position:absolute;right:8px;top:8px;z-index:2}.asset-card-select,.legacy-record-tools .card-select{background:hsla(0,0%,100%,.94);border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 8px rgba(30,45,36,.08);height:32px;justify-content:center;width:32px}.asset-card-select{left:8px;position:absolute;top:8px;z-index:2}.asset-thumb button:disabled{cursor:not-allowed;opacity:.45}.template-info>.template-actions{display:grid!important;gap:7px;grid-template-columns:minmax(0,1fr) 38px;margin-bottom:0}.template-actions .icon-btn{height:38px;width:38px}.library-pagination{align-items:center;color:var(--muted);display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.library-pagination>span{font-size:10px;margin-right:auto}.library-pagination b{color:var(--ink);font-size:10px;min-width:48px;text-align:center}.library-pagination .icon-btn{height:32px;width:32px}.library-pagination select{background:#fff;border:1px solid var(--line);border-radius:6px;color:#53605a;font-size:10px;height:32px;padding:0 8px}.design-grid .legacy-preview-link{display:block;margin:0}.design-grid .legacy-preview-link img{display:block}.render-settings-page{max-width:1180px}.render-settings-form{display:grid;gap:20px}.render-settings-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding-bottom:16px}.render-settings-head h2{font-size:19px;margin:5px 0 0}.render-format{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--muted);display:flex;font-size:10px;gap:8px;height:42px;padding:0 12px}.render-format svg{color:var(--green)}.render-format strong{border-left:1px solid var(--line);color:var(--ink);font-size:12px;padding-left:8px}.render-preset-bar{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr))}.render-preset-bar button{align-items:end;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--muted);display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 1fr;height:58px;padding:0 12px;text-align:left}.render-preset-bar button svg{align-self:center;grid-row:1/3}.render-preset-bar button span{color:var(--ink);font-size:11px;font-weight:700}.render-preset-bar button small{align-self:start;font-size:9px}.render-preset-bar button.active,.render-preset-bar button:hover{background:#edf7f1;border-color:#72aa8e}.render-preset-bar button.active span,.render-preset-bar button.active svg{color:var(--green-dark)}.render-settings-loading{color:var(--muted);display:grid;font-size:11px;min-height:280px;place-items:center}.render-setting-list{border-top:1px solid var(--line);display:grid}.render-setting-row{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:14px;grid-template-columns:42px minmax(190px,.8fr) minmax(220px,1.5fr) 118px;min-height:82px}.render-setting-icon{background:#edf3ef;border-radius:6px;color:var(--green);display:grid;height:38px;place-items:center;width:38px}.render-setting-copy{display:grid;gap:5px}.render-setting-copy strong{font-size:12px}.render-setting-copy small{color:var(--muted);font-size:9px}.render-setting-row>input[type=range]{accent-color:var(--green);width:100%}.render-number{align-items:center;background:#fff;border:1px solid var(--line);border-radius:6px;display:grid;grid-template-columns:1fr 28px;height:38px;overflow:hidden}.render-number input{border:0;color:var(--ink);font-size:11px;height:100%;outline:0;padding:0 8px;width:100%}.render-number b{color:var(--muted);font-size:9px;font-weight:500}.render-settings-footer{align-items:center;display:flex;gap:18px;justify-content:space-between;padding-top:2px}.render-settings-footer>div{align-items:center;color:var(--muted);display:grid;gap:4px 8px;grid-template-columns:22px auto auto}.render-settings-footer>div svg{color:var(--green);grid-row:1/3}.render-settings-footer>div span{font-size:9px}.render-settings-footer>div strong{color:var(--ink);font-size:12px}.render-settings-footer>div small{color:var(--muted);font-size:8px;grid-column:2/4}@media(max-width:820px){.render-preset-bar{grid-template-columns:1fr 1fr}.render-setting-row{grid-template-columns:42px minmax(0,1fr) 104px;padding:10px 0}.render-setting-row>input[type=range]{grid-column:2/4}.render-settings-footer{align-items:stretch;flex-direction:column}.render-settings-footer .primary{width:100%}}@media(max-width:760px){.bulk-toolbar{gap:8px}.bulk-toolbar>span{display:none}.design-group-card>header{grid-template-columns:20px minmax(0,1fr)}.record-actions{grid-column:2;justify-content:space-between}.library-pagination{flex-wrap:wrap;justify-content:center}.library-pagination>span{margin:0;text-align:center;width:100%}.library-pagination select{flex-basis:100%}.template-info>.template-actions{grid-template-columns:minmax(0,1fr) 38px}}