*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:#f5ede1;color:#082f24;height:100vh;overflow:hidden}.app-layout{display:flex;height:100vh;overflow:hidden}.main-column{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.content-area{flex:1;overflow-y:auto;background:#f5ede1}.sidebar{width:220px;background:#082f24;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.sidebar-logo{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}.sidebar-logo-img{width:100%;height:auto;display:block;border-radius:6px}.sidebar-nav{list-style:none;padding:12px 0;flex:1}.sidebar-nav li{padding:2px 8px}.sidebar-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:none;background:transparent;color:#fff9;cursor:pointer;font-size:13px;font-weight:500;text-align:left;transition:background .15s,color .15s}.sidebar-item:hover{background:#ffffff14;color:#fff}.sidebar-item.active{background:#00bd00;color:#fff}.sidebar-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:currentColor;margin-left:auto}.sidebar-step{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#8df01f;background:#00000040;padding:2px 6px;border-radius:4px;flex-shrink:0;line-height:1.4}.sidebar-item.active .sidebar-step{background:#fff3;color:#fff}.top-bar{background:#082f24;color:#fff;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;flex-shrink:0}.top-bar h1{font-size:18px;font-weight:700}.brand-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand-controls select,.brand-controls input{padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);font-size:12px;background:#ffffff1a;color:#fff}.brand-controls button{padding:6px 12px;border-radius:6px;border:none;font-size:12px;font-weight:600;cursor:pointer;color:#fff;background:#00bd00}.brand-controls button:hover{background:#090}button.primary,button.success{background:#00bd00;color:#fff;border:1px solid #00BD00;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}button.primary:hover,button.success:hover{background:#090;border-color:#090}button.primary:disabled,button.success:disabled{opacity:.5;cursor:not-allowed}button.danger{background:#fff;color:#e5554f;border:1px solid #fecaca;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}button.danger:hover{background:#fee2e2;border-color:#fca5a5}.fetch-bar{background:#0d3d2e;padding:10px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.08)}.fetch-bar label{color:#8df01f;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.fetch-bar input{padding:7px 10px;border-radius:6px;border:1px solid #00BD00;background:#082f24;color:#fff;font-size:13px;width:220px}.fetch-bar input::placeholder{color:#6b7280}.fetch-bar button{padding:7px 14px;border-radius:6px;border:none;background:#00bd00;color:#fff;font-weight:600;cursor:pointer;font-size:12px}.fetch-bar button:hover{background:#090}.fetch-bar button:disabled{opacity:.5;cursor:not-allowed}.fetch-status{color:#9ca3af;font-size:11px}.fetch-status.error{color:#f87171}.fetch-status.success{color:#00bd00}.fetch-preview{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}.fetch-preview img{height:24px;border-radius:4px;background:#fff;padding:2px}.fetch-preview .brand-name{color:#8df01f;font-weight:600;font-size:13px}.fetch-colors{display:flex;gap:4px}.fetch-color-dot{width:18px;height:18px;border-radius:4px;border:2px solid rgba(255,255,255,.2);cursor:pointer}.module-page{padding:24px;max-width:1400px}.section-heading{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#082f24;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid #00BD00}.section-heading-icon{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;color:#00bd00;flex-shrink:0}.controls-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}.control-pill{background:#fafafa;padding:8px 12px;border-radius:10px;border:1.5px solid #e5e7eb;display:inline-flex;align-items:center;gap:10px}.pill-field{display:flex;align-items:center;gap:6px}.pill-field label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.pill-divider{width:1px;align-self:stretch;background:#e5e7eb}.color-swatch{width:24px;height:24px;border-radius:6px;border:2px solid #e5e7eb;cursor:pointer;padding:0;flex-shrink:0}.pill-field input[type=text]{width:64px;padding:4px 6px;border-radius:6px;border:1px solid #d1d5db;font-family:monospace;text-transform:uppercase;text-align:center;font-size:12px;flex-shrink:0}.pill-swap{padding:6px 12px;border-radius:999px;border:none;background:#00bd00;color:#fff;cursor:pointer;font-weight:600;font-size:12px}.pill-swap:hover{background:#090}.brand-palette{display:inline-flex;gap:3px;align-items:center;padding-left:8px;margin-left:2px;border-left:1px solid #d1d5db}.brand-palette .brand-palette-dot{width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.12);cursor:pointer;padding:0;margin:0;flex-shrink:0;background-clip:padding-box;font-size:0;line-height:0;transition:transform .1s,box-shadow .1s}.brand-palette .brand-palette-dot:hover{transform:scale(1.2);box-shadow:0 1px 4px #0003}.brand-palette .brand-palette-dot.active{border:2px solid #082F24}.sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.asset-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 6px #0000000d}.asset-section h3{margin-bottom:12px;font-size:14px;color:#374151;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.asset-item{background:#f9fafb;border-radius:8px;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #f3f4f6;transition:box-shadow .15s}.asset-item:hover{box-shadow:0 2px 8px #00000014}.asset-item svg{max-width:80px;max-height:80px;display:block}.asset-item .asset-label{font-size:9px;color:#9ca3af;margin-top:4px;text-align:center;word-break:break-all;max-width:80px}.benefits-grid{grid-template-columns:repeat(auto-fill,100px)}.benefits-grid .asset-item svg{width:100%;height:auto;max-width:none;max-height:none}.download-bar{text-align:center;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;position:sticky;bottom:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px;box-shadow:0 1px 6px #0000000d}.download-bar button{background:#00bd00;color:#fff;border:none;padding:11px 24px;border-radius:10px;cursor:pointer;font-weight:700;font-size:13px}.download-bar button:hover{background:#090}.download-bar button:disabled{opacity:.5;cursor:not-allowed}.download-bar button.secondary{background:#082f24;color:#fff}.download-bar button.secondary:hover{background:#0d3d2e}.download-bar button.success{background:#00bd00;color:#fff}.download-bar button.success:hover{background:#090}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:100;align-items:center;justify-content:center}.modal-overlay.show{display:flex}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:12px;padding:24px;min-width:320px;max-width:90vw;box-shadow:0 8px 32px #00000026}.modal.icon-editor{width:560px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:16px;font-size:18px}.modal label{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:#374151}.modal input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid #d1d5db;margin-bottom:12px;font-size:13px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.modal button{padding:8px 16px;border-radius:8px;border:none;font-weight:600;cursor:pointer;font-size:13px}.modal button.cancel{background:#e5e7eb;color:#374151}.modal button.confirm{background:#00bd00;color:#fff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.module-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 6px #0000000d;display:flex;align-items:flex-start;gap:16px;border:none;cursor:pointer;text-align:left;transition:box-shadow .15s,transform .1s}.module-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.module-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.module-card-body{flex:1}.module-card-title{font-size:15px;font-weight:700;color:#111827;margin-bottom:6px}.module-card-desc{font-size:12px;color:#6b7280;line-height:1.5}.module-card-arrow{font-size:18px;color:#d1d5db;align-self:center}.folder-manifest{background:#fff;border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:0 1px 6px #0000000d}.manifest-list{list-style:none;display:flex;flex-direction:column;gap:4px}.manifest-item{font-size:12px;color:#374151;padding:4px 8px;border-radius:4px;background:#f9fafb}.manifest-item code{font-size:11px;color:#00bd00}.progress-bar-wrap{background:#e5e7eb;border-radius:999px;height:8px;position:relative;margin-bottom:12px;overflow:hidden}.progress-bar-fill{background:#00bd00;height:100%;transition:width .2s}.progress-label{position:absolute;right:0;top:-18px;font-size:11px;color:#6b7280}.folder-status{color:#00bd00;font-size:13px;margin-bottom:12px}.upload-stepper-ui{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 6px #0000000d}.upload-slot-card{margin-bottom:20px}.upload-slot-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.upload-step-badge{background:#00bd00;color:#fff;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:700}.upload-slot-title{font-weight:600;font-size:14px}.upload-slot-filename{font-size:11px;color:#9ca3af;margin-left:auto}.upload-slot-hint{font-size:11px;color:#082f24;background:#f0fdf0;padding:4px 10px;border-radius:4px;margin-bottom:12px;display:inline-block;font-weight:500}.upload-drop-zone{border:2px dashed #d1d5db;border-radius:10px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#9ca3af;font-size:13px;transition:border-color .15s}.upload-drop-zone:hover{border-color:#00bd00;color:#00bd00}.upload-drop-zone.dragging{border-color:#00bd00;color:#00bd00;background:#f0fdf0}.upload-favicon-zone{border:2px dashed #d1d5db;border-radius:10px;padding:32px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:#9ca3af;font-size:13px;transition:border-color .15s,background .15s,color .15s}.upload-favicon-zone:hover{border-color:#00bd00;color:#00bd00}.upload-favicon-zone.dragging{border-color:#00bd00;color:#00bd00;background:#f0fdf0}.upload-favicon-zone.has-content{padding:14px 16px;justify-content:flex-start;gap:12px;color:#374151}.upload-drop-icon{font-size:28px}.upload-preview-row{display:flex;align-items:center;gap:12px;background:#f9fafb;border-radius:8px;padding:12px}.upload-thumb-lg{width:60px;height:40px;object-fit:cover;border-radius:6px}.upload-preview-info{flex:1;display:flex;flex-direction:column;gap:2px}.upload-filename-text{font-size:13px;font-weight:500}.upload-filesize{font-size:11px;color:#9ca3af}.upload-clear-btn{padding:6px 10px;border-radius:6px;border:none;background:#fee2e2;color:#ef4444;font-size:11px;font-weight:600;cursor:pointer}.upload-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-nav-btn{padding:6px 14px;border-radius:6px;border:1px solid #d1d5db;background:transparent;font-size:12px;font-weight:600;cursor:pointer;color:#374151}.upload-nav-btn:hover:not(:disabled){background:#00bd00;color:#fff;border-color:#00bd00}.upload-nav-btn:disabled{opacity:.35;cursor:not-allowed}.upload-dots{display:flex;gap:6px;align-items:center}.upload-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;cursor:pointer;border:none;padding:0;transition:all .15s}.upload-dot:hover{background:#00bd00}.upload-dot.active{background:#00bd00;width:20px;border-radius:4px}.upload-dot.filled{background:#8df01f}.upload-dot.filled.active{background:#00bd00}.bc-layout{display:flex;gap:24px;align-items:flex-start}.bc-steps{width:360px;flex-shrink:0;background:#fff;border-radius:12px;box-shadow:0 1px 6px #0000000d;overflow:hidden}.bc-step-divider{height:1px;background:#f3f4f6;margin:4px 0}.bc-controls{padding:16px;display:flex;flex-direction:column;gap:12px}.bc-card-label{font-size:13px;font-weight:600;color:#9ca3af;margin-bottom:4px;transition:color .12s}.bc-preview-wrap.active .bc-card-label{color:#082f24}.bc-field{display:flex;flex-direction:column;gap:4px}.bc-field>label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.4px}.bc-field input[type=text],.bc-field textarea{padding:7px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical}.bc-field input[type=range]{width:100%;accent-color:#00BD00}.bc-drop-zone{border:2px dashed #d1d5db;border-radius:8px;padding:12px;text-align:center;font-size:12px;color:#9ca3af;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.bc-drop-zone:hover{border-color:#00bd00;color:#00bd00}.bc-drop-zone.dragging{border-color:#00bd00;color:#00bd00;background:#f0fdf0}.bc-file-row{display:flex;align-items:center;gap:8px}.bc-thumb{width:52px;height:34px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb}.bc-no-file{font-size:11px;color:#9ca3af}.bc-file-row button{padding:5px 10px;border-radius:6px;border:1px solid #e5e7eb;background:#f9fafb;font-size:12px;cursor:pointer}.bc-file-row button:hover{background:#00bd00;color:#fff;border-color:#00bd00}.bc-clear{background:#fee2e2!important;color:#ef4444!important;border-color:#fecaca!important}.bc-template-row{display:flex;gap:4px}.bc-template-btn{flex:1;padding:6px 4px;border-radius:6px;border:1px solid #e5e7eb;background:#f9fafb;font-size:11px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.bc-template-btn:hover{background:#f3f4f6;color:#082f24}.bc-template-btn.active{background:#00bd00;color:#fff;border-color:#00bd00}.img-pos-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#6b7280}.img-pos-row>span:first-child{width:44px;flex-shrink:0}.img-pos-row input[type=range]{flex:1;accent-color:#00BD00}.img-pos-val{width:38px;text-align:right;font-variant-numeric:tabular-nums}.img-pos-reset{margin-left:auto;padding:2px 8px!important;font-size:10px!important;background:transparent!important;border:1px solid #e5e7eb!important;color:#6b7280!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important}.img-pos-reset:hover{background:#f9fafb!important;color:#082f24!important}.bc-previews{flex:1;display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}.bc-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;opacity:.75;transition:opacity .15s,transform .1s}.bc-preview-wrap:hover{opacity:.9}.bc-preview-wrap.active{opacity:1;transform:scale(1.02)}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#082f24;padding:24px}.auth-gate-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:12px;background:#fff;padding:28px;border-radius:12px;box-shadow:0 8px 32px #0000004d}.auth-gate-title{font-size:18px;font-weight:700;color:#082f24}.auth-gate-desc{font-size:13px;color:#6b7280;line-height:1.5}.auth-gate-desc code,.auth-gate-note code{font-size:12px;background:#f3f4f6;padding:1px 4px;border-radius:3px}.auth-gate-input{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit}.auth-gate-input:focus{outline:none;border-color:#00bd00}.auth-gate-error{font-size:12px;color:#e5554f}.auth-gate-note{font-size:11px;color:#9ca3af;line-height:1.5}.brand-card-stack{display:flex;flex-direction:column}.brand-builds{display:flex;flex-direction:column;gap:2px;margin:0 0 8px;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px}.brand-builds-label{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px}.brand-build-row{display:flex;align-items:center;gap:8px}.brand-build-dl{font-size:12px;font-weight:600;color:#082f24;text-decoration:none;padding:2px 0}.brand-build-dl:hover{color:#00bd00;text-decoration:underline}.brand-build-meta{font-size:11px;color:#9ca3af}.brand-build-del{margin-left:auto;width:18px;height:18px;padding:0;line-height:1;font-size:9px;cursor:pointer;color:#9ca3af;background:transparent;border:1px solid #e5e7eb;border-radius:4px}.brand-build-del:hover{background:#fee2e2;color:#e5554f;border-color:#fca5a5}.overlay-preview-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay-preview-shape{position:absolute;left:0;top:0;height:100%;display:block}.overlay-preview-logo{position:absolute;height:auto;display:block}.ov-section{border-top:1px solid #f3f4f6;padding-top:12px}.ov-section>label{display:flex;align-items:center;gap:8px}.ov-label-actions{display:inline-flex;gap:4px;margin-left:auto}.ov-shape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px}.ov-shape-btn{aspect-ratio:4 / 3;padding:0;cursor:pointer;overflow:hidden;background:#f9fafb;border:1px solid #e5e7eb;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:border-color .12s,box-shadow .12s}.ov-shape-btn:hover{border-color:#d1d5db}.ov-shape-btn.active{border-color:#00bd00;box-shadow:0 0 0 2px #00bd002e}.ov-shape-btn svg{width:100%;height:100%;display:block}.ov-shape-none{font-size:9px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px}.ov-swatch-row{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0 4px}.ov-swatch{width:22px;height:22px;border-radius:4px;cursor:pointer;border:1px solid rgba(0,0,0,.15)}.ov-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #00bd00}.ov-swatch-custom,.grad-swatch{width:22px;height:22px;padding:0;cursor:pointer;border:1px solid rgba(0,0,0,.15);border-radius:4px;background:none}.ov-radio-row,.grad-modes{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.ov-fill-modes{margin:10px 0 6px}.ov-stops,.grad-stops{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px}.ov-stop,.grad-stop{position:relative;display:inline-flex}.ov-stop-del,.grad-stop-del{position:absolute;top:-5px;right:-5px;width:13px;height:13px;padding:0;line-height:11px;font-size:8px;cursor:pointer;border:1px solid #e5e7eb;border-radius:50%;background:#fff;color:#6b7280}.ov-stop-del:hover,.grad-stop-del:hover{background:#fee2e2;color:#e5554f}.ov-stop-add,.grad-stop-add{width:22px;height:22px;padding:0;cursor:pointer;font-size:13px;line-height:1;color:#6b7280;border:1px dashed #d1d5db;border-radius:4px;background:#f9fafb}.ov-stop-add:hover,.grad-stop-add:hover{border-color:#00bd00;color:#082f24}.grad-editor{display:flex;flex-direction:column;gap:6px;margin-top:6px}.grad-modes{margin-bottom:2px}.grad-angle{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280}.grad-angle input[type=range]{flex:0 0 150px;width:150px;accent-color:#00BD00}.grad-angle-val{font-family:monospace;font-size:11px;color:#082f24;min-width:34px;text-align:right}.ov-radio,.grad-radio{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#4b5563;cursor:pointer}.ov-hint{font-size:11px;color:#e5554f;margin-bottom:6px}.bc-previews.cols-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-wrap:nowrap}.bc-previews.cols-3 .bc-preview-wrap{min-width:0}.bc-previews.cols-3 .campaign-canvas-wrap{display:block;width:100%}.bc-previews.cols-3 .campaign-canvas-wrap canvas{width:100%!important;height:auto!important}.bc-preview-label{font-size:11px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.bc-preview-wrap.active .bc-preview-label{color:#00bd00}.bc-canvas-wrap{display:inline-block}.campaign-canvas-wrap{display:inline-block;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000001f}.campaign-canvas-wrap.interactive{cursor:grab;-webkit-user-select:none;user-select:none}.campaign-canvas-wrap.interactive:active{cursor:grabbing}.campaign-canvas-wrap canvas{display:block}.bc-canvas-wrap.interactive{cursor:grab;-webkit-user-select:none;user-select:none}.bc-canvas-wrap.interactive:active{cursor:grabbing}.promo-banner-preview.interactive{cursor:grab;-webkit-user-select:none;user-select:none}.promo-banner-preview.interactive:active{cursor:grabbing}.branding-section button{padding:7px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#f3f4f6;color:#374151;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.branding-section button:hover{background:#e5e7eb}.branding-section button.primary{background:#00bd00;color:#fff;border-color:#00bd00}.branding-section button.primary:hover{background:#090;border-color:#090}.branding-section button.danger{background:#fff;color:#e5554f;border-color:#fecaca}.branding-section button.danger:hover{background:#fee2e2}.branding-section button:disabled{opacity:.5;cursor:not-allowed}.branding-section .btn-apply{background:#00bd00;color:#fff;border-color:#00bd00}.branding-section .btn-apply:hover{background:#090;border-color:#090}.branding-welcome{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:20px}.branding-welcome-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:28px 24px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,transform .1s,box-shadow .15s}.branding-welcome-card:hover{border-color:#00bd00;box-shadow:0 4px 16px #00bd001f;transform:translateY(-2px)}.branding-welcome-icon{font-size:28px;color:#00bd00;font-weight:700;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f0fdf0;border-radius:12px}.branding-welcome-title{font-size:16px;font-weight:700;color:#082f24}.branding-welcome-desc{font-size:13px;color:#6b7280;line-height:1.4}.branding-back-btn{background:none;border:none;cursor:pointer;color:#6b7280;font-size:13px;font-weight:600;padding:4px 8px;margin-bottom:12px;border-radius:6px}.branding-back-btn:hover{color:#082f24;background:#f3f4f6}.branding-input{width:100%;max-width:480px;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px}.branding-input:focus{outline:none;border-color:#00bd00;box-shadow:0 0 0 3px #00bd0026}.branding-checkbox{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.branding-checkbox input{accent-color:#00BD00}.brand-card-domain{font-size:11px;color:#9ca3af;font-family:monospace}.branding-welcome-card-row{width:100%;flex-direction:row!important;align-items:center;gap:16px}.branding-welcome-card-row .branding-welcome-text{display:flex;flex-direction:column;gap:4px;text-align:left;flex:1;min-width:0}.branding-welcome-card-row .branding-welcome-icon{flex-shrink:0}.branding-welcome-card-danger:hover{border-color:#dc2626;box-shadow:0 4px 16px #dc26261f}.branding-welcome-card-danger .branding-welcome-icon{color:#dc2626;background:#fef2f2}.brand-grid-1col{grid-template-columns:1fr}.brand-card-row{flex-direction:row;align-items:center;gap:14px;padding:12px 16px}.brand-card-row .brand-card-favicon{width:40px;height:40px}.brand-card-row-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.brand-card-row .brand-card-swatches{flex-shrink:0}.brand-card-applied{font-size:11px;color:#082f24;font-weight:700;background:#d4f7c5;padding:4px 10px;border-radius:999px}.section-sub{color:#6b7280;font-size:14px;margin-bottom:28px;margin-top:-8px}.branding-section{background:#fff;border-radius:12px;padding:24px 28px;margin-bottom:20px;border:1px solid #e5e7eb}.branding-section-title{font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.brand-count{background:#d4f7c5;color:#082f24;font-size:11px;padding:1px 7px;border-radius:20px;font-weight:600}.fetch-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fetch-domain-input{flex:0 0 240px;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px}.brandfetch-quota{margin-left:auto;font-size:11px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:999px;font-variant-numeric:tabular-nums}.fetch-preview-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb}.fetch-logo{width:56px;height:56px;border-radius:6px;object-fit:contain;padding:4px;border:1px solid #e5e7eb}.fetch-preview-info{display:flex;flex-direction:column;gap:6px}.fetch-brand-name{font-weight:700;font-size:15px;color:#111827}.fetch-colors{display:flex;gap:6px;flex-wrap:wrap}.fetch-color-dot{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.favicon-preview{display:flex;align-items:center;gap:8px;margin-top:6px;padding-top:6px;border-top:1px dashed #e5e7eb}.favicon-thumb{width:32px;height:32px;border-radius:4px;background:#fff;border:1px solid #e5e7eb;object-fit:contain;padding:2px}.favicon-thumb.small{width:18px;height:18px}.favicon-label{font-size:11px;color:#6b7280}.btn-apply{margin-left:auto;background:#00bd00;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-apply:hover{background:#090}.colour-set-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;align-items:start;margin-bottom:20px}.colour-set-columns>.branding-section{margin-bottom:0}.color-pills-stack{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.color-pill-row{display:flex;align-items:center;gap:10px}.color-pill-label{font-size:12px;font-weight:600;color:#6b7280;width:64px;flex-shrink:0}.branding-save-row{display:flex;gap:10px}.brand-search{width:240px;max-width:100%;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px;margin-bottom:14px;background:#fff}.brand-search:focus{outline:none;border-color:#00bd00;box-shadow:0 0 0 3px #00bd0026}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.brand-card{border:1.5px solid #e5e7eb;border-radius:10px;padding:14px;background:#fafafa;display:flex;flex-direction:column;gap:10px;transition:border-color .15s,box-shadow .15s,transform .1s;text-align:left;cursor:pointer;font:inherit}.brand-card:hover{transform:translateY(-1px)}.brand-card:hover{border-color:#8df01f;box-shadow:0 2px 8px #00bd001a}.brand-card.active{border-color:#00bd00;background:#f0fdf0}.brand-card-swatches{display:flex;gap:4px;flex-wrap:wrap}.brand-swatch{width:22px;height:22px;border-radius:4px;border:1px solid rgba(0,0,0,.08)}.brand-card-name{font-weight:600;font-size:13px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.brand-card-header{display:flex;align-items:center;gap:8px}.brand-card-favicon{width:32px;height:32px;border-radius:6px;background:#fff;border:1px solid #e5e7eb;object-fit:contain;padding:2px;flex-shrink:0}.brand-card-actions{display:flex;gap:6px}.brand-card-actions button{flex:1;font-size:12px;padding:5px 0}.brand-empty{color:#9ca3af;font-size:14px}.scraper-modal{background:#fff;border-radius:12px;width:90vw;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000002e}.scraper-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.scraper-modal-header h2{font-size:16px}.scraper-close{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;line-height:1}.scraper-search-row{display:flex;gap:8px;padding:14px 20px}.scraper-search-row input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:14px}.scraper-search-row button{padding:8px 16px;border-radius:8px;border:none;font-weight:600;cursor:pointer;background:#f3f4f6;color:#374151}.scraper-search-row button.primary{background:#00bd00;color:#fff}.scraper-search-row button.primary:hover{background:#090}.scraper-search-row button:disabled{opacity:.5;cursor:not-allowed}.scraper-error{color:#e5554f;padding:0 20px;font-size:13px}.scraper-pages,.scraper-empty{color:#6b7280;padding:0 20px 6px;font-size:12px}.scraper-count{color:#082f24;padding:0 20px 6px;font-size:13px;font-weight:500}.scraper-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:8px 20px 20px}.scraper-thumb{position:relative;aspect-ratio:1 / 1;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb;overflow:hidden;cursor:pointer;padding:0;transition:border-color .15s,transform .1s}.scraper-thumb:hover{border-color:#00bd00;transform:scale(1.02)}.scraper-thumb:disabled{cursor:not-allowed;opacity:.6}.scraper-thumb.downloading{border-color:#00bd00;opacity:.5}.scraper-thumb img{width:100%;height:100%;object-fit:cover;display:block}.scraper-badge{position:absolute;top:4px;right:4px;background:#00bd00;color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:999px;text-transform:uppercase}.find-from-website-btn{margin-top:8px;padding:6px 12px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer}.find-from-website-btn:hover{background:#e5e7eb;color:#082f24}.strip-loading{font-size:11px;color:#9ca3af;padding:8px 0}.scraped-strip{margin-top:10px;padding-top:10px;border-top:1px dashed #e5e7eb}.scraped-strip-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;display:flex;align-items:center;gap:10px}.scraped-strip-label .strip-action{background:none;border:none;padding:0;margin:0;font:inherit;font-size:10px;font-weight:700;letter-spacing:.4px;color:#00bd00;cursor:pointer;text-transform:uppercase}.scraped-strip-label .strip-action:hover{text-decoration:underline}.scraped-strip-label .strip-action:disabled{color:#9ca3af;cursor:default;text-decoration:none}.strip-delete{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#e5554f;color:#fff;font-size:10px;line-height:16px;text-align:center;cursor:pointer;z-index:2}.strip-delete:hover{background:#c53b36}.scraped-strip-thumbs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.scraped-strip-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:2px}.scraped-strip-size{font-size:9px;color:#6b7280;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.scraped-strip-thumb{width:60px;height:60px;border:1.5px solid #e5e7eb;border-radius:6px;background:#f9fafb;padding:0;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .1s}.scraped-strip-thumb:hover{border-color:#00bd00;transform:scale(1.05)}.scraped-strip-thumb:disabled{cursor:not-allowed;opacity:.5}.scraped-strip-thumb.downloading{border-color:#00bd00;opacity:.6}.scraped-strip-thumb img{width:100%;height:100%;object-fit:cover;display:block}.promo-previews{flex-direction:column;gap:24px}.promo-banner-preview{width:600px;height:150px;border-radius:6px;box-shadow:0 4px 20px #0000001f;display:flex;align-items:center;padding:0 28px;position:relative;overflow:hidden}.promo-banner-img{position:absolute;pointer-events:none;max-width:none;-webkit-user-select:none;user-select:none}.promo-banner-text{font-weight:700;font-size:16px;line-height:1.4;max-width:60%;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.2)}.promo-banner-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px;background:#e5e7eb}.cv-select{padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;font-size:13px;background:#fff;min-width:180px;cursor:pointer}.cv-preview{background:#082f24;color:#8df01f;padding:16px 18px;border-radius:8px;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-x:auto}.dl-list{list-style:none;display:flex;flex-direction:column;gap:12px}.dl-list li{display:flex;align-items:flex-start;gap:12px}.dl-check{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#00bd00;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;transition:background .2s}.dl-check.partial{background:#f59e0b}.dl-check.empty{background:#fff;border:2px solid #d1d5db}.dl-title{font-weight:600;font-size:14px;color:#082f24;display:flex;align-items:center;gap:8px}.dl-desc{font-size:12px;color:#6b7280;margin-top:2px}.dl-progress{font-size:11px;padding:1px 7px;border-radius:20px;font-weight:600;font-variant-numeric:tabular-nums}.dl-progress.complete{background:#d4f7c5;color:#082f24}.dl-progress.partial{background:#fef3c7;color:#92400e}.dl-progress.empty{background:#f3f4f6;color:#6b7280}.branding-section .fetch-status{color:#6b7280;font-size:12px}.branding-section .fetch-status.error{color:#e5554f}.branding-section .fetch-status.success{color:#00bd00}.bc-canvas-wrap canvas{display:block}.font-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.font-row .cv-select{min-width:260px}.font-preview{border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;background:#fff;display:flex;flex-direction:column;gap:4px}.font-preview-head{font-size:20px;font-weight:700;color:#082f24}.font-preview-body{font-size:13px;color:#6b7280}.icon-countries{margin-top:3px;font-size:8px;font-weight:700;letter-spacing:.3px;color:#082f24;background:#d4f7c5;border-radius:20px;padding:1px 6px;max-width:80px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-picker-head{display:flex;align-items:center;gap:8px;margin-bottom:7px;font-size:11px;color:#9ca3af}.country-picker-head .cp-link{background:none;border:none;padding:0;margin:0;font:inherit;font-weight:600;color:#00bd00;cursor:pointer}.country-picker-head .cp-link:hover{text-decoration:underline}.country-picker-head .cp-sep{color:#e5e7eb}.country-picker{display:flex;flex-wrap:wrap;gap:6px}.country-picker .country-chip{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;margin:0;padding:5px 11px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.3px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s}.country-picker .country-chip:hover{border-color:#b8bfc7;background:#f9fafb;color:#374151}.country-picker .country-chip.on{background:#00bd00;border-color:#00bd00;color:#fff}.country-picker .country-chip.on:hover{background:#00a800;border-color:#00a800;color:#fff}.country-picker .country-chip.on:before{content:"✓";font-size:10px;line-height:1}.country-picker .country-chip input{position:absolute;width:1px;height:1px;margin:0;padding:0;opacity:0;pointer-events:none}.country-picker .country-chip:focus-within{box-shadow:0 0 0 3px #00bd0040;border-color:#00bd00}.asset-item.editable{cursor:pointer}.asset-item.editable:hover{box-shadow:0 0 0 2px #00bd00}.import-table th{font-weight:600;color:#6b7280}.import-table input{border:1px solid #e5e7eb;border-radius:4px}