@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750;800;900&display=swap');
:root{--ink:var(--ui-252c28);--muted:var(--ui-81877f);--border:var(--ui-e5e8e2);--green:var(--ui-c6f36b);--green-dark:var(--ui-355429);--bg:var(--ui-f5f6f3);--white:#fff;--side:224px;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}button svg{flex-shrink:0}a{color:inherit}svg.lucide{width:19px;height:19px;stroke-width:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--border);border-radius:9px;background:#fff;padding:11px 17px;font-size:13px;font-weight:650;transition:.18s;white-space:nowrap}.btn:hover{border-color:var(--ui-a5ada0);background:var(--ui-f8faf5)}.btn.primary{background:var(--green);border-color:var(--green);color:var(--ui-24331e)}.btn.primary:hover{background:var(--ui-b5e45c);border-color:var(--ui-b5e45c)}.btn.dark{background:var(--ui-28312a);color:white;border-color:var(--ui-28312a)}.btn.dark:hover{background:var(--ui-3c493e)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--ui-e9ede4)}.btn.small{padding:7px 11px;font-size:12px}.btn.danger{color:#b34747}.icon-btn{width:33px;height:33px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:7px;padding:0}.icon-btn:hover{background:var(--ui-edf0e9)}.icon-btn.active{background:var(--ui-e5f4d1);color:var(--ui-476832)}.muted{color:var(--muted)}.tiny{font-size:11px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 8px;background:var(--ui-edf4e5);color:var(--ui-577541);font-size:10px;font-weight:700}.pill svg{width:12px;height:12px}.divider{height:1px;background:var(--border);margin:18px 0}.logo{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:750;letter-spacing:-.7px;white-space:nowrap}.logo img{width:34px;height:34px}.logo span em{font-weight:450;font-style:normal}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--side);padding:30px 19px 22px;display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--ui-fcfdfb);z-index:5}.sidebar .logo{padding:0 9px}.workspace{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;padding:11px 10px;margin:32px 0 30px;font-size:12px;font-weight:600}.workspace .ws-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:var(--ui-ecefe7);color:var(--ui-606c58);font-size:12px}.workspace .chev{margin-left:auto;width:13px}.sidebar .nav-label{font-size:9px;font-weight:700;color:var(--ui-a0a698);letter-spacing:1.6px;margin:0 11px 12px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;background:none;border:none;text-align:left;padding:12px 13px;border-radius:8px;font-size:12px;font-weight:550;margin-bottom:5px;color:var(--ui-7c8478)}.nav-item.active{background:var(--ui-e8f3d7);color:var(--ui-384f2b);font-weight:700}.nav-item svg{width:17px;height:17px}.nav-item .nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--ui-6e9d43)}.sidebar-spacer{flex:1}.session-note{padding:15px 13px;background:var(--ui-f1f3ed);border-radius:10px;color:var(--ui-838b7b);font-size:11px;line-height:1.6;margin-bottom:22px}.session-note svg{width:16px;height:16px;color:var(--ui-89997e);margin-bottom:6px}.session-note b{display:block;color:var(--ui-5c6756);font-weight:600;margin-bottom:3px}.profile{border-top:1px solid var(--border);display:flex;gap:9px;align-items:center;padding:18px 8px 0;font-size:12px}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--ui-e8ecdf);font-size:11px;font-weight:650;color:var(--ui-647155)}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.profile svg{margin-left:auto;width:16px;color:var(--ui-91988c)}.shell-main{margin-left:var(--side)}.topbar{height:78px;border-bottom:1px solid var(--border);background:var(--ui-fcfdfb);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:12px}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--ui-92998d)}.breadcrumb svg{width:15px;height:15px}.breadcrumb b{font-weight:550;color:var(--ui-4c5746)}.topbar .tag{display:flex;align-items:center;gap:7px;color:var(--ui-8e9687);font-size:11px}.status-dot{width:6px;height:6px;background:var(--ui-8bb765);border-radius:50%}.page{padding:30px 44px 35px;max-width:1470px;margin:0 auto}.stepper{display:flex;align-items:center;gap:0;margin-bottom:39px;font-size:11px}.step{display:flex;align-items:center;gap:8px;color:var(--ui-a4aa9d);white-space:nowrap;background:none;border:0;padding:0}.step .num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--ui-e9ece5);color:var(--ui-9ba393);font-size:9px;font-weight:700}.step.current{color:var(--ui-34492b);font-weight:700}.step.current .num{background:var(--ui-d9ecbf);color:var(--ui-486e30)}.step.done{color:var(--ui-65765a)}.step.done .num{background:var(--ui-e4eddb);color:var(--ui-709751)}.step.done svg{width:12px}.step-line{width:54px;height:1px;background:var(--ui-dfe5d9);margin:0 13px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{font-size:36px;font-weight:650;line-height:1.17;letter-spacing:-1.35px;margin:7px 0 12px}.page-heading p{margin:0;font-size:12px;line-height:1.8;color:var(--ui-89917f);max-width:510px}.heading-tag{padding-top:12px}.import-grid{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(280px,1fr);gap:25px}.upload-panel{background:#fff;border:1px solid var(--border);border-radius:13px;padding:24px}.card-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650;margin-bottom:18px}.card-title .tiny{font-weight:450;color:var(--ui-9ba391)}.dropzone{border:1.5px dashed var(--ui-c7d5bb);border-radius:10px;background:var(--ui-f8faf4);min-height:203px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;transition:.2s}.dropzone.dragging{border-color:var(--ui-69953f);background:var(--ui-eaf5db)}.upload-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--ui-eaf3dc);border:1px solid var(--ui-dae7c8);border-radius:12px;color:var(--ui-638442);margin-bottom:16px}.upload-icon svg{width:24px;height:24px}.dropzone h3{font-size:14px;font-weight:600;margin:0 0 6px}.dropzone p{color:var(--ui-98a08e);font-size:11px;margin:0 0 19px}.dropzone .btn{padding:9px 16px}.mappings{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:17px 0 21px}.mapping{display:flex;align-items:center;gap:7px;background:var(--ui-f7f8f5);padding:9px 7px;border-radius:6px;font-size:10px;color:var(--ui-8b9482)}.mapping b{background:var(--ui-e9ede2);display:grid;place-items:center;width:21px;height:22px;border-radius:4px;color:var(--ui-6c7b5d);font-size:10px}.file-ready{border-top:1px solid var(--border);padding-top:18px}.file-preview{display:flex;align-items:center;gap:10px}.file-type{width:36px;height:40px;background:var(--ui-e9f0e1);border-radius:7px;display:grid;place-items:center;color:var(--ui-6b8b50)}.file-preview strong{display:block;font-size:11px;font-weight:600}.file-preview small{display:block;color:var(--ui-929b87);font-size:10px;margin-top:4px}.file-preview .check-circle{margin-left:auto;color:var(--ui-769a56);width:18px}.file-ready .btn{width:100%;margin-top:17px}.file-ready .btn svg{margin-left:auto;width:15px}.file-ready .btn span{margin-right:auto}.preset-teaser{background:var(--ui-ecefe7);border:1px solid var(--ui-e2e7d9);border-radius:13px;padding:22px 24px;display:flex;flex-direction:column;overflow:hidden;min-height:459px;position:relative}.teaser-top{display:flex;justify-content:space-between;align-items:center;z-index:1}.teaser-top .eyebrow{color:var(--ui-829473);letter-spacing:1.2px}.teaser-top svg{width:16px;color:var(--ui-8c9e7e)}.poster-display{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:320px;padding:16px 0}.poster-display:before{content:'';position:absolute;width:184px;height:305px;border:1px solid var(--ui-bdcbb0);background:var(--ui-e2e8d9);transform:rotate(8deg);border-radius:5px}.poster-display img{width:177px;height:315px;object-fit:cover;border-radius:4px;box-shadow:0 10px 24px var(--ui-263a2222);position:relative;transform:rotate(-5deg)}.poster-badge{position:absolute;right:2px;bottom:40px;background:#fff;padding:11px 13px;border:1px solid var(--ui-dce4d3);border-radius:8px;box-shadow:0 6px 15px var(--ui-273b2210);font-size:10px;font-weight:650;display:flex;gap:8px;align-items:center;transform:rotate(3deg)}.poster-badge svg{width:14px;height:14px;color:var(--ui-7a9f57)}.teaser-bottom{display:flex;align-items:center;justify-content:space-between;font-size:11px}.teaser-bottom strong{font-weight:650}.teaser-bottom small{color:var(--ui-8e9a83);display:block;font-size:10px;margin-top:4px}.size-tag{border:1px solid var(--ui-d6dfcc);padding:6px 8px;border-radius:5px;color:var(--ui-7f8e71);font-size:9px}.how-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--ui-e2e7dc);margin-top:30px;padding-top:22px}.how-item{display:flex;gap:11px;align-items:flex-start}.how-icon{width:31px;height:31px;background:var(--ui-eaeee4);display:grid;place-items:center;border-radius:7px;color:var(--ui-7d8d6d);flex-shrink:0}.how-icon svg{width:15px;height:15px}.how-item strong{display:block;font-size:11px;font-weight:600;margin:1px 0 4px}.how-item p{font-size:10px;line-height:1.6;color:var(--ui-929b87);margin:0}.page-footer{font-size:9px;color:var(--ui-a6ad9d);margin-top:26px;display:flex;justify-content:space-between}.format-layout{display:flex;gap:35px;align-items:flex-start}.format-card{background:#fff;border:2px solid var(--ui-a7c583);border-radius:12px;padding:18px;width:265px;cursor:pointer;position:relative;transition:.2s}.format-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--ui-273b2210)}.format-image{background:var(--ui-eef1e8);border-radius:8px;padding:18px;display:flex;justify-content:center}.format-image img{height:263px;border-radius:3px;box-shadow:0 7px 14px #0002}.format-card h3{font-size:14px;margin:17px 0 6px}.format-card p{font-size:11px;color:var(--ui-8d9782);margin:0 0 17px}.format-card .btn{width:100%}.format-check{position:absolute;top:12px;right:12px;background:var(--green);width:24px;height:24px;border-radius:50%;display:grid;place-items:center}.format-check svg{width:14px;height:14px}.format-info{max-width:340px;padding:30px 0}.format-info h2{font-size:23px;letter-spacing:-.7px;font-weight:600}.format-info p{font-size:12px;color:var(--ui-87917d);line-height:1.8}.feature-line{display:flex;align-items:center;gap:10px;font-size:12px;margin:18px 0;color:var(--ui-6f7e62)}.feature-line svg{width:17px;color:var(--ui-90ac72)}.table-toolbar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);padding:14px 17px;border-radius:10px 10px 0 0}.search{display:flex;align-items:center;gap:9px;background:var(--ui-f6f8f3);border:1px solid var(--border);border-radius:7px;padding:9px 12px;min-width:0}.search svg{width:15px;color:var(--ui-8e9984)}.search input{border:0;background:transparent;outline:none;width:100%;font-size:11px;color:var(--ui-536448)}.table-toolbar .search{flex:1;max-width:370px}.select{border:1px solid var(--border);border-radius:7px;background:#fff;padding:9px 12px;font-size:11px;color:var(--ui-637356);max-width:220px}.table-stats{margin-left:auto;font-size:10px;color:var(--ui-95a089)}.products-table{background:#fff;border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px;overflow:hidden}.product-row,.product-header{display:grid;grid-template-columns:28px minmax(200px,1fr) 90px 115px;align-items:center;gap:12px;padding:13px 19px;border-bottom:1px solid var(--ui-edf0e8)}.product-row{cursor:pointer;min-height:77px}.product-row:hover{background:var(--ui-f8faf4)}.product-row.selected{background:var(--ui-f4f9ec)}.product-header{background:var(--ui-f8faf5);font-size:9px;color:var(--ui-8c9a7e);letter-spacing:.8px;text-transform:uppercase;font-weight:650;padding:11px 19px}.product-info{display:flex;gap:14px;align-items:center;min-width:0}.product-thumb{width:43px;height:48px;object-fit:contain;flex-shrink:0;background:var(--ui-f6f8f2);border-radius:5px}.product-info strong{display:block;font-size:12px;font-weight:550;line-height:1.5}.product-info small{font-size:10px;color:var(--ui-93a083);display:block;margin-top:3px}.sku{font-size:11px;color:var(--ui-8c997f);font-variant-numeric:tabular-nums}.price{font-weight:650;font-size:12px}.product-row input,.product-header input{width:15px;height:15px;accent-color:var(--ui-6e9248);cursor:pointer}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;font-size:11px;color:var(--ui-8c997f)}.selection-bar{position:sticky;bottom:20px;margin-top:20px;background:var(--ui-29342a);color:#fff;padding:15px 20px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 5px 20px var(--ui-22332215)}.selection-bar strong{font-size:12px;font-weight:550}.selection-bar small{display:block;color:var(--ui-adbaa5);margin-top:4px;font-size:10px}.selection-bar .btn{border:0}.empty{text-align:center;padding:50px 20px;color:var(--ui-8c9b7d);font-size:12px;line-height:1.7}.empty svg{width:28px;height:28px;margin-bottom:9px}.editor{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--ui-e9ece6)}.editor-top{height:65px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:20px}.editor-top .logo{font-size:17px}.editor-top .logo img{width:30px;height:30px}.top-separator{height:23px;width:1px;background:var(--border)}.project-title{background:transparent;border:1px solid transparent;border-radius:5px;padding:5px 7px;max-width:290px;font-size:12px;font-weight:550}.project-title:hover,.project-title:focus{border-color:var(--border);outline:none}.editor-top .session-indicator{font-size:10px;color:var(--ui-919d86);display:flex;gap:6px;align-items:center}.editor-top .spacer{flex:1}.editor-top .btn{padding:9px 15px}.editor-body{display:grid;grid-template-columns:246px minmax(200px,1fr) 284px;grid-template-rows:minmax(0,1fr);flex:1;min-height:0}.boards-panel{background:var(--ui-fcfdfb);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:19px 17px 15px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:650}.counter{font-size:10px;border:1px solid var(--border);background:var(--ui-f4f6ef);border-radius:5px;min-width:21px;display:grid;place-items:center;padding:3px 5px;font-weight:500;color:var(--ui-859576)}.board-search{padding:0 13px 13px}.board-search .search{padding:8px 10px}.boards-list{flex:1;overflow:auto;padding:0 10px}.board-card{border:1px solid transparent;border-radius:8px;padding:9px;display:flex;gap:11px;align-items:center;cursor:pointer;margin-bottom:6px;background:none;text-align:left;width:100%}.board-card:hover{background:var(--ui-f0f4e9)}.board-card.active{border-color:var(--ui-a8c77e);background:var(--ui-f1f7e7)}.board-mini{width:42px;height:72px;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px #0001;flex-shrink:0;background:linear-gradient(#0752dc,#073580)}.board-card-text{flex:1;min-width:0}.board-card-text strong{font-size:10px;font-weight:550;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.board-card-text small{display:block;color:var(--ui-95a486);font-size:9px;margin-top:5px}.board-card .board-number{font-size:8px;color:var(--ui-a0ad93);align-self:flex-start;margin-top:3px}.board-panel-bottom{padding:13px;border-top:1px solid var(--border)}.board-panel-bottom .btn{width:100%;font-size:11px}.board-panel-bottom p{font-size:9px;color:var(--ui-a0aa96);line-height:1.5;text-align:center;margin:11px 0 0}.canvas-workspace{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column;position:relative;background-color:var(--ui-ecefe9);background-image:radial-gradient(var(--ui-cdd5c7) 1px,transparent 1px);background-size:16px 16px}.canvas-toolbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;gap:10px;background:var(--ui-f8faf5);border-bottom:1px solid var(--ui-e0e5d9);flex-shrink:0}.canvas-toolbar .left-tools{display:flex;align-items:center;gap:5px}.tool-divider{width:1px;height:17px;background:var(--ui-dce3d3);margin:0 5px}.canvas-toolbar .format-label{font-size:10px;color:var(--ui-8f9d82);display:flex;gap:6px;align-items:center}.canvas-toolbar .format-label svg{width:13px}.canvas-area{flex:1;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:32px 35px 29px;position:relative}.artboard-wrapper{position:relative;box-shadow:0 8px 30px var(--ui-23302120);flex-shrink:0;margin:auto;line-height:0}.canvas-caption{font-size:9px;color:var(--ui-8c9b7e);position:absolute;top:-17px;left:0;line-height:1;white-space:nowrap}.canvas-bottom{height:40px;border-top:1px solid var(--ui-dce3d4);background:var(--ui-f7f9f3);display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px;color:var(--ui-8c9a7f);flex-shrink:0}.zoom-controls{display:flex;align-items:center;gap:6px}.zoom-controls .icon-btn{width:24px;height:25px}.zoom-controls svg{width:13px;height:13px}.zoom-controls button.zoom-value{font-size:10px;border:0;background:none;color:var(--ui-677b55);min-width:37px;cursor:pointer}.properties-panel{background:var(--ui-fcfdfb);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.property-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 13px;flex-shrink:0;height:47px;align-items:stretch}.property-tab{flex:1;border:0;background:none;font-size:11px;color:var(--ui-8c9a7e);font-weight:550;position:relative}.property-tab.active{color:var(--ui-3b512e)}.property-tab.active:after{content:'';height:2px;background:var(--ui-7ca153);position:absolute;bottom:0;left:10px;right:10px}.property-scroll{overflow:auto;flex:1;padding:0 18px}.property-section{padding:18px 0;border-bottom:1px solid var(--border)}.property-section h3{font-size:10px;font-weight:700;margin:0 0 13px;display:flex;align-items:center;justify-content:space-between}.property-section h3 svg{width:13px;color:var(--ui-9aa88d)}.field{display:block;margin-bottom:11px}.field:last-child{margin-bottom:0}.field>span{display:block;font-size:9px;color:var(--ui-92a184);margin:0 0 6px}.field input:not([type=color]):not([type=range]):not([type=checkbox]),.field select,.field textarea{width:100%;border:1px solid var(--ui-dfe5d8);border-radius:6px;padding:8px 9px;background:#fff;color:var(--ui-5e7151);font-size:10px;outline:none}.field textarea{resize:vertical;min-height:64px;line-height:1.5}.field input:focus,.field textarea:focus{border-color:var(--ui-91ae72)!important}.field-row{display:flex;gap:8px}.field-row .field{flex:1;min-width:0}.field-row .field input{width:100%}.color-input{display:flex;align-items:center;gap:8px;border:1px solid var(--border);padding:6px 8px;border-radius:6px;background:#fff}.color-input input[type=color]{width:21px;height:21px;border:0;padding:0;background:none;cursor:pointer}.color-input input[type=text]{padding:0!important;border:0!important;font-size:9px!important;flex:1;min-width:0}.color-row{display:flex;gap:8px}.color-row .field{width:50%}.segmented{display:flex;background:var(--ui-edf1e7);border:1px solid var(--ui-e2e9d9);border-radius:6px;padding:3px;gap:3px}.segmented button{flex:1;border:0;background:none;padding:7px 5px;border-radius:4px;font-size:10px;color:var(--ui-8c9a7e);display:flex;justify-content:center;align-items:center;gap:4px}.segmented button.selected{background:white;box-shadow:0 1px 4px var(--ui-2637200e);color:var(--ui-536d40)}.segmented svg{width:14px;height:14px}.image-slot{display:flex;align-items:center;gap:10px;background:var(--ui-f3f6ed);border:1px solid var(--border);border-radius:7px;padding:9px;margin:7px 0;cursor:pointer;width:100%;text-align:left}.image-slot:hover{border-color:var(--ui-afc495)}.image-slot img{width:31px;height:38px;object-fit:contain;background:#fff;border-radius:3px}.image-slot strong{display:block;font-size:10px;font-weight:550}.image-slot small{font-size:9px;color:var(--ui-99a98a);display:block;margin-top:3px}.image-slot svg{width:13px;height:13px;color:var(--ui-9aac89);margin-left:auto}.hint{font-size:9px;color:var(--ui-a0ac96);line-height:1.6;margin:10px 0 0}.align-buttons{display:flex;justify-content:space-between;gap:3px}.align-buttons .icon-btn{border-color:var(--border);width:32px;height:30px}.align-buttons svg{width:15px;height:15px}.layer-item{display:flex;align-items:center;gap:9px;padding:10px 8px;border:1px solid transparent;border-radius:6px;font-size:10px;cursor:pointer;margin-bottom:4px}.layer-item:hover{background:var(--ui-f0f4e9)}.layer-item.active{background:var(--ui-edf6df);border-color:var(--ui-c9dfb1)}.layer-item>svg{width:15px;height:15px;color:var(--ui-90a57c)}.layer-item .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-item .icon-btn{width:23px;height:23px}.layer-item .icon-btn svg{width:12px;height:12px}.tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tool-card{border:1px solid var(--border);background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 7px;font-size:10px;color:var(--ui-738966)}.tool-card:hover{border-color:var(--ui-b5cd9b);background:var(--ui-f3f8eb)}.tool-card svg{width:16px;height:16px}.property-footer{padding:12px 16px;border-top:1px solid var(--border);font-size:9px;color:var(--ui-a0ac96);text-align:center}.modal-backdrop{position:fixed;inset:0;background:var(--ui-19231b66);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:30px}.modal{width:min(920px,100%);max-height:calc(100vh - 60px);background:var(--ui-fcfdfb);border-radius:15px;box-shadow:0 20px 80px var(--ui-14261633);display:flex;flex-direction:column;overflow:hidden}.modal.narrow{width:510px}.modal-header{padding:24px 27px 20px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.modal-header h2{font-size:22px;letter-spacing:-.6px;font-weight:650;margin:0 0 7px}.modal-header p{font-size:11px;color:var(--ui-91a083);margin:0;line-height:1.6}.modal-content{padding:22px 27px;overflow:auto;min-height:0}.modal-footer{padding:17px 27px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--ui-f7f9f2);flex-shrink:0}.modal-footer small{color:var(--ui-94a287);font-size:10px;line-height:1.6}.export-controls{display:flex;align-items:center;gap:10px;margin-bottom:21px}.export-controls .spacer{flex:1}.export-controls .select{min-width:115px}.export-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.export-card{border:1px solid var(--border);border-radius:9px;overflow:hidden;cursor:pointer;background:white;position:relative}.export-card.selected{border:2px solid var(--ui-98b774)}.export-card-preview{background:var(--ui-edf1e7);padding:15px;display:flex;justify-content:center;height:222px}.export-card-preview img{height:100%;max-width:100%;object-fit:contain;box-shadow:0 3px 7px #0002;border-radius:2px}.export-card .checkbox{position:absolute;top:9px;right:9px;background:#fff;border:1px solid var(--ui-c8d7ba);width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:var(--ui-445f2e)}.export-card.selected .checkbox{background:var(--green);border-color:var(--green)}.export-card .checkbox svg{width:13px;height:13px}.export-card p{margin:11px 11px 5px;font-size:10px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.export-card small{display:block;font-size:9px;margin:0 11px 12px;color:var(--ui-98a58c)}.export-progress{margin-top:16px;height:5px;border-radius:5px;background:var(--ui-e9efdf);overflow:hidden}.export-progress div{height:100%;background:var(--ui-8fb859);transition:width .2s}.modal-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px}.modal-tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:10px 14px;font-size:11px;color:var(--ui-94a387)}.modal-tabs button.active{border-color:var(--ui-88aa61);color:var(--ui-4f6c38)}.picker-results{max-height:350px;overflow:auto;margin-top:15px}.picker-product{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:7px;background:#fff;padding:10px;margin:6px 0;width:100%;text-align:left}.picker-product:hover{background:var(--ui-f2f8e9);border-color:var(--ui-b0c792)}.picker-product img{width:34px;height:42px;object-fit:contain}.picker-product strong{display:block;font-size:10px;font-weight:550}.picker-product small{display:block;font-size:9px;color:var(--ui-96a58a);margin-top:4px}.picker-product .price{margin-left:auto;font-size:10px;white-space:nowrap}.upload-image-zone{border:1px dashed var(--ui-b7cda1);border-radius:9px;background:var(--ui-f4f8ed);text-align:center;padding:36px 20px}.upload-image-zone>svg{width:29px;height:29px;color:var(--ui-90ac75);margin-bottom:12px}.upload-image-zone p{font-size:11px;color:var(--ui-8b9b7d);margin:0 0 16px}.url-entry{display:flex;flex-direction:column;gap:15px;padding:10px 0}.url-entry .field input{font-size:12px!important;padding:12px!important}.alert{padding:12px 15px;background:#f8f0df;border:1px solid #ecdfc3;border-radius:7px;color:#9a7e42;font-size:11px;line-height:1.6;margin:13px 0}.error{color:#b85252;font-size:11px;line-height:1.6}.help-step{display:flex;gap:17px;margin-bottom:25px}.help-step .num{width:29px;height:29px;background:var(--ui-e9f1dc);border-radius:8px;display:grid;place-items:center;color:var(--ui-799756);font-size:11px;flex-shrink:0}.help-step strong{font-size:13px;font-weight:600}.help-step p{font-size:11px;color:var(--ui-8b9d7c);line-height:1.8;margin:7px 0 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--ui-889b78);padding:6px 0}.toggle-row input{accent-color:var(--ui-779b53)}.loading{padding:30px;text-align:center;color:var(--ui-8b9b7d);font-size:12px}.spinner{display:inline-block;width:17px;height:17px;border:2px solid var(--ui-dce9cd);border-top-color:var(--ui-789d51);border-radius:50%;animation:spin 1s linear infinite;vertical-align:middle;margin-right:7px}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:200;background:var(--ui-29372b);color:#fff;border:1px solid var(--ui-4d6242);border-radius:9px;box-shadow:0 6px 20px var(--ui-15231525);padding:13px 20px;font-size:12px;transition:.2s;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--ui-cbd6c1);border-radius:5px}::-webkit-scrollbar-track{background:transparent}.mobile-label{display:none}@media(min-width:1500px){.page{padding-top:40px}.page-heading h1{font-size:43px}.dropzone{min-height:240px}.preset-teaser{min-height:496px}.poster-display img{width:197px;height:351px}.poster-display:before{width:200px;height:339px}}@media(max-width:1150px){:root{--side:190px}.sidebar{padding:25px 13px}.logo{font-size:17px}.page{padding:27px}.topbar{padding:0 27px}.page-heading h1{font-size:32px}.import-grid{gap:18px;grid-template-columns:minmax(0,1.3fr) minmax(235px,1fr)}.upload-panel{padding:19px}.mapping{padding:7px 5px;font-size:9px;gap:4px}.editor-body{grid-template-columns:208px minmax(200px,1fr) 258px}.property-scroll{padding:0 14px}.canvas-area{padding-left:20px;padding-right:20px}.editor-top{gap:12px}.session-indicator{display:none!important}.format-info{max-width:280px}}@media(max-width:900px){:root{--side:76px}.sidebar{padding:23px 12px;align-items:center}.sidebar .logo{padding:0}.sidebar .logo span,.workspace,.sidebar .nav-label,.nav-item span,.session-note,.profile{display:none}.sidebar .logo img{width:36px;height:36px}.sidebar nav{margin-top:38px;width:100%}.nav-item{padding:13px;justify-content:center}.nav-item .nav-dot{display:none}.page{padding:26px}.import-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr)}.page-heading h1{font-size:30px}.page-heading p{font-size:11px}.heading-tag{display:none}.step-line{width:28px;margin:0 10px}.editor-body{grid-template-columns:170px minmax(180px,1fr) 235px}.editor-top .project-title{max-width:190px}.editor-top .logo span{display:none}.board-card{padding:6px;gap:7px}.board-mini{width:32px;height:56px}.board-card-text strong{font-size:9px}.export-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){:root{--side:0px}.sidebar{display:none}.topbar{height:61px;padding:0 20px}.topbar .tag{display:none}.mobile-label{display:inline-flex}.page{padding:22px 18px}.stepper{margin-bottom:26px;justify-content:space-between}.step{font-size:9px;gap:5px}.step .num{width:20px;height:20px;font-size:8px}.step-line{width:15px;margin:0 4px}.page-heading h1{font-size:32px}.page-heading p{font-size:11px}.import-grid{grid-template-columns:1fr}.preset-teaser{display:none}.how-row{gap:13px;margin-top:23px}.how-icon{display:none}.how-item strong{font-size:10px}.how-item p{font-size:9px}.page-footer{font-size:8px}.format-layout{flex-direction:column;gap:12px}.format-card{width:100%}.format-image img{height:270px}.format-info{padding:0;max-width:none}.table-toolbar{flex-wrap:wrap;padding:11px}.table-toolbar .search{max-width:none;flex-basis:100%}.table-stats{font-size:9px}.product-header,.product-row{grid-template-columns:22px minmax(120px,1fr) 66px;gap:7px;padding:11px}.product-header .sku-col,.product-row>.sku{display:none}.product-info{gap:8px}.product-info strong{font-size:10px}.product-info small{font-size:9px}.product-thumb{width:31px;height:40px}.price{font-size:11px}.selection-bar{padding:12px}.selection-bar .btn{font-size:10px;padding:10px}.selection-bar strong{font-size:10px}.selection-bar small{font-size:9px}.editor-top{height:57px;padding:0 10px;gap:6px}.editor-top .project-title{font-size:10px;max-width:130px}.editor-top>.top-separator{display:none}.editor-top .btn{font-size:10px;padding:8px 10px}.editor-top .btn svg{width:13px;height:13px}.editor-top .undo-area{display:none}.editor-body{display:flex;flex-wrap:wrap;overflow:auto}.boards-panel{width:100%;height:110px;order:2;border-top:1px solid var(--border);flex-direction:row;flex-shrink:0}.boards-panel .panel-header,.boards-panel .board-search,.board-panel-bottom{display:none}.boards-list{display:flex;overflow:auto;padding:7px;gap:7px}.board-card{width:160px;min-width:160px;margin:0}.canvas-workspace{width:100%;height:calc(100vh - 219px);min-height:360px;order:1;flex-shrink:0}.properties-panel{width:100%;order:3;flex-shrink:0;min-height:300px;height:auto}.property-scroll{overflow:visible;padding:0 20px}.property-tabs{height:44px}.property-footer{display:none}.canvas-area{padding:25px}.canvas-toolbar{height:39px;padding:0 10px}.canvas-toolbar .format-label{font-size:9px}.canvas-bottom{height:29px}.modal-backdrop{padding:13px}.modal{max-height:calc(100vh - 26px);border-radius:11px}.modal-header{padding:19px}.modal-header h2{font-size:20px}.modal-content{padding:18px}.modal-footer{padding:14px 18px}.export-grid{grid-template-columns:repeat(2,1fr);gap:12px}.export-card-preview{height:200px}.export-controls{flex-wrap:wrap}.export-controls .spacer{display:none}.modal-footer .btn{font-size:10px}.modal-tabs button{padding:10px;font-size:10px}}

.layer-checkbox{width:13px;height:13px;margin:0;flex-shrink:0;accent-color:var(--ui-789d51)}.layer-item:has(.layer-checkbox){gap:6px}.multi-properties .tools-grid{gap:7px}.multi-properties .tool-card{font-size:10px}.multi-properties .hint{margin-bottom:12px}.canvas-bottom>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.tool-card:disabled{opacity:.4;cursor:not-allowed}

.sources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.source-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px;min-width:0}.source-dropzone{border:1px dashed var(--ui-c6d5b4);border-radius:10px;background:var(--ui-fafcf7);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:205px;padding:22px 18px;gap:12px}.source-dropzone>svg{width:32px;height:32px;color:var(--ui-8ca477)}.source-dropzone strong{font-size:13px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}.source-dropzone p{font-size:11px;color:var(--ui-849672);margin:0}.source-dropzone.dragging{background:var(--ui-eff8e1);border-color:var(--ui-84a954)}.source-dropzone.busy{opacity:.65;pointer-events:none}.source-mappings{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.source-mappings span{font-size:9px;color:var(--ui-7f916f);display:flex;align-items:center;gap:5px;border:1px solid var(--ui-e4eadc);border-radius:5px;padding:5px 7px}.source-mappings b{color:var(--ui-5b763e);background:var(--ui-eef5e5);border-radius:3px;padding:2px 4px}.source-previous{display:flex;align-items:center;gap:7px;background:none;border:0;color:var(--ui-667f50);font-size:11px;margin-top:17px;padding:0;cursor:pointer}.source-previous svg{width:14px;height:14px}.import-next{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:22px 0;padding:18px 20px;border-radius:10px;background:var(--ui-edf3e7)}.import-next strong{font-size:12px}.import-next p{font-size:10px;color:var(--ui-859673);margin:6px 0 0}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.rules-grid>div{border-top:1px solid var(--ui-dbe4d1);padding:16px 0}.rules-grid svg{height:16px;width:16px;color:var(--ui-809969);margin-right:7px;vertical-align:middle}.rules-grid strong{font-size:12px}.rules-grid p{font-size:11px;color:var(--ui-8d9d80);line-height:1.6}.import-summary{padding:18px 20px;border:1px solid var(--ui-dce6d0);background:var(--ui-f8fbf3);border-radius:10px;margin-top:20px;font-size:11px;line-height:1.65}.import-summary>strong{font-size:12px}.import-summary p{margin:6px 0;color:var(--ui-7d906b)}.import-summary summary{cursor:pointer;color:#8d6940;padding:8px 0}.source-error,.import-summary .source-error{font-size:11px;color:#9a6348;line-height:1.6;margin:12px 0 0}.import-issues{max-height:220px;overflow:auto}.import-issues>div{display:flex;gap:12px;padding:5px 0;border-bottom:1px solid var(--ui-e5ebde)}.import-issues b{min-width:65px}.success-note{color:var(--ui-5a7d35)!important}.cluster-filter{max-width:430px;width:40%;text-overflow:ellipsis;min-width:170px}.offer-kind{display:inline-flex;font-size:10px;font-weight:650;background:var(--ui-edf4e3);color:var(--ui-6a844a);border-radius:5px;padding:5px 8px;margin-bottom:10px}.product-row .price{overflow-wrap:anywhere}.source-card .card-title{gap:10px;line-height:1.5}.source-card .check-circle{color:var(--ui-779c50)}
@media(max-width:900px){.sources-grid{gap:14px}.source-card{padding:16px}.import-next{align-items:flex-start;flex-direction:column}.cluster-filter{max-width:100%;width:100%}.table-toolbar:has(.cluster-filter){flex-wrap:wrap}.table-toolbar:has(.cluster-filter) .search{max-width:none;flex:1}}
@media(max-width:650px){.sources-grid,.rules-grid{grid-template-columns:1fr}.source-dropzone{min-height:170px}.rules-grid{gap:5px}.import-next .btn{width:100%}.import-summary{padding:14px}.product-row .price{font-size:10px;line-height:1.6}}

.image-spacing-range{width:100%;accent-color:var(--ui-789d51);margin:0 0 6px}.property-section select[data-mechanic]{width:100%}

.design-section.property-section{padding:0}.design-section>summary{display:flex;align-items:center;cursor:pointer;list-style:none;padding:16px 0;gap:8px}.design-section>summary::-webkit-details-marker{display:none}.design-section>summary h3{margin:0;flex:1}.design-section>summary:after{content:'';border-right:1.5px solid var(--ui-849574);border-bottom:1.5px solid var(--ui-849574);width:6px;height:6px;transform:rotate(45deg);margin-right:3px;transition:transform .15s}.design-section[open]>summary:after{transform:rotate(225deg)}.design-section-content{padding-bottom:16px;position:relative}.design-section-content>.section-close{float:right;margin-top:-8px}.design-section>summary:focus-visible{outline:2px solid var(--ui-a5c475);outline-offset:2px}
.format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.format-grid .format-card{width:auto;min-width:0;border-color:var(--ui-dce4d3)}.format-grid .format-card.is-selected{border-color:var(--ui-a7c583)}.format-grid .format-image{height:220px;align-items:center;padding:12px}.format-grid .format-image img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.export-card-preview img{object-fit:contain}.board-mini{object-fit:contain}@media(max-width:900px){.format-grid{grid-template-columns:1fr}.format-grid .format-image{height:180px}}
.board-mini{background:transparent;max-height:72px}

@font-face{font-family:"Cocogoose Pro";src:url("/assets/fonts/cocogoose-pro-semilight.ttf") format("truetype");font-weight:350;font-style:normal;font-display:block}
@font-face{font-family:"Cocogoose Pro";src:url("/assets/fonts/cocogoose-pro-regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:block}
@font-face{font-family:"Cocogoose Pro";src:url("/assets/fonts/cocogoose-pro-bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:block}

.image-layout-picker{margin:0 0 15px}.image-layout-label{display:block;font-size:11px;color:var(--ui-6c7c60);margin-bottom:8px}.image-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.image-layout-choice{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;border:1px solid var(--ui-dce4d3);background:var(--ui-f9fbf6);border-radius:7px;padding:7px 4px;color:var(--ui-819270);cursor:pointer}.image-layout-choice:hover{border-color:var(--ui-9cb77f);background:var(--ui-f0f6e8)}.image-layout-choice.selected{border-color:var(--ui-7ca34f);background:var(--ui-eaf4dc);color:var(--ui-527331);box-shadow:0 0 0 1px var(--ui-7ca34f) inset}.image-layout-choice:focus-visible{outline:2px solid var(--ui-638442);outline-offset:2px}.image-layout-choice svg{width:100%;height:42px;max-width:70px}.image-layout-choice span{font-size:9px;line-height:1.25;min-height:23px;text-align:center;color:var(--ui-516046)}
/* Shared animated dropdowns */
.pretty-select{position:relative;min-width:0;width:100%}.pretty-select-native{display:none!important}.pretty-select-trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:38px;padding:9px 11px;border:1px solid var(--ui-dce4d3);border-radius:9px;background:linear-gradient(#fff,var(--ui-fbfcf9));color:var(--ui-48573d);text-align:left;font:inherit;font-size:11px;cursor:pointer;box-shadow:0 1px 2px var(--ui-263a2205);transition:border-color .18s,box-shadow .18s,background .18s}.pretty-select-trigger:hover{border-color:var(--ui-afc596);background:var(--ui-f7faf2)}.pretty-select-trigger:focus-visible,.pretty-select-trigger[aria-expanded=true]{outline:0;border-color:var(--ui-91b765);box-shadow:0 0 0 3px var(--ui-b8da8e2b)}.pretty-select-trigger:disabled{opacity:.5;cursor:not-allowed}.pretty-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pretty-select-trigger>svg{flex:none;width:16px;height:16px;color:var(--ui-80936e);transition:transform .2s}.pretty-select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.pretty-select-menu{position:fixed;z-index:1000;padding:5px;overflow-y:auto;border:1px solid var(--ui-dce6d1);border-radius:11px;background:#fff;box-shadow:0 12px 35px var(--ui-253a2226),0 2px 7px var(--ui-253a2210);animation:select-open .17s cubic-bezier(.2,.7,.3,1);scrollbar-width:thin;scrollbar-color:var(--ui-c6d4b8) transparent}.pretty-select-menu.closing{pointer-events:none;animation:select-close .13s ease forwards}.pretty-select-option{display:flex;align-items:center;gap:9px;min-height:35px;border-radius:7px;padding:8px 9px;font-size:11px;line-height:1.4;color:var(--ui-5c6a51);cursor:pointer;transition:background .12s,color .12s}.pretty-select-option>span:not(.pretty-select-swatch){flex:1}.pretty-select-option[aria-selected=true]{color:var(--ui-496e2a);font-weight:650;background:var(--ui-edf5e3)}.pretty-select-option.focused{background:var(--ui-e5f1d7);color:var(--ui-3c5a29)}.pretty-select-option>svg{flex:none;width:15px;height:15px;color:var(--ui-6d9746)}.pretty-select-swatch{display:inline-block;flex:none;width:25px;height:19px;border-radius:5px;border:1px solid #0000000c;box-shadow:inset 0 0 0 1px #ffffff30}.cluster-filter+.pretty-select{width:auto}.export-controls>.pretty-select{width:auto;min-width:90px}@keyframes select-open{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes select-close{to{opacity:0;transform:translateY(-3px) scale(.98)}}@media(prefers-reduced-motion:reduce){.pretty-select-menu,.pretty-select-menu.closing{animation:none}.pretty-select-trigger,.pretty-select-trigger>svg,.pretty-select-option{transition:none}}

.table-toolbar>.pretty-select{width:min(350px,45%);flex:0 1 350px}@media(max-width:700px){.table-toolbar>.pretty-select{width:100%;flex-basis:100%}}

.sidebar>.nav-label{margin-top:36px}.sidebar .session-note{margin-bottom:0}.rules-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.rules-grid{grid-template-columns:1fr}}

@font-face{font-family:"Cocogoose Pro";src:url("/assets/fonts/cocogoose-pro-thin.ttf") format("truetype");font-weight:100;font-style:normal;font-display:block}