:root{--sls-brand-cream: #fff9f2;--sls-brand-ink: #17151c;--sls-brand-purple: #7e49d1;--sls-brand-yellow: #ffd166;--sls-brand-teal: #19cfc7;--sls-brand-pink: #ff6b8a;--sls-neutral-0: #ffffff;--sls-neutral-50: #fffdf9;--sls-neutral-100: #fff9f2;--sls-neutral-200: #f5eee6;--sls-neutral-300: #e4d9ce;--sls-neutral-500: #716b72;--sls-neutral-700: #3e3941;--sls-neutral-900: #17151c;--sls-surface-0: #fff9f2;--sls-surface-1: #fffdf9;--sls-surface-2: #ffffff;--sls-surface-3: #f5eee6;--sls-surface-elevated: #ffffff;--sls-surface-canvas: #f1f1f1;--sls-text-primary: #17151c;--sls-text-secondary: #57515a;--sls-text-muted: #716b72;--sls-text-inverse: #fff9f2;--sls-border-subtle: #e4d9ce;--sls-border-strong: #b9adb6;--sls-state-ready: #087f79;--sls-state-ready-surface: #d8f7f4;--sls-state-experimental: #8a5b00;--sls-state-experimental-surface: #fff2bd;--sls-state-coming-soon: #655f67;--sls-state-coming-soon-surface: #eee9ed;--sls-state-access: #633aa5;--sls-state-access-surface: #eee5fb;--sls-state-success: #137547;--sls-state-info: #2667a8;--sls-state-warning: #986400;--sls-state-error: #b42318;--sls-state-error-surface: #fce8e6;--sls-focus-ring: #7e49d1;--sls-focus-offset: #fff9f2;--sls-space-1: 4px;--sls-space-2: 8px;--sls-space-3: 12px;--sls-space-4: 16px;--sls-space-6: 24px;--sls-space-8: 32px;--sls-space-12: 48px;--sls-radius-control: 8px;--sls-radius-card: 12px;--sls-radius-dialog: 16px;--sls-shadow-card: 0 1px 2px rgba(23, 21, 28, .06);--sls-shadow-elevated: 0 10px 28px rgba(23, 21, 28, .14);--sls-shadow-dialog: 0 20px 52px rgba(23, 21, 28, .2);--sls-font-display: "Fredoka", "Arial Rounded MT Bold", sans-serif;--sls-font-ui: "IBM Plex Sans", system-ui, sans-serif;--sls-font-size-sm: .82rem;--sls-font-size-md: 1rem;--sls-font-size-lg: 1.25rem;--sls-motion-fast: .12s;--sls-motion-standard: .18s;--sls-motion-slow: .26s;--sls-ease-standard: cubic-bezier(.2, 0, 0, 1);--page-bg: var(--sls-surface-0);--surface: var(--sls-surface-2);--surface-soft: var(--sls-surface-3);--border-color: var(--sls-border-subtle)}:root[data-theme=dark]{--sls-neutral-0: #27242c;--sls-neutral-50: #211e25;--sls-neutral-100: #17151c;--sls-neutral-200: #2d2932;--sls-neutral-300: #45404a;--sls-neutral-500: #aaa3ad;--sls-neutral-700: #ddd6df;--sls-neutral-900: #fff9f2;--sls-surface-0: #17151c;--sls-surface-1: #1d1a21;--sls-surface-2: #242129;--sls-surface-3: #2d2932;--sls-surface-elevated: #302c35;--sls-surface-canvas: #eeeeee;--sls-text-primary: #fff9f2;--sls-text-secondary: #d3ccd6;--sls-text-muted: #aaa3ad;--sls-text-inverse: #17151c;--sls-border-subtle: #45404a;--sls-border-strong: #6e6672;--sls-state-ready: #47e0d8;--sls-state-ready-surface: #163d3d;--sls-state-experimental: #ffd166;--sls-state-experimental-surface: #493b18;--sls-state-coming-soon: #c7bec9;--sls-state-coming-soon-surface: #39343e;--sls-state-access: #c4a4f4;--sls-state-access-surface: #3c2c55;--sls-state-success: #59d994;--sls-state-info: #76b7f5;--sls-state-warning: #ffd166;--sls-state-error: #ff8d85;--sls-state-error-surface: #4a2426;--sls-focus-ring: #b78bf2;--sls-focus-offset: #17151c}@media (prefers-reduced-motion: reduce){:root{--sls-motion-fast: 0ms;--sls-motion-standard: 0ms;--sls-motion-slow: 0ms}}.access-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--page-bg,#eee7dc)}.access-card{width:min(100%,520px);display:grid;justify-items:center;gap:12px;padding:38px;text-align:center;background:var(--surface,#fffaf3);border:1px solid var(--border-color,#ddd2c5);border-radius:16px;box-shadow:0 18px 48px #24312e21}.access-card h1,.access-card p{margin:0}.access-card>small{margin-top:8px;color:#6f7a77}.access-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px}.auth-spinner{width:30px;height:30px;border:3px solid #d7cabd;border-top-color:#4f806d;border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.system-topbar{align-items:center}.account-menu{position:relative;margin-left:auto}.account-menu summary{display:flex;align-items:center;gap:6px;padding:8px 10px;cursor:pointer}.account-card{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:280px;display:grid;gap:8px;padding:16px;background:var(--surface,#fffaf3);border:1px solid var(--border-color,#ddd2c5);border-radius:10px;box-shadow:0 12px 30px #24312e29}.account-card>span{color:#68736f;font-size:.8rem}.account-card dl{display:grid;gap:5px;margin:6px 0}.account-card dl div{display:flex;justify-content:space-between;gap:12px;font-size:.78rem}.account-card dt{color:#68736f}.account-card dd{margin:0;font-weight:700;text-transform:capitalize}.settings-toggle{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:14px;background:var(--surface-soft,#f6f0e8);border:1px solid var(--border-color,#ddd2c5);border-radius:9px}.settings-toggle input{margin-top:4px}.settings-toggle span{display:grid;gap:3px}.settings-toggle small{color:#68736f}.access-denied-panel{max-width:680px}:root{color:var(--sls-text-primary);background:var(--sls-surface-0);font-family:var(--sls-font-ui);font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{color-scheme:dark;color:#e7ece9;background:#141918}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.system-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:#f7f4ef}.system-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;overflow:auto;padding:18px;background:#202624;color:#fffaf3}.system-brand{width:100%;display:grid;grid-template-columns:46px 1fr;gap:12px;align-items:center;padding:8px;color:#fffaf3;text-align:left;background:transparent;border:0}.system-brand-mark{width:46px;height:46px;display:grid;place-items:center;color:#202624;background:#d7e7df;border-radius:8px;font-weight:900}.system-brand strong,.system-brand small{display:block}.system-brand small{color:#b8c7c2}.system-nav,.nav-group,.nav-children,.sidebar-footer{display:grid;gap:6px}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,250,243,.12)}.nav-item,.nav-child{width:100%;min-height:40px;display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:0 10px;color:#dbe6e2;text-align:left;background:transparent;border:0;border-radius:8px}.nav-child{min-height:34px;margin-left:16px;width:calc(100% - 16px);color:#b8c7c2;font-size:.88rem}.nav-child small{color:#d8c3a5;font-size:.72rem;font-weight:800}.nav-item.active,.nav-child.active,.nav-item:hover,.nav-child:hover{color:#fff;background:#fffaf31a}.nav-item.compact{min-height:34px}.system-main{min-width:0}.system-topbar{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:#fffaf3;border-bottom:1px solid #ddd2c5}.system-topbar h1{margin:0;font-size:2rem;line-height:1}.page-content{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:32px 0}.dashboard-hero,.dashboard-section,.placeholder-page{margin-bottom:24px;padding:24px;background:#fffaf3;border:1px solid #ddd2c5;border-radius:8px}.dashboard-hero h2,.placeholder-page h2,.dashboard-section h2{color:#202624;font-size:1.45rem}.dashboard-grid,.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:24px}.module-card,.platform-card{min-height:190px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;color:#202624;text-align:left;background:#fffaf3;border:1px solid #ddd2c5;border-radius:8px}.platform-card{min-height:150px}.platform-card strong,.module-card h3{margin:0;font-size:1.1rem}.platform-card span,.module-card p{color:#52615d;line-height:1.45}.script-platform-card{min-height:230px}.script-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.script-detail-card{min-height:240px}.script-platform-card.disabled{opacity:.72}.script-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.script-platform-icon{width:42px;height:42px;display:grid;place-items:center;color:#24312e;background:#d7e7df;border:1px solid #abc9be;border-radius:8px}.status-pill{min-height:26px;display:inline-flex;align-items:center;padding:0 9px;color:#6f5f48;background:#eee8de;border:1px solid #ddd2c5;border-radius:999px;font-size:.74rem;font-weight:800}.status-pill.ready{color:#24312e;background:#d7e7df;border-color:#abc9be}.script-download-link{margin-top:auto}.platform-card .script-download-link.primary-action{color:#fff;background:var(--sls-brand-purple);border-color:var(--sls-brand-purple)}.script-platform-card:not(.disabled):hover .script-download-link.primary-action{background:#6935bb}.script-download-link.disabled{opacity:.68}.back-button{margin-bottom:16px}.module-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.dashboard-module-section{width:100%;display:grid;gap:7px}.dashboard-module-section h4{margin:4px 0 0;color:#52615d;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.dashboard-module-section .module-card-actions{margin-top:0}.dashboard-module-section .secondary-action{display:inline-flex;align-items:center;gap:6px}.dashboard-module-empty{color:#7a8582;font-size:.84rem;font-style:italic}.module-group-hero{margin-bottom:18px}.module-group-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.group-module-card{min-height:230px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.group-module-card:hover{transform:translateY(-2px);border-color:#abc9be;box-shadow:0 8px 20px #24312e14}.group-module-card.disabled{opacity:.68}.group-module-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.group-module-icon{width:46px;height:46px;display:grid;place-items:center;color:#24312e;background:#d7e7df;border:1px solid #abc9be;border-radius:10px}.group-module-card>button{margin-top:auto}.simple-list{display:grid;gap:8px}.simple-list-row{display:flex;justify-content:space-between;gap:16px;padding:12px;background:#f7f4ef;border:1px solid #e5dbce;border-radius:8px}.simple-list-row span{color:#52615d}.project-link{font-weight:800;text-align:left}.asset-add-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.compact-field{min-width:150px}.asset-library-list{display:grid;gap:10px}.asset-library-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px;background:#f7f4ef;border:1px solid #e5dbce;border-radius:8px}.asset-summary{display:grid;gap:4px;min-width:0}.asset-summary strong{overflow-wrap:anywhere}.asset-summary span,.asset-summary small{color:#52615d}.asset-edit-grid{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.7fr) minmax(220px,1.4fr);gap:10px;flex:1}.asset-edit-grid .field{margin:0}.asset-row-actions{margin-top:0;flex-shrink:0}.file-button.disabled{opacity:.6;pointer-events:none}@media (max-width:900px){.asset-library-row{align-items:stretch;flex-direction:column}.asset-edit-grid{grid-template-columns:1fr}.asset-row-actions{align-self:flex-end}}.theme-settings{display:grid;gap:10px;margin:24px 0 0;padding:20px;border:1px solid #ddd2c5;border-radius:10px}.theme-settings legend{padding:0 8px;font-weight:800}.theme-settings>p{margin:0;color:#52615d}.theme-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-choice{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:15px;text-align:left;color:#26312f;background:#f7f4ef;border:1px solid #ddd2c5;border-radius:9px}.theme-choice span{display:grid;gap:3px}.theme-choice small{color:#52615d;line-height:1.35}.theme-choice.active{color:#173d31;background:#d7e7df;border-color:#658a7b;box-shadow:0 0 0 2px #658a7b2e}@media (max-width:700px){.theme-choice-grid{grid-template-columns:1fr}}:root[data-theme=dark] .system-shell,:root[data-theme=dark] body{color:#e7ece9;background:#141918}:root[data-theme=dark] .system-sidebar{background:#101514}:root[data-theme=dark] .system-topbar,:root[data-theme=dark] .dashboard-hero,:root[data-theme=dark] .dashboard-section,:root[data-theme=dark] .placeholder-page,:root[data-theme=dark] .module-card,:root[data-theme=dark] .platform-card,:root[data-theme=dark] .marketing-feature-card,:root[data-theme=dark] .marketing-empty,:root[data-theme=dark] .campaign-row,:root[data-theme=dark] .campaign-step-panel,:root[data-theme=dark] .workspace-layout .sidebar,:root[data-theme=dark] .builder-layout .sidebar,:root[data-theme=dark] .pattern-workspace-toolbar{color:#e7ece9;background:#1e2523;border-color:#3b4743}:root[data-theme=dark] .module-card h3,:root[data-theme=dark] .dashboard-section h2,:root[data-theme=dark] .dashboard-hero h2,:root[data-theme=dark] .placeholder-page h2,:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4{color:#eef3f0}:root[data-theme=dark] .muted,:root[data-theme=dark] .module-card p,:root[data-theme=dark] .platform-card span,:root[data-theme=dark] .field span,:root[data-theme=dark] .theme-settings>p,:root[data-theme=dark] .theme-choice small,:root[data-theme=dark] .asset-summary span,:root[data-theme=dark] .asset-summary small,:root[data-theme=dark] .simple-list-row span,:root[data-theme=dark] .text-button{color:#b8c5c0}:root[data-theme=dark] .simple-list-row,:root[data-theme=dark] .asset-library-row,:root[data-theme=dark] .channel-group,:root[data-theme=dark] .collection-empty,:root[data-theme=dark] .campaign-review div,:root[data-theme=dark] .review-content,:root[data-theme=dark] .channel-option,:root[data-theme=dark] .asset-placeholder-grid>div,:root[data-theme=dark] .content-image-placeholder{color:#e7ece9;background:#252e2b;border-color:#3b4743}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{color:#eef3f0;background:#151b19;border-color:#4a5853}:root[data-theme=dark] .secondary-action,:root[data-theme=dark] .theme-choice,:root[data-theme=dark] .campaign-actions button,:root[data-theme=dark] .inline-actions button,:root[data-theme=dark] .export-presets button{color:#e3ebe7;background:#303a36;border-color:#4a5853}:root[data-theme=dark] .secondary-action.danger{color:#ffb9b0;background:#4a2928;border-color:#75403c}:root[data-theme=dark] .theme-settings,:root[data-theme=dark] .control-section,:root[data-theme=dark] .color-adjustments,:root[data-theme=dark] .complementary-colors,:root[data-theme=dark] .color-collection{border-color:#3b4743}:root[data-theme=dark] .theme-choice.active{color:#effff8;background:#315547;border-color:#73a38f}:root[data-theme=dark] .group-module-icon,:root[data-theme=dark] .script-platform-icon{color:#dff0e8;background:#315547;border-color:#527a69}:root[data-theme=dark] .status-pill{color:#ddcbaa;background:#3c352b;border-color:#5b4e3c}:root[data-theme=dark] .status-pill.ready{color:#dff0e8;background:#315547;border-color:#527a69}:root[data-theme=dark] .eyebrow{color:#cbb894}:root[data-theme=dark] .template-preview{color:#eef3f0;background:linear-gradient(145deg,#28322fe6,#1e2523bf),linear-gradient(130deg,#654a3f,#315547);border-color:#4a5853}:root[data-theme=dark] .pattern-workspace{background:#171d1b;border-color:#3b4743}:root[data-theme=dark] .pattern-drop-zone,:root[data-theme=dark] .privacy-note,:root[data-theme=dark] .comparison-note,:root[data-theme=dark] .upscale-summary div{color:#b8c5c0;background:#252e2b;border-color:#3b4743}:root[data-theme=dark] .primary-action{color:#102019;background:#8ebfa9}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.welcome-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(130deg,rgba(215,231,223,.8),transparent 44%),linear-gradient(320deg,rgba(241,222,208,.85),transparent 42%),#f7f4ef}.welcome-panel{width:min(760px,100%)}.brand-mark{width:64px;height:64px;display:grid;place-items:center;margin-bottom:28px;color:#f7f4ef;background:#24312e;border-radius:8px}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2.4rem,6vw,5.6rem);line-height:.95;letter-spacing:0}.sidebar h1,.screen-header h1{font-size:2rem;line-height:1.05}h2{margin-bottom:14px;font-size:.95rem;color:#3f4c49}.welcome-panel p{max-width:620px;color:#52615d;font-size:1.15rem;line-height:1.6}.welcome-actions,.template-card-actions,.section-heading-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.primary-action,.secondary-action,.text-button,.icon-button{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px}.primary-action{padding:0 18px;color:#fff;background:#24312e}.secondary-action{padding:0 16px;color:#26312f;background:#e8dfd2;border:1px solid #d6ccbe}.secondary-action.danger{color:#8c2f25;background:#f4dfdc;border-color:#e2bab5}.danger-text{color:#9b352a}.text-button{padding:0;min-height:auto;justify-content:flex-start;color:#52615d;background:transparent}.icon-button{width:38px;height:38px;color:#26312f;background:#eee8de;border:1px solid #ddd2c5}.icon-button.danger{color:#9b352a}.full{width:100%}.screen-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:40px 0}.screen-header{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.eyebrow{margin-bottom:8px;color:#6f5f48;font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.template-card{display:grid;gap:10px}.template-preview{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:180px;padding:18px;color:#24312e;text-align:left;background:linear-gradient(145deg,#ffffffb8,#ffffff59),linear-gradient(130deg,#ead3c6,#c9dfd5);border:1px solid #ddd2c5;border-radius:8px}.template-preview span{font-weight:800;font-size:1.1rem}.template-preview small{margin-top:6px;color:#596763;text-transform:capitalize}.workspace-layout,.builder-layout{min-height:100vh;display:grid;grid-template-columns:360px 1fr}.wide-builder{grid-template-columns:340px 1fr}.slot-builder{min-width:0;min-height:100vh;display:grid;grid-template-columns:340px 1fr}.slot-builder-controls{height:100vh;overflow:auto;padding:24px;background:#f8f1e8;border-right:1px solid #ddd2c5}.sidebar{height:100vh;overflow:auto;padding:24px;background:#fffaf3;border-right:1px solid #ddd2c5}.builder-sidebar{width:400px}.control-section{margin-top:26px;padding-top:22px;border-top:1px solid #e5dbce}.compact-first{margin-top:0;padding-top:0;border-top:0}.field{display:grid;gap:7px;margin-bottom:12px}.field span{color:#52615d;font-size:.82rem;font-weight:700}input,select,textarea{width:100%;padding:0 11px;color:#202624;background:#fff;border:1px solid #cfc4b6;border-radius:8px}input,select{height:40px}textarea{min-height:82px;padding-top:9px;resize:vertical}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segmented-list{display:grid;gap:8px}.segmented-list button{min-height:40px;padding:0 12px;color:#3f4c49;text-align:left;background:#f3ece2;border:1px solid #ddd2c5;border-radius:8px}.segmented-list button.active{color:#fff;background:#3f4c49;border-color:#3f4c49}.segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:#f3ece2;border:1px solid #ddd2c5;border-radius:8px}.segmented-control button{min-height:34px;color:#3f4c49;background:transparent;border:0;border-radius:6px}.segmented-control button.active{color:#fff;background:#3f4c49}.upload-box{min-height:110px;display:grid;place-items:center;gap:8px;padding:18px;color:#52615d;background:#f3ece2;border:1px dashed #b9ad9f;border-radius:8px;cursor:pointer}.upload-box input,.file-button input{display:none}.file-button,.control-section .secondary-action,.control-section .primary-action{margin-bottom:10px}.preview-stage,.builder-stage-wrap{min-width:0;min-height:100vh;display:grid;place-items:center;padding:32px;background:#e8e1d7}.canvas-frame{width:min(100%,1040px);max-height:calc(100vh - 64px);display:grid;place-items:center}.canvas-frame canvas{width:100%;height:auto;max-height:calc(100vh - 64px);object-fit:contain;background:#fff;border-radius:8px;box-shadow:0 20px 70px #24312e2e}.all-pages-preview{width:min(100%,1180px);max-height:calc(100vh - 64px);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;overflow:auto;padding:4px}.page-preview-card{min-width:0;padding:12px;background:#fffaf3;border:1px solid #d7cabd;border-radius:8px;box-shadow:0 14px 40px #24312e1f}.page-preview-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;color:#26312f;font-size:.85rem}.page-preview-header span{color:#6f7a77;white-space:nowrap}.page-preview-card canvas{width:100%;height:auto;display:block;background:#fff;border-radius:6px}.builder-stage{position:relative;width:min(100%,1050px);max-height:calc(100vh - 64px);overflow:hidden;background:#fffaf3;border:1px solid #d7cabd;border-radius:8px;box-shadow:0 20px 70px #24312e2e;touch-action:none}.builder-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.builder-empty-background{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#6f7a77;background:linear-gradient(90deg,rgba(63,76,73,.06) 1px,transparent 1px),linear-gradient(rgba(63,76,73,.06) 1px,transparent 1px),#fffaf3;background-size:36px 36px}.slot-overlay{position:absolute;display:grid;place-items:center;overflow:hidden;color:#24312e;font-size:.78rem;font-weight:800;background:#7ea99b47;border:2px solid #537d70;border-radius:4px;transform-origin:center;touch-action:none}.slot-overlay.selected{color:#fff;background:#24312e8f;border-color:#24312e}.slot-overlay.drafting{pointer-events:none;background:#97684f33;border-color:#97684f}.slot-resize-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;background:#24312e;border-top-left-radius:4px;cursor:nwse-resize}.slot-cutout-overlay{position:absolute;display:grid;place-items:center;overflow:hidden;color:#5f241d;font-size:.68rem;font-weight:800;background:repeating-linear-gradient(45deg,#f4dfdcd1,#f4dfdcd1 8px,#9b352a38 8px,#9b352a38 16px);border:2px dashed #9b352a;border-radius:4px;cursor:move;pointer-events:auto;touch-action:none}.slot-cutout-overlay.selected{background:#9b352a61;color:#fff}.slot-cutout-resize-handle{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;background:#9b352a;border-top-left-radius:4px;cursor:nwse-resize}.text-overlay{position:absolute;display:block;overflow:hidden;padding:6px;color:#24312e;background:#fffaf352;border:2px dashed #24312e;border-radius:4px;text-align:left;transform-origin:center;touch-action:none}.text-overlay.selected{background:#d7e7df6b;border-style:solid}.text-overlay-copy{display:flex;width:100%;height:100%;overflow:hidden;white-space:pre-wrap;pointer-events:none}.font-select option{font-size:1.05rem}.font-preview{min-height:52px;display:flex;align-items:center;margin:-2px 0 12px;padding:10px 12px;overflow:hidden;color:#26312f;background:#fff;border:1px solid #d8ccbe;border-radius:8px;font-size:1.15rem;line-height:1.2}.font-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.text-resize-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;background:#24312e;border-top-left-radius:4px;cursor:nwse-resize}.mode-editor{margin-bottom:14px;padding:12px;background:#fffaf3;border:1px solid #e1d7c9;border-radius:8px}.check-row{min-height:30px;display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:center;color:#3f4c49;font-size:.88rem}.check-row input{width:16px;height:16px}.muted{color:#6f7a77;line-height:1.5}.status-text{margin:2px 0 0;color:#52615d;font-size:.88rem;line-height:1.4}.download-link{min-height:38px;display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:10px;color:#24312e;background:#d7e7df;border:1px solid #abc9be;border-radius:8px;font-weight:700;text-decoration:none}@media (max-width: 860px){.system-shell{grid-template-columns:1fr}.system-sidebar{position:static;height:auto}.system-topbar{padding:20px}.workspace-layout,.builder-layout,.wide-builder,.slot-builder{grid-template-columns:1fr}.sidebar,.builder-sidebar,.slot-builder-controls{width:auto;height:auto;max-height:none}.preview-stage,.builder-stage-wrap{min-height:60vh;padding:18px}.screen-header{align-items:flex-start;flex-direction:column}}.notification-list{position:fixed;right:20px;top:20px;z-index:1000;display:grid;gap:8px;width:min(420px,calc(100% - 40px))}.notification-banner{display:flex;justify-content:space-between;gap:16px;padding:14px;background:#fffaf3;border:1px solid #ddd2c5;border-left:5px solid #52615d;border-radius:8px;box-shadow:0 10px 35px #24312e2e}.notification-banner.error{border-left-color:#9b352a}.notification-banner.warning{border-left-color:#97684f}.notification-banner.success{border-left-color:#537d70}.notification-banner p{margin:4px 0 0}.interaction-builder{grid-template-columns:420px 1fr}.interaction-builder .builder-sidebar{width:420px}.editor-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.layer-list{display:grid;gap:6px}.layer-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:38px;padding:7px 9px;text-align:left;color:#3f4c49;background:#f3ece2;border:1px solid #ddd2c5;border-radius:8px}.layer-row.active{color:#fff;background:#3f4c49;border-color:#3f4c49}.layer-row button{flex:1;padding:0;color:inherit;text-align:left;background:transparent;border:0}.layer-row input{width:16px;height:16px}.save-status{padding:7px 9px;color:#6f5f48;background:#fff3cd;border:1px solid #e2ca80;border-radius:8px;font-size:.82rem;font-weight:700}.selected-properties .mode-editor span{display:block;margin:5px 0;color:#6f7a77;font-size:.76rem}.active-region{outline:2px solid #9b352a}.v1-editor-stage{width:min(100%,1050px);overflow:visible}.v1-editor-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;border-radius:8px}.editor-element{position:absolute;border:2px dashed rgba(36,49,46,.62);transform-origin:center;cursor:move;touch-action:none}.editor-element.selected{border:3px solid #24312e;box-shadow:0 0 0 2px #fffaf3e6}.editor-overlay{border-color:#97684f}.editor-text{background:#d7e7df1f}.editor-resize-handle,.editor-rotation-handle{position:absolute;z-index:5;width:18px;height:18px;background:#24312e;border:2px solid #fffaf3;border-radius:50%}.editor-resize-handle{right:-10px;bottom:-10px;cursor:nwse-resize}.editor-rotation-handle{left:calc(50% - 9px);top:-32px;cursor:grab}.editor-rotation-handle:after{content:"";position:absolute;left:6px;top:14px;width:2px;height:15px;background:#24312e}.slot-cutout-overlay{z-index:4}.slot-cutout-overlay .slot-cutout-resize-handle{display:block}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #2f6fdd;outline-offset:2px}body,.system-shell{color:var(--sls-text-primary);background:var(--sls-surface-0)}.system-topbar,.dashboard-hero,.dashboard-section,.placeholder-page,.module-card,.platform-card,.access-card{background:var(--sls-surface-2);border-color:var(--sls-border-subtle);box-shadow:var(--sls-shadow-card)}.system-topbar{background:var(--sls-surface-1)}.account-card{color:var(--sls-text-primary);background:var(--sls-surface-elevated);border-color:var(--sls-border-subtle);box-shadow:var(--sls-shadow-elevated)}.screen-header h1,.system-topbar h1,.dashboard-hero h2,.welcome-panel h1,.placeholder-page h2,.access-card h1{font-family:var(--sls-font-display);font-weight:600}.primary-action{color:#fff;background:var(--sls-brand-purple);transition:background-color var(--sls-motion-fast) var(--sls-ease-standard),transform var(--sls-motion-fast) var(--sls-ease-standard)}.primary-action:hover:not(:disabled){background:#6935bb}.primary-action:active:not(:disabled){transform:translateY(1px)}.secondary-action{color:var(--sls-text-primary);background:var(--sls-surface-3);border-color:var(--sls-border-subtle)}.text-button{color:var(--sls-text-secondary);background:transparent}.icon-button{color:var(--sls-text-primary);background:var(--sls-surface-3);border-color:var(--sls-border-subtle)}.secondary-action.danger,.destructive-action{color:var(--sls-state-error);background:var(--sls-state-error-surface);border:1px solid color-mix(in srgb,var(--sls-state-error) 35%,transparent)}button:disabled,[aria-disabled=true]{color:var(--sls-text-muted);opacity:.62}input,select,textarea{color:var(--sls-text-primary);background:var(--sls-surface-2);border-color:var(--sls-border-strong);border-radius:var(--sls-radius-control)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--sls-brand-purple)}.field span,.muted{color:var(--sls-text-secondary)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--sls-focus-ring);outline-offset:2px}.status-pill{color:var(--sls-state-coming-soon);background:var(--sls-state-coming-soon-surface);border-color:currentColor}.status-pill.ready{color:var(--sls-state-ready);background:var(--sls-state-ready-surface)}.status-pill.experimental{color:var(--sls-state-experimental);background:var(--sls-state-experimental-surface)}.status-pill.coming-soon{color:var(--sls-state-coming-soon);background:var(--sls-state-coming-soon-surface)}.status-pill.access-controlled{color:var(--sls-state-access);background:var(--sls-state-access-surface)}.notification-list{gap:var(--sls-space-2)}.notification-banner{color:var(--sls-text-primary);background:var(--sls-surface-elevated);border-color:var(--sls-border-subtle);border-left-color:var(--sls-state-info);border-radius:var(--sls-radius-card);box-shadow:var(--sls-shadow-elevated);animation:sls-toast-in var(--sls-motion-standard) var(--sls-ease-standard)}.notification-banner.info{border-left-color:var(--sls-state-info)}.notification-banner.success{border-left-color:var(--sls-state-success)}.notification-banner.warning{border-left-color:var(--sls-state-warning)}.notification-banner.error{border-left-color:var(--sls-state-error)}@keyframes sls-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pattern-workspace,.pattern-preview-stage,.image-preview-stage,.v1-editor-stage,.canvas-stage{background-color:var(--sls-surface-canvas)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.system-shell{grid-template-columns:272px minmax(0,1fr)}.system-sidebar{gap:var(--sls-space-6);padding:var(--sls-space-4);background:var(--sls-brand-ink);border-right:1px solid rgba(255,255,255,.08)}.system-brand{gap:var(--sls-space-3);padding:var(--sls-space-2);border-radius:var(--sls-radius-card)}.system-brand:hover{background:#ffffff0f}.system-brand-mark{color:var(--sls-brand-ink);background:linear-gradient(145deg,var(--sls-brand-teal),#9cf0eb);border-radius:var(--sls-radius-card);box-shadow:0 0 0 3px #7e49d138}.system-brand strong{font-family:var(--sls-font-display);font-size:1.05rem;letter-spacing:.01em}.system-brand small{color:#cfc5d4;letter-spacing:.08em;text-transform:uppercase;font-size:.67rem}.system-nav{gap:var(--sls-space-4)}.nav-group{gap:var(--sls-space-1)}.nav-children{gap:2px}.nav-item,.nav-child{position:relative;color:#d9d1dc;border:1px solid transparent;transition:color var(--sls-motion-fast) var(--sls-ease-standard),background var(--sls-motion-fast) var(--sls-ease-standard),border-color var(--sls-motion-fast) var(--sls-ease-standard)}.nav-item{font-weight:700}.nav-child{color:#afa7b3}.nav-item:hover:not(:disabled),.nav-child:hover:not(:disabled){color:#fff;background:#fff1}.nav-item.active,.nav-child.active{color:#fff;background:linear-gradient(90deg,#7e49d138,#19cfc712);border-color:#b48bf23d}.nav-item.active:before,.nav-child.active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;background:var(--sls-brand-teal);border-radius:0 4px 4px 0}.nav-child:disabled{color:#88818c;opacity:1}.nav-status{display:inline-flex;align-items:center;gap:3px;padding:2px 5px;border-radius:5px;font-size:.62rem;line-height:1.2;text-transform:uppercase;letter-spacing:.03em}.nav-status.experimental{color:#ffe29a;background:#ffd1661f}.nav-status.coming-soon{color:#b6aeb9;background:#ffffff0d}.nav-status.access-controlled{color:#d0b7f4;background:#7e49d126}.sidebar-footer{gap:var(--sls-space-1);border-color:#ffffff1a}.system-topbar{min-height:94px;padding:var(--sls-space-6) var(--sls-space-8);box-shadow:none}.system-topbar .eyebrow{margin-bottom:var(--sls-space-1);color:var(--sls-brand-purple)}.system-topbar h1{font-size:1.9rem}.system-context-divider{color:var(--sls-text-muted)}.system-context-group{color:var(--sls-brand-yellow)}.account-menu summary{gap:var(--sls-space-2);min-height:42px;padding:6px 10px;color:var(--sls-text-secondary);background:var(--sls-surface-2);border:1px solid var(--sls-border-subtle);border-radius:var(--sls-radius-control);font-weight:600;list-style:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu[open] summary{border-color:var(--sls-brand-purple);box-shadow:0 0 0 2px color-mix(in srgb,var(--sls-brand-purple) 16%,transparent)}.account-avatar{width:28px;height:28px;display:grid;place-items:center;color:var(--sls-state-access);background:var(--sls-state-access-surface);border-radius:50%}.account-card{width:310px;gap:var(--sls-space-3);padding:var(--sls-space-4);border-radius:var(--sls-radius-dialog)}.account-card-heading{display:flex;align-items:center;gap:var(--sls-space-3);padding-bottom:var(--sls-space-3);border-bottom:1px solid var(--sls-border-subtle)}.account-card-heading>div{min-width:0;display:grid;gap:2px}.account-card-heading span{overflow:hidden;color:var(--sls-text-muted);font-size:.78rem;text-overflow:ellipsis}.account-card dl{gap:0;margin:0}.account-card dl div{align-items:center;padding:8px 0;border-bottom:1px solid var(--sls-border-subtle)}.account-card dt{color:var(--sls-text-muted)}.account-card dd{display:flex;align-items:center;gap:6px;color:var(--sls-text-primary)}.account-status-dot{width:8px;height:8px;background:var(--sls-state-ready);border-radius:50%}.account-card .experimental-value{color:var(--sls-state-experimental)}.page-content{padding:var(--sls-space-8) 0}.dashboard-hero{position:relative;overflow:hidden;padding:var(--sls-space-8);background:linear-gradient(135deg,color-mix(in srgb,var(--sls-brand-purple) 7%,var(--sls-surface-2)),var(--sls-surface-2) 62%)}.dashboard-hero:after{content:"";position:absolute;right:-42px;top:-58px;width:150px;height:150px;border:20px solid color-mix(in srgb,var(--sls-brand-teal) 18%,transparent);border-radius:50%;pointer-events:none}.dashboard-hero .eyebrow{color:var(--sls-brand-purple)}.dashboard-hero h2{position:relative;margin-bottom:var(--sls-space-3);font-size:clamp(1.75rem,3vw,2.6rem);color:var(--sls-text-primary)}.dashboard-hero p:last-child{max-width:700px;margin:0;color:var(--sls-text-secondary);font-size:1.03rem;line-height:1.55}.dashboard-grid{gap:var(--sls-space-4)}.module-card{border-radius:var(--sls-radius-card)}.dashboard-module-card{position:relative;gap:var(--sls-space-3);border-top:3px solid var(--sls-brand-purple)}.dashboard-module-card:nth-child(2){border-top-color:var(--sls-brand-teal)}.dashboard-module-card:nth-child(3){border-top-color:var(--sls-brand-pink)}.module-card-icon,.group-module-icon{width:46px;height:46px;display:grid;place-items:center;color:var(--sls-brand-purple);background:color-mix(in srgb,var(--sls-brand-purple) 10%,var(--sls-surface-2));border:1px solid color-mix(in srgb,var(--sls-brand-purple) 20%,var(--sls-border-subtle));border-radius:var(--sls-radius-card)}.dashboard-module-card h3,.group-module-card h3{color:var(--sls-text-primary)}.dashboard-module-card p,.group-module-card p{color:var(--sls-text-secondary)}.dashboard-module-section{padding-top:var(--sls-space-2);border-top:1px solid var(--sls-border-subtle)}.dashboard-module-section h4{color:var(--sls-text-muted)}.dashboard-module-action{justify-content:flex-start}.dashboard-module-action span{flex:1;text-align:left}.dashboard-module-action small{color:var(--sls-state-experimental);font-size:.67rem;font-weight:700}.dashboard-module-action.experimental{border-color:color-mix(in srgb,var(--sls-brand-yellow) 48%,var(--sls-border-subtle))}.dashboard-section{border-radius:var(--sls-radius-card)}.section-heading-row h2{margin-bottom:0;color:var(--sls-text-primary);font-size:1.15rem}.empty-state{display:flex;align-items:center;gap:var(--sls-space-3);padding:var(--sls-space-4);background:var(--sls-surface-3);border:1px dashed var(--sls-border-strong);border-radius:var(--sls-radius-card)}.empty-state-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--sls-brand-purple);background:var(--sls-state-access-surface);border-radius:50%;font-family:var(--sls-font-display);font-weight:700}.empty-state h3,.empty-state p{margin:0}.empty-state h3{font-family:var(--sls-font-display);font-size:1.05rem}.module-group-hero{padding:var(--sls-space-6) var(--sls-space-8)}.module-group-hero h2{font-size:2rem}.group-module-card{padding:var(--sls-space-6);box-shadow:var(--sls-shadow-card)}.group-module-card:hover{border-color:color-mix(in srgb,var(--sls-brand-purple) 35%,var(--sls-border-subtle));box-shadow:0 8px 22px #17151c17}.group-module-card.disabled{opacity:.78}.group-module-card.disabled .group-module-icon{filter:saturate(.55)}.shared-page-heading{padding-bottom:var(--sls-space-4);border-bottom:1px solid var(--sls-border-subtle)}.shared-page-heading h2{margin-bottom:var(--sls-space-2);color:var(--sls-text-primary);font-family:var(--sls-font-display);font-size:1.6rem}.settings-section{padding:var(--sls-space-8)}.theme-settings{margin-top:var(--sls-space-6);padding:var(--sls-space-6);background:var(--sls-surface-1);border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-card)}.theme-settings legend{color:var(--sls-text-primary);font-size:1rem}.theme-choice{background:var(--sls-surface-3);border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-control)}.theme-choice.active{color:var(--sls-text-primary);background:var(--sls-state-ready-surface);border-color:var(--sls-state-ready);box-shadow:0 0 0 2px color-mix(in srgb,var(--sls-brand-teal) 18%,transparent)}.experimental-settings{border-left:4px solid var(--sls-brand-yellow)}.experimental-cue{display:inline-block;margin-right:5px;padding:2px 6px;color:var(--sls-state-experimental);background:var(--sls-state-experimental-surface);border-radius:5px;font-size:.72rem;font-weight:800;text-transform:uppercase}.settings-toggle{background:var(--sls-surface-3);border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-control)}.branded-message{position:relative;max-width:720px;padding:var(--sls-space-8);border-radius:var(--sls-radius-card);border-left:4px solid var(--sls-state-coming-soon)}.branded-message-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:var(--sls-space-4);color:var(--sls-state-coming-soon);background:var(--sls-state-coming-soon-surface);border-radius:var(--sls-radius-card)}.branded-message h2{font-family:var(--sls-font-display);font-size:1.75rem;color:var(--sls-text-primary)}.experimental-message{border-left-color:var(--sls-brand-yellow)}.experimental-message .branded-message-icon{color:var(--sls-state-experimental);background:var(--sls-state-experimental-surface)}.access-message{border-left-color:var(--sls-brand-purple)}.access-message .branded-message-icon{color:var(--sls-state-access);background:var(--sls-state-access-surface)}.access-gate{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 18%,color-mix(in srgb,var(--sls-brand-teal) 14%,transparent),transparent 28%),radial-gradient(circle at 88% 82%,color-mix(in srgb,var(--sls-brand-purple) 14%,transparent),transparent 30%),var(--sls-surface-0)}.access-gate:before{content:"";position:absolute;top:10%;right:9%;width:46px;height:46px;background:var(--sls-brand-pink);border-radius:14px;opacity:.15;transform:rotate(12deg)}.access-card{position:relative;width:min(100%,560px);gap:var(--sls-space-3);padding:var(--sls-space-12);border-radius:var(--sls-radius-dialog);box-shadow:var(--sls-shadow-dialog)}.access-brand{display:flex;align-items:center;gap:var(--sls-space-3);margin-bottom:var(--sls-space-2);text-align:left}.access-brand>span:last-child{display:grid}.access-brand strong{font-family:var(--sls-font-display);font-size:1.1rem}.access-brand small{color:var(--sls-text-muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.access-card .eyebrow{color:var(--sls-brand-purple)}.access-card h1{max-width:470px;font-size:clamp(2rem,5vw,3.25rem);line-height:1}.access-card>p:not(.eyebrow){max-width:440px;color:var(--sls-text-secondary);line-height:1.55}.access-card>small{color:var(--sls-text-muted)}.auth-spinner{border-color:var(--sls-border-subtle);border-top-color:var(--sls-brand-purple)}.access-error .access-card,.access-blocked .access-card{border-top:4px solid var(--sls-state-error)}.access-pending .access-card{border-top:4px solid var(--sls-brand-yellow)}.access-unauthorized .access-card{border-top:4px solid var(--sls-brand-purple)}:root[data-theme=dark] .system-sidebar{background:#111015}:root[data-theme=dark] .system-topbar,:root[data-theme=dark] .dashboard-hero,:root[data-theme=dark] .dashboard-section,:root[data-theme=dark] .module-card,:root[data-theme=dark] .placeholder-page,:root[data-theme=dark] .settings-section{color:var(--sls-text-primary);background-color:var(--sls-surface-2);border-color:var(--sls-border-subtle)}:root[data-theme=dark] .dashboard-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--sls-brand-purple) 13%,var(--sls-surface-2)),var(--sls-surface-2) 65%)}:root[data-theme=dark] .account-menu summary,:root[data-theme=dark] .account-card,:root[data-theme=dark] .theme-settings{color:var(--sls-text-primary);background:var(--sls-surface-elevated);border-color:var(--sls-border-subtle)}:root[data-theme=dark] .theme-choice,:root[data-theme=dark] .settings-toggle,:root[data-theme=dark] .empty-state{color:var(--sls-text-primary);background:var(--sls-surface-3);border-color:var(--sls-border-subtle)}:root[data-theme=dark] .theme-choice.active{background:var(--sls-state-ready-surface);border-color:var(--sls-state-ready)}@media (max-width:860px){.system-shell{grid-template-columns:1fr}.system-sidebar{padding:var(--sls-space-3)}.system-topbar{padding:var(--sls-space-4)}.dashboard-hero,.settings-section,.access-card{padding:var(--sls-space-6)}}.creative-module-header{padding:var(--sls-space-6);background:var(--sls-surface-2);border:1px solid var(--sls-border-subtle);border-radius:var(--sls-radius-card);box-shadow:var(--sls-shadow-card)}.creative-module-header .eyebrow{color:var(--sls-brand-purple)}.creative-module-header h2{color:var(--sls-text-primary);font-family:var(--sls-font-display);font-size:2rem}.creative-module-header>div>p:last-child{margin-bottom:0;color:var(--sls-text-secondary);line-height:1.5}.color-picker-panel{gap:var(--sls-space-8);padding:0;background:transparent;border:0;box-shadow:none}.color-picker-header{margin:0}.color-picker-header.playful-header{border-top:4px solid var(--sls-brand-pink);background:linear-gradient(120deg,color-mix(in srgb,var(--sls-brand-pink) 5%,var(--sls-surface-2)),var(--sls-surface-2) 55%)}.color-copy-status{color:var(--sls-state-success);font-size:var(--sls-font-size-sm)}.color-picker-layout,.color-adjustments,.color-preview-section,.complementary-colors,.color-collection,.recent-colors{padding:var(--sls-space-6);background:var(--sls-surface-2);border:1px solid var(--sls-border-subtle);border-radius:var(--sls-radius-card);box-shadow:var(--sls-shadow-card)}.color-picker-layout{gap:var(--sls-space-6)}.color-selection-card{padding:var(--sls-space-4);background:var(--sls-surface-3);border-radius:var(--sls-radius-card)}.color-wheel{box-shadow:inset 0 0 0 1px #17151c2e,0 10px 24px #17151c1f}.color-wheel:after{background:var(--sls-surface-2)}.color-value-list{align-content:start}.color-value-row{background:var(--sls-surface-3);border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-control)}.color-value-row span,.recent-colors p,.color-adjustments p,.complementary-colors p,.color-collection p{color:var(--sls-text-muted)}.color-value-row .icon-button:hover{color:var(--sls-brand-purple);border-color:var(--sls-brand-purple)}.color-adjustments,.color-preview-section,.complementary-colors,.color-collection,.recent-colors{padding-top:var(--sls-space-6)}.color-adjustments h3,.color-preview-section h3,.complementary-colors h3,.color-collection h3,.recent-colors h3{color:var(--sls-text-primary);font-size:1.05rem}.channel-group,.collection-empty,.complementary-grid button{color:var(--sls-text-primary);background:var(--sls-surface-3);border-color:var(--sls-border-subtle)}.channel-group legend{color:var(--sls-text-primary)}.channel-group input[type=range]{accent-color:var(--sls-brand-teal)}.complementary-grid button:hover{border-color:var(--sls-brand-teal);box-shadow:0 0 0 2px color-mix(in srgb,var(--sls-brand-teal) 14%,transparent)}.color-context-preview{border-color:var(--sls-border-strong);box-shadow:inset 0 0 0 1px #00000008}.color-context-preview.light{color:#17151c;background:#fff}.color-context-preview.dark{color:#fff;background:#17151c;border-color:#48444c}.palette-strip button,.complementary-grid button>span{transition:transform var(--sls-motion-fast) var(--sls-ease-standard),outline-color var(--sls-motion-fast) var(--sls-ease-standard)}.palette-strip button:hover,.palette-strip button:focus-visible{transform:translateY(-2px);outline-color:var(--sls-brand-purple)}.collection-swatch{border-color:var(--sls-border-strong);box-shadow:var(--sls-shadow-card)}.image-enhancement-header{margin-bottom:var(--sls-space-6);border-top:3px solid var(--sls-brand-purple)}.image-enhancement-header .processing-status{max-width:420px;margin:0;padding:var(--sls-space-3);color:var(--sls-text-secondary);background:var(--sls-surface-3);border:1px solid var(--sls-border-subtle);border-left:3px solid var(--sls-brand-teal);border-radius:var(--sls-radius-control);font-size:var(--sls-font-size-sm);line-height:1.45}.image-enhancement-grid{gap:var(--sls-space-6)}.image-enhancement-controls{gap:var(--sls-space-4)}.processing-card{padding:var(--sls-space-5,20px);color:var(--sls-text-primary);background:var(--sls-surface-2);border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-card);box-shadow:var(--sls-shadow-card)}.processing-card h3{padding-bottom:var(--sls-space-3);color:var(--sls-text-primary);border-bottom:1px solid var(--sls-border-subtle);font-size:.9rem;letter-spacing:.02em}.upload-processing-card{border-top:3px solid var(--sls-brand-teal)}.tools-processing-card,.export-processing-card{border-top:3px solid var(--sls-brand-purple)}.upload-box{color:var(--sls-text-secondary);background:var(--sls-surface-3);border-color:var(--sls-border-strong);border-radius:var(--sls-radius-card)}.upload-box:hover{color:var(--sls-brand-purple);border-color:var(--sls-brand-purple)}.processing-empty{margin:0;color:var(--sls-text-muted)}.image-info dl,.final-image-info dl{gap:0}.image-info dl div,.final-image-info dl div{padding:7px 0;border-bottom:1px solid var(--sls-border-subtle)}.image-info dl div:last-child,.final-image-info dl div:last-child{border-bottom:0}.image-info dt,.final-image-info dt{color:var(--sls-text-muted)}.image-info dd,.final-image-info dd{color:var(--sls-text-primary)}.source-result-card .dimension-row{margin:2px 0;padding:9px 10px;background:var(--sls-surface-3);border:1px solid var(--sls-border-subtle);border-radius:6px}.source-result-card .current-dimension{border-left:3px solid var(--sls-brand-teal)}.source-result-card .current-dimension dt{color:var(--sls-state-ready);font-weight:800}.source-result-card .original-dimension{border-left:3px solid var(--sls-border-strong)}.core-workflow-note{color:var(--sls-text-secondary);background:var(--sls-state-ready-surface);border-left-color:var(--sls-brand-teal)}.tool-tabs{padding:var(--sls-space-1);background:var(--sls-surface-3);border:1px solid var(--sls-border-subtle);border-radius:var(--sls-radius-control)}.tool-tabs button{color:var(--sls-text-secondary);background:transparent;border-color:transparent}.tool-tabs button:hover:not(:disabled){background:var(--sls-surface-2)}.tool-tabs button.active{color:#073b38;background:color-mix(in srgb,var(--sls-brand-teal) 42%,#fff);border-color:color-mix(in srgb,var(--sls-brand-teal) 64%,#087f79);box-shadow:var(--sls-shadow-card)}.tool-panel{padding-top:var(--sls-space-2)}.tool-panel .primary-action{margin-top:var(--sls-space-2)}.segmented-control{background:var(--sls-surface-3);border-color:var(--sls-border-subtle)}.segmented-control button.active,.flip-actions .active{color:#073b38;background:color-mix(in srgb,var(--sls-brand-teal) 42%,#fff);border-color:var(--sls-state-ready)}.core-reset-action{color:var(--sls-text-secondary);background:transparent;border-style:dashed}.core-change-history{border-color:var(--sls-border-subtle)}.core-change-history h4{color:var(--sls-text-primary)}.core-operation-list{color:var(--sls-text-secondary);background:var(--sls-surface-3)}.processing-preview{padding:var(--sls-space-4);background:#dedede;border-color:#c4c4c4;border-radius:var(--sls-radius-card);box-shadow:var(--sls-shadow-card)}.preview-inspection-toolbar{padding:var(--sls-space-2);background:#f5f5f5;border:1px solid #c9c9c9;border-radius:var(--sls-radius-control)}.preview-inspection-toolbar label{color:#4f4f54}.preview-inspection-toolbar .active{color:#073b38;background:#bff3ef;border-color:#168f89}.preview-checker{border:1px solid #c9c9c9}.current-result-caption{width:100%;display:flex;align-items:center;gap:var(--sls-space-2);padding:var(--sls-space-3);color:#3c3c41;background:#f5f5f5;border:1px solid #c9c9c9;border-radius:var(--sls-radius-control)}.current-result-caption strong{color:#087f79}.current-result-caption span{font-size:var(--sls-font-size-sm)}.export-processing-card .primary-action{min-height:46px}.final-information-card{background:var(--sls-surface-1)}:root[data-theme=dark] .color-picker-panel{background:transparent}:root[data-theme=dark] .color-picker-layout,:root[data-theme=dark] .color-adjustments,:root[data-theme=dark] .color-preview-section,:root[data-theme=dark] .complementary-colors,:root[data-theme=dark] .color-collection,:root[data-theme=dark] .recent-colors,:root[data-theme=dark] .processing-card,:root[data-theme=dark] .creative-module-header{color:var(--sls-text-primary);background-color:var(--sls-surface-2);border-color:var(--sls-border-subtle)}:root[data-theme=dark] .color-selection-card,:root[data-theme=dark] .color-value-row,:root[data-theme=dark] .channel-group,:root[data-theme=dark] .collection-empty,:root[data-theme=dark] .complementary-grid button,:root[data-theme=dark] .source-result-card .dimension-row,:root[data-theme=dark] .core-operation-list{color:var(--sls-text-primary);background:var(--sls-surface-3);border-color:var(--sls-border-subtle)}:root[data-theme=dark] .tool-tabs{background:var(--sls-surface-3);border-color:var(--sls-border-subtle)}:root[data-theme=dark] .tool-tabs button{color:var(--sls-text-secondary);background:transparent}:root[data-theme=dark] .tool-tabs button.active,:root[data-theme=dark] .segmented-control button.active,:root[data-theme=dark] .flip-actions .active{color:#dffcf9;background:#165d59;border-color:#39bdb6}:root[data-theme=dark] .image-enhancement-header .processing-status{color:var(--sls-text-secondary);background:var(--sls-surface-3);border-color:var(--sls-border-subtle);border-left-color:var(--sls-brand-teal)}:root[data-theme=dark] .core-workflow-note{color:#d8f7f4;background:#163d3d}:root[data-theme=dark] .processing-preview{background:#2e2e31;border-color:#515156}@media (max-width:760px){.creative-module-header,.color-picker-layout,.color-adjustments,.color-preview-section,.complementary-colors,.color-collection,.recent-colors,.image-enhancement-header{padding:var(--sls-space-4)}.current-result-caption{align-items:flex-start;flex-direction:column}}@media (max-width:860px){.interaction-builder{grid-template-columns:1fr}.interaction-builder .builder-sidebar{width:auto}}.color-picker-page{max-width:1100px}.color-picker-panel{display:grid;gap:28px;padding:28px;background:#fffaf3;border:1px solid #ddd2c5;border-radius:12px}.color-picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.color-picker-header h2{margin-bottom:8px;font-size:1.8rem}.color-picker-header p{margin-bottom:0;color:#52615d}.color-copy-status{min-height:24px;font-weight:700}.color-picker-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(320px,1.15fr);gap:24px}.color-picker-control{display:grid;align-content:start;gap:16px}.native-color-picker{position:relative;min-height:260px;display:grid;place-items:center;overflow:hidden;color:#fff;background:#7e9b8f;border:1px solid rgba(32,38,36,.18);border-radius:12px;box-shadow:inset 0 0 0 1px #fff3;cursor:pointer}.native-color-picker span{padding:9px 13px;background:#202624b3;border-radius:8px;font-weight:800}.native-color-picker input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}.color-value-list{display:grid;gap:10px}.color-value-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;background:#f7f4ef;border:1px solid #e5dbce;border-radius:9px}.color-value-row div{display:grid;gap:4px}.color-value-row span{color:#6f7a77;font-size:.72rem;font-weight:800}.color-value-row strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.95rem}.color-preview-section,.recent-colors{padding-top:22px;border-top:1px solid #e5dbce}.color-preview-section h3,.recent-colors h3{margin:0 0 12px}.color-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.color-context-preview{min-height:145px;padding:18px;border:1px solid #ddd2c5;border-radius:10px}.color-context-preview.dark{color:#fff;background:#202624;border-color:#202624}.color-context-preview.light{background:#fff}.color-context-preview span{display:block;width:38px;height:38px;margin-bottom:14px;border:2px solid currentColor;border-radius:50%}.color-context-preview p{margin:10px 0 0;font-size:1.05rem;font-weight:800}.recent-colors{display:flex;align-items:center;justify-content:space-between;gap:20px}.recent-colors h3{margin-bottom:3px}.recent-colors p{margin:0;color:#6f7a77;font-size:.8rem}.palette-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.palette-strip button{width:42px;height:42px;border:2px solid #fff;outline:1px solid #cfc4b6;border-radius:8px}@media (max-width:760px){.color-picker-layout,.color-preview-grid{grid-template-columns:1fr}.color-picker-header,.recent-colors{align-items:stretch;flex-direction:column}.palette-strip{justify-content:flex-start}.native-color-picker{min-height:220px}}.image-enhancement-page{max-width:1320px}.image-enhancement-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.image-enhancement-header h2{margin-bottom:8px;font-size:1.8rem}.image-enhancement-header p{max-width:620px;color:#52615d}.image-enhancement-header>p{padding:9px 12px;background:#fffaf3;border:1px solid #ddd2c5;border-radius:8px;font-size:.82rem}.image-enhancement-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:20px;align-items:start}.image-enhancement-controls{display:grid;gap:14px}.processing-card{padding:18px;background:#fffaf3;border:1px solid #ddd2c5;border-radius:10px}.processing-card h3{margin:0 0 14px;color:#24312e;font-size:.95rem}.image-info dl{display:grid;gap:7px;margin:0}.image-info dl div{display:grid;grid-template-columns:90px 1fr;gap:12px}.image-info dt{color:#6f7a77;font-size:.8rem;font-weight:700}.image-info dd{margin:0;overflow-wrap:anywhere;font-size:.86rem}.tool-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px}.tool-tabs button{min-height:36px;padding:0 8px;color:#3f4c49;background:#f3ece2;border:1px solid #ddd2c5;border-radius:7px}.tool-tabs button.active{color:#fff;background:#3f4c49;border-color:#3f4c49}.tool-panel{display:grid;gap:10px}.rotation-presets,.flip-actions{display:flex;flex-wrap:wrap;gap:8px}.flip-actions .active{color:#fff;background:#3f4c49;border-color:#3f4c49}.processing-preview{position:sticky;top:20px;min-height:650px;display:grid;align-content:center;justify-items:center;gap:12px;padding:26px;background:#e8e1d7;border:1px solid #d7cabd;border-radius:12px}.preview-checker{width:100%;min-height:560px;display:grid;place-items:center;overflow:auto;padding:24px;color:#52615d;background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 25%),linear-gradient(-45deg,#e6e6e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e6e6 75%),linear-gradient(-45deg,transparent 75%,#e6e6e6 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:9px}.preview-checker>div{text-align:center}.preview-checker canvas{display:block;max-width:100%;max-height:70vh;object-fit:contain;box-shadow:0 15px 45px #24312e33}.processing-preview>p{margin:0;color:#52615d;font-size:.82rem}@media (max-width:960px){.image-enhancement-grid{grid-template-columns:1fr}.processing-preview{position:static;min-height:420px}.preview-checker{min-height:360px}}@media (max-width:650px){.image-enhancement-header{flex-direction:column}.image-enhancement-grid{display:block}.image-enhancement-controls{margin-bottom:16px}}.background-removal-controls .privacy-note{margin:0;padding:10px;color:#52615d;background:#f3ece2;border-radius:7px;font-size:.78rem;line-height:1.45}.model-status{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;background:#87918e;border-radius:50%}.status-dot.downloading,.status-dot.preparing,.status-dot.processing{background:#d28b36;box-shadow:0 0 0 4px #d28b3629}.status-dot.ready,.status-dot.complete{background:#4f806d}.status-dot.failed{background:#a84c45}.background-removal-controls progress{width:100%;accent-color:#4f806d}.background-removal-controls small{display:block;margin-top:4px;color:#6f7a77}.comparison-note{display:grid;gap:2px;padding:10px;border:1px solid #c5d8cf;border-radius:7px;background:#edf5f1}.comparison-note span{color:#52615d;font-size:.78rem}.mask-history-actions{display:flex;flex-wrap:wrap;gap:6px}.mask-editor{width:100%;padding-top:14px;border-top:1px solid #cfc3b6}.mask-editor .zoom-control{max-width:320px;margin-bottom:8px}.mask-editor-scroll{max-width:100%;max-height:52vh;overflow:auto;background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 25%),linear-gradient(-45deg,#e6e6e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e6e6 75%),linear-gradient(-45deg,transparent 75%,#e6e6e6 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid #cfc3b6;border-radius:8px}.mask-editor canvas{display:block;max-width:none;touch-action:none;cursor:crosshair}.mask-editor>p{margin:7px 0 0;color:#52615d;font-size:.78rem}.before-after{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:14px;border-top:1px solid #cfc3b6}.before-after figure{min-width:0;margin:0}.before-after figcaption{margin-bottom:6px;color:#52615d;font-size:.8rem;font-weight:700}.before-after canvas{display:block;width:100%;height:auto;box-shadow:none}.mini-checker{background-color:#fff;background-image:linear-gradient(45deg,#e6e6e6 25%,transparent 25%),linear-gradient(-45deg,#e6e6e6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6e6e6 75%),linear-gradient(-45deg,transparent 75%,#e6e6e6 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.marketing-page{max-width:1180px}.marketing-hero{max-width:760px;margin-bottom:26px}.marketing-hero h2{margin:6px 0 10px;font-size:2rem}.marketing-hero>p:last-child{color:#52615d;line-height:1.6}.marketing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.marketing-feature-card{min-height:230px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;text-align:left;color:#24312e;background:#fffaf3;border:1px solid #ddd2c5;border-radius:12px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.marketing-feature-card:not(.disabled):hover{border-color:#7b9d8f;transform:translateY(-2px);box-shadow:0 8px 20px #24312e14}.marketing-feature-card.disabled{opacity:.62}.marketing-feature-card strong{font-size:1.05rem}.marketing-feature-card>span{color:#52615d;line-height:1.45}.marketing-feature-card>button{margin-top:auto}.marketing-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.feature-status,.campaign-status{display:inline-flex;padding:3px 7px;color:#45675b;background:#e6f0eb;border-radius:99px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.marketing-message{padding:10px 12px;background:#fff4d9;border:1px solid #e5c777;border-radius:8px}.marketing-empty{display:grid;justify-items:center;gap:8px;padding:55px 20px;text-align:center;background:#fffaf3;border:1px dashed #cfc3b6;border-radius:12px}.campaign-list{display:grid;gap:12px;margin:20px 0}.campaign-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px;background:#fffaf3;border:1px solid #ddd2c5;border-radius:10px}.campaign-row h3{margin:7px 0 4px}.campaign-row p,.campaign-row small{color:#68736f}.campaign-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.campaign-actions button{display:inline-flex;align-items:center;gap:4px;padding:7px 9px;background:#f3ece2;border:1px solid #ddd2c5;border-radius:6px}.campaign-actions .danger-text{color:#963f39}.campaign-status.archived{color:#6d6257;background:#eee6dc}.campaign-editor>header{margin-bottom:18px}.campaign-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:0 0 18px;padding:0;list-style:none}.campaign-steps li{display:grid;justify-items:center;gap:5px;padding:8px;color:#78817e;text-align:center;font-size:.75rem}.campaign-steps li span{width:28px;height:28px;display:grid;place-items:center;background:#eee6dc;border-radius:50%;font-weight:800}.campaign-steps li.active{color:#24312e;font-weight:800}.campaign-steps li.active span,.campaign-steps li.complete span{color:#fff;background:#4f806d}.campaign-step-panel{min-height:430px;padding:24px;background:#fffaf3;border:1px solid #ddd2c5;border-radius:12px}.campaign-step-panel h3{margin-top:0}.campaign-step-panel textarea{min-height:100px;resize:vertical}.field-error{margin:-5px 0 10px;color:#a23f38;font-size:.8rem}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.channel-option{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;padding:13px;background:#f6f0e8;border:1px solid #ddd2c5;border-radius:8px}.channel-option input{grid-row:1/3}.channel-option span{color:#68736f;font-size:.8rem}.asset-placeholder-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.asset-placeholder-grid>div,.content-image-placeholder{display:grid;gap:4px;padding:18px;color:#68736f;background:#f6f0e8;border:1px dashed #cfc3b6;border-radius:8px}.channel-content-panel{display:grid;gap:10px;margin:16px 0;padding:18px;border:1px solid #cfc3b6;border-radius:10px}.channel-content-panel legend{padding:0 6px;font-weight:800}.campaign-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.campaign-review{display:grid;grid-template-columns:1fr 1fr;gap:9px}.campaign-review div{padding:10px;background:#f6f0e8;border-radius:7px}.campaign-review dt{color:#68736f;font-size:.72rem;font-weight:800;text-transform:uppercase}.campaign-review dd{margin:4px 0 0}.review-content{margin:8px 0;padding:12px;background:#f6f0e8;border-radius:7px}.review-content pre{overflow:auto;margin-bottom:0;white-space:pre-wrap;font:inherit;font-size:.82rem}@media (max-width:900px){.marketing-feature-grid{grid-template-columns:1fr 1fr}.campaign-row{grid-template-columns:1fr}.campaign-actions{justify-content:flex-start}.campaign-steps{overflow:auto;grid-template-columns:repeat(5,125px)}}@media (max-width:600px){.marketing-feature-grid,.channel-grid,.asset-placeholder-grid,.campaign-review{grid-template-columns:1fr}.campaign-editor-actions{flex-wrap:wrap}.campaign-editor-actions button{flex:1}}.pattern-studio-page{max-width:1500px}.pattern-studio-header{display:flex;justify-content:space-between;gap:22px;margin-bottom:20px}.pattern-studio-header h2{margin:4px 0 7px}.pattern-studio-header>div>p:last-child,.pattern-studio-header>p{color:#52615d}.pattern-studio-header>p{max-width:390px;padding:9px 12px;background:#fffaf3;border:1px solid #ddd2c5;border-radius:8px;font-size:.8rem}.pattern-studio-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:18px;align-items:start}.pattern-sidebar{display:grid;gap:12px}.pattern-drop-zone{min-height:130px;display:grid;place-items:center;align-content:center;gap:5px;margin-bottom:10px;text-align:center;color:#52615d;background:#f6f0e8;border:2px dashed #cbbdaf;border-radius:9px;cursor:pointer}.pattern-drop-zone:hover{border-color:#658a7b}.pattern-drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.pattern-drop-zone span{font-size:.78rem}.pattern-controls h4{margin:9px 0 0;padding-top:12px;border-top:1px solid #ddd2c5}.inline-actions,.export-presets{display:flex;flex-wrap:wrap;gap:6px}.inline-actions button,.export-presets button{padding:7px 9px;color:#43514d;background:#f3ece2;border:1px solid #ddd2c5;border-radius:6px;font-size:.76rem}.pattern-workspace{position:sticky;top:18px;min-width:0;background:#e8e1d7;border:1px solid #d7cabd;border-radius:12px;overflow:hidden}.pattern-workspace-toolbar{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;color:#52615d;background:#fffaf3;border-bottom:1px solid #d7cabd;font-size:.8rem}.pattern-preview-wrap{position:relative;width:100%;height:min(75vh,820px);min-height:570px;overflow:hidden}.pattern-preview-wrap canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.pattern-preview-wrap canvas:active{cursor:grabbing}.pattern-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:30px;text-align:center;color:#52615d}.pattern-empty p{max-width:360px}.pattern-sidebar .image-info dl div{grid-template-columns:105px 1fr}@media (max-width:1050px){.pattern-studio-layout{grid-template-columns:340px minmax(0,1fr)}}@media (max-width:850px){.pattern-studio-layout{grid-template-columns:1fr}.pattern-workspace{position:static;grid-row:1}.pattern-preview-wrap{min-height:440px;height:60vh}}@media (max-width:600px){.pattern-studio-header{flex-direction:column}.pattern-workspace-toolbar{align-items:flex-start;flex-direction:column}.pattern-preview-wrap{min-height:340px;height:52vh}}.pattern-controls .control-help{margin:0;padding:8px 10px;color:#5d6965;background:#f6f0e8;border-left:3px solid #d6a632;border-radius:4px;font-size:.76rem;line-height:1.45}.upscale-controls .comparison-note{grid-template-columns:auto 1fr;align-items:center}.upscale-controls .comparison-note span{grid-column:1/-1}.upscale-summary{display:grid;gap:6px;margin:0}.upscale-summary div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#f3ece2;border-radius:6px}.upscale-summary dt{color:#68736f;font-size:.78rem;font-weight:700}.upscale-summary dd{margin:0;text-align:right;font-size:.82rem;font-weight:700}.upscale-controls>small{color:#68736f;line-height:1.45}.preview-inspection-toolbar{width:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px}.preview-inspection-toolbar label{display:flex;align-items:center;gap:7px;color:#52615d;font-size:.78rem}.preview-inspection-toolbar select{padding:6px;border:1px solid #cfc3b6;border-radius:6px;background:#fffaf3}.preview-inspection-toolbar .active{color:#fff;background:#3f4c49}.preview-checker{position:relative}.preview-checker.magnifier-active{cursor:crosshair}.magnifier-lens{position:absolute!important;width:180px!important;height:180px!important;max-width:none!important;max-height:none!important;z-index:5;pointer-events:none;transform:translate(-50%,-50%);border:3px solid #fff!important;border-radius:50%;box-shadow:0 5px 22px #141e1b73!important;background:#fff}.core-workflow-note{margin:0 0 12px;padding:10px 12px;color:#43524e;background:#edf4f0;border-left:3px solid #668f80;border-radius:6px;font-size:.82rem;line-height:1.45}.core-operation-list{display:grid;gap:5px;margin:8px 0 0;padding:12px 12px 12px 34px;color:#52615d;background:#f7f1e8;border-radius:7px;font-size:.8rem}.core-reset-action{margin-top:14px}.core-change-history{margin-top:14px;padding-top:12px;border-top:1px solid #ddd2c5}.core-change-history h4{margin:0;color:#3f4c49;font-size:.86rem}.core-change-history p{margin:7px 0 0;color:#6f7a77;font-size:.8rem}.linked-dimension-field{align-items:end}.linked-size-result{color:#61706c}.magnifier-lens[hidden]{display:none!important}.final-image-info dl{display:grid;gap:7px;margin:0}.final-image-info dl div{display:grid;grid-template-columns:120px 1fr;gap:12px}.final-image-info dt{color:#6f7a77;font-size:.8rem;font-weight:700}.final-image-info dd{margin:0;overflow-wrap:anywhere;font-size:.86rem}.color-wheel-indicator{transform:translate(-50%,-50%);transform-origin:center}.v1-editor-stage{touch-action:none;user-select:none;-webkit-user-select:none}.v1-editor-stage canvas{pointer-events:none;-webkit-user-drag:none}.v1-editor-stage .editor-element{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}.color-adjustments{padding-top:22px;border-top:1px solid #e5dbce}.color-adjustments>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.color-adjustments h3{margin:0 0 12px}.color-adjustments p{margin:0;color:#6f7a77;font-size:.8rem}.color-adjustment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel-group{display:grid;gap:10px;margin:0;padding:14px;background:#f7f4ef;border:1px solid #e5dbce;border-radius:9px}.channel-group legend{padding:0 6px;color:#3f4c49;font-size:.82rem;font-weight:800}.channel-group label{display:grid;grid-template-columns:20px minmax(70px,1fr) 58px;align-items:center;gap:8px}.channel-group label>span{font-size:.75rem;font-weight:800}.channel-group input[type=range]{width:100%;accent-color:#658a7b}.channel-group input[type=number]{min-width:0;width:100%;padding:6px;border:1px solid #cfc3b6;border-radius:6px;background:#fff}@media (max-width:900px){.color-adjustment-grid{grid-template-columns:1fr}}@media (max-width:760px){.color-adjustments>div:first-child{display:block}}.complementary-grid.five-colors{grid-template-columns:repeat(5,1fr);margin-bottom:14px}.complementary-grid.five-colors button{grid-template-columns:1fr;grid-template-rows:70px auto auto;text-align:center}.complementary-grid.five-colors button>span{grid-row:auto;width:100%;height:70px;border-radius:7px}.collection-action{margin-left:auto}.color-collection{display:grid;gap:14px;padding-top:22px;border-top:1px solid #e5dbce}.color-collection>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.color-collection h3{margin:0}.color-collection p{margin:0;color:#6f7a77;font-size:.8rem}.collection-swatch{display:grid;grid-template-columns:repeat(5,1fr);min-height:220px;overflow:hidden;border:1px solid #d6ccc0;border-radius:10px}.collection-swatch button{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:3px;padding:12px;text-align:left;border:0;border-radius:0;text-shadow:0 1px 3px rgba(0,0,0,.25)}.collection-swatch button strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem}.collection-swatch button small{font-size:.68rem}.collection-empty{display:grid;place-items:center;min-height:150px;padding:20px;text-align:center;color:#6f7a77;background:#f7f4ef;border:2px dashed #d6ccc0;border-radius:10px}.collection-export{justify-self:end}@media (max-width:900px){.complementary-grid.five-colors{grid-template-columns:repeat(2,1fr)}.collection-swatch{grid-template-columns:1fr;min-height:0}.collection-swatch button{min-height:85px}}@media (max-width:760px){.color-collection>div:first-child{display:block}.collection-action,.collection-export{width:100%;margin:0}}.pattern-magnifier-toolbar{position:absolute;z-index:4;top:-52px;right:8px;height:52px;display:flex;align-items:center;gap:8px;padding:5px 8px;background:transparent}.pattern-interaction-hint{color:#52615d;font-size:.8rem}.pattern-magnifier-toolbar label{display:flex;align-items:center;gap:7px;color:#52615d;font-size:.75rem}.pattern-magnifier-toolbar select{padding:5px;border:1px solid #cfc3b6;border-radius:6px;background:#fff}.pattern-magnifier-toolbar .active{color:#fff;background:#3f4c49}.pattern-magnifier-lens{z-index:6!important}.pattern-preview-wrap{overflow:visible}.pattern-preview-wrap>canvas:first-of-type{border-radius:0 0 12px 12px}.editor-resize-handle.handle-n{top:-10px;right:auto;bottom:auto;left:calc(50% - 9px);cursor:ns-resize}.editor-resize-handle.handle-ne{top:-10px;right:-10px;bottom:auto;left:auto;cursor:nesw-resize}.editor-resize-handle.handle-e{top:calc(50% - 9px);right:-10px;bottom:auto;left:auto;cursor:ew-resize}.editor-resize-handle.handle-se{top:auto;right:-10px;bottom:-10px;left:auto;cursor:nwse-resize}.editor-resize-handle.handle-s{top:auto;right:auto;bottom:-10px;left:calc(50% - 9px);cursor:ns-resize}.editor-resize-handle.handle-sw{top:auto;right:auto;bottom:-10px;left:-10px;cursor:nesw-resize}.editor-resize-handle.handle-w{top:calc(50% - 9px);right:auto;bottom:auto;left:-10px;cursor:ew-resize}.editor-resize-handle.handle-nw{top:-10px;right:auto;bottom:auto;left:-10px;cursor:nwse-resize}.color-wheel{position:relative;width:min(100%,320px);aspect-ratio:1;margin:auto;border-radius:50%;background:conic-gradient(from 0deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:inset 0 0 0 1px #20262429,0 10px 28px #24312e24;cursor:crosshair;touch-action:none}.color-wheel:after{content:"";position:absolute;top:22%;right:22%;bottom:22%;left:22%;border-radius:50%;background:#fffaf3;box-shadow:0 0 0 1px #20262424}.color-wheel-indicator{position:absolute;z-index:2;top:2px;left:50%;width:18px;height:18px;transform-origin:50% 800%;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 5px #0000008c;pointer-events:none}.selected-color-center{position:absolute;z-index:3;top:29%;right:29%;bottom:29%;left:29%;display:grid;place-content:center;text-align:center;color:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 16px #20262447;cursor:pointer;text-shadow:0 1px 3px rgba(0,0,0,.75)}.selected-color-center span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:800}.selected-color-center small{font-size:.7rem;font-weight:700}.selected-color-center input{position:absolute;width:1px;height:1px;opacity:0}.complementary-colors{padding-top:22px;border-top:1px solid #e5dbce}.complementary-colors>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.complementary-colors h3{margin:0 0 12px}.complementary-colors p{margin:0;color:#6f7a77;font-size:.8rem}.complementary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.complementary-grid button{display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;column-gap:10px;align-items:center;padding:10px;text-align:left;color:#24312e;background:#f7f4ef;border:1px solid #e5dbce;border-radius:9px}.complementary-grid button:hover{border-color:#658a7b}.complementary-grid button>span{grid-row:1/3;width:48px;height:48px;border:2px solid #fff;border-radius:50%;outline:1px solid #cfc4b6}.complementary-grid strong{align-self:end;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem}.complementary-grid small{align-self:start;color:#6f7a77;font-size:.7rem}@media (max-width:760px){.complementary-colors>div:first-child{display:block}.complementary-grid{grid-template-columns:1fr}.color-wheel{max-width:280px}}.procreate-converter{display:grid;gap:1.25rem}.privacy-note{padding:.85rem 1rem;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-soft)}.converter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.converter-upload{border-style:dashed}.upload-title{display:flex;align-items:center;gap:.65rem}.upload-title h3{margin:0}.converter-details{display:grid;gap:.45rem;margin:0}.converter-details div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border-color);padding:.35rem 0}.converter-details dt{font-weight:600}.converter-details dd{margin:0;text-align:right}.converter-items{display:grid;gap:1rem}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem}.section-heading h3,.section-heading p{margin:.15rem 0}.row-actions,.stamp-actions{display:flex;gap:.6rem;flex-wrap:wrap}.stamp-list{display:grid;gap:.75rem}.stamp-card{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:14px;background:var(--surface)}.stamp-preview{width:120px;aspect-ratio:1;display:grid;place-items:center;border-radius:10px;background:repeating-conic-gradient(#eee 0,#eee 25%,#fff 0,#fff 50%) 50%/16px 16px;overflow:hidden}.stamp-preview img{width:100%;height:100%;object-fit:contain}.stamp-main{display:grid;gap:.3rem}.stamp-main label{display:grid;gap:.3rem;max-width:32rem}.stamp-main input{width:100%}.stamp-status{margin:0}.stamp-status.success{color:#267147}.stamp-status.failed{color:#a12c32}.stamp-actions{justify-content:flex-end}@media (max-width:900px){.converter-grid{grid-template-columns:1fr}.stamp-card{grid-template-columns:90px 1fr}.stamp-preview{width:90px}.stamp-actions{grid-column:1/-1;justify-content:flex-start}.section-heading{align-items:stretch;flex-direction:column}}.listing-images-library .dashboard-section{padding:var(--sls-space-6);border-radius:var(--sls-radius-card)}.listing-images-library .section-heading-row{justify-content:space-between;margin-bottom:var(--sls-space-4);padding-bottom:var(--sls-space-4);border-bottom:1px solid var(--sls-border-subtle)}.listing-images-library .template-grid{gap:var(--sls-space-4)}.listing-images-library .template-card{padding:var(--sls-space-3);background:var(--sls-surface-3);border:1px solid var(--sls-border-subtle);border-radius:var(--sls-radius-card)}.listing-images-library .template-preview{height:170px;color:var(--sls-text-primary);background:linear-gradient(145deg,color-mix(in srgb,var(--sls-brand-purple) 7%,var(--sls-surface-2)),color-mix(in srgb,var(--sls-brand-teal) 8%,var(--sls-surface-2)));border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-control)}.listing-images-library .template-preview small{color:var(--sls-text-secondary)}.listing-images-library .template-card-actions{gap:var(--sls-space-2)}.listing-template-builder,.listing-images-workspace{background:var(--sls-surface-canvas)}.listing-template-builder .sidebar,.listing-images-workspace .sidebar{color:var(--sls-text-primary);background:var(--sls-surface-2);border-color:var(--sls-border-subtle)}.listing-template-builder .sidebar h2,.listing-images-workspace .sidebar h2{color:var(--sls-text-primary);font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}.listing-template-builder .control-section,.listing-images-workspace .control-section{border-color:var(--sls-border-subtle)}.listing-template-builder .segmented-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sls-space-2)}.listing-template-builder .segmented-list button{color:var(--sls-text-secondary);background:var(--sls-surface-3);border-color:var(--sls-border-subtle)}.listing-template-builder .segmented-list button.active{color:var(--sls-text-primary);background:var(--sls-state-ready-surface);border-color:var(--sls-brand-teal);box-shadow:inset 3px 0 0 var(--sls-brand-teal)}.listing-template-builder .layer-row{color:var(--sls-text-primary);background:var(--sls-surface-3);border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-control)}.listing-template-builder .layer-row.active{color:var(--sls-text-primary);background:var(--sls-state-ready-surface);border-color:var(--sls-brand-teal);box-shadow:inset 3px 0 0 var(--sls-brand-teal)}.listing-template-builder .mode-editor{background:var(--sls-surface-3);border-color:var(--sls-border-subtle)}.listing-template-builder .active-region{outline-color:var(--sls-brand-teal)}.listing-template-builder .save-status,.listing-images-workspace .save-status{color:var(--sls-state-warning);background:color-mix(in srgb,var(--sls-state-warning) 10%,var(--sls-surface-2));border-color:color-mix(in srgb,var(--sls-state-warning) 38%,var(--sls-border-subtle))}.listing-template-builder .builder-stage-wrap,.listing-images-workspace .preview-stage{background:#e7e7e7}.listing-template-builder .v1-editor-stage{background:#f4f4f4;border-color:#bcbcbc;box-shadow:0 14px 38px #17151c26}.listing-template-builder .editor-element{border-color:#17151c94}.listing-template-builder .editor-element.selected{border-color:#087f79;box-shadow:0 0 0 2px #ffffffeb}.listing-template-builder .editor-resize-handle,.listing-template-builder .editor-rotation-handle{background:#087f79;border-color:#fff}.listing-template-builder .editor-rotation-handle:after{background:#087f79}.listing-images-workspace .sidebar>button.secondary-action:nth-last-of-type(-n+2){color:#fff;background:var(--sls-brand-purple);border-color:var(--sls-brand-purple)}.listing-images-workspace .sidebar>button.secondary-action:nth-last-of-type(-n+2):hover{background:#6935bb}.listing-images-workspace .sidebar>button.secondary-action.full:not(:nth-last-of-type(-n+2)){background:var(--sls-surface-3)}.listing-images-workspace .sidebar>button.active-page{color:var(--sls-text-primary);background:var(--sls-state-ready-surface);border-color:var(--sls-brand-teal);box-shadow:inset 3px 0 0 var(--sls-brand-teal)}.listing-images-workspace .upload-box{color:var(--sls-text-secondary);background:var(--sls-surface-3);border-color:var(--sls-border-strong)}.listing-images-workspace .canvas-frame canvas{background:#fff;border-radius:var(--sls-radius-control);box-shadow:0 16px 48px #17151c2e}.pattern-studio-page{max-width:1520px}.pattern-studio-header{align-items:flex-start;margin-bottom:var(--sls-space-6);padding-bottom:var(--sls-space-4);border-bottom:1px solid var(--sls-border-subtle)}.pattern-studio-header .eyebrow{color:var(--sls-brand-purple)}.pattern-studio-header h2{font-family:var(--sls-font-display);font-size:1.8rem;color:var(--sls-text-primary)}.pattern-studio-header>div>p:last-child{color:var(--sls-text-secondary)}.pattern-studio-header>p{color:var(--sls-text-secondary);background:var(--sls-surface-2);border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-control);box-shadow:var(--sls-shadow-card)}.pattern-studio-layout{grid-template-columns:390px minmax(0,1fr);gap:var(--sls-space-4)}.dense-tool-sidebar{gap:var(--sls-space-3)}.dense-tool-sidebar .processing-card{padding:var(--sls-space-4);background:var(--sls-surface-2);border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-card);box-shadow:var(--sls-shadow-card)}.dense-tool-sidebar .processing-card h3{margin-bottom:var(--sls-space-3);color:var(--sls-text-primary);font-size:.88rem;letter-spacing:.03em;text-transform:uppercase}.dense-tool-sidebar .pattern-drop-zone{color:var(--sls-text-secondary);background:var(--sls-surface-3);border-color:var(--sls-border-strong);border-radius:var(--sls-radius-control)}.dense-tool-sidebar .pattern-drop-zone:hover{border-color:var(--sls-brand-teal)}.dense-tool-sidebar .pattern-controls h4{color:var(--sls-text-primary);border-color:var(--sls-border-subtle)}.dense-tool-sidebar .pattern-controls .control-help{color:var(--sls-text-secondary);background:var(--sls-surface-3);border-left-color:var(--sls-brand-yellow)}.dense-tool-sidebar .inline-actions button,.dense-tool-sidebar .export-presets button{color:var(--sls-text-primary);background:var(--sls-surface-3);border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-control)}.dense-tool-sidebar .inline-actions button:hover,.dense-tool-sidebar .export-presets button:hover{border-color:var(--sls-brand-teal)}.dense-tool-sidebar .image-info dl div{border-color:var(--sls-border-subtle)}.dense-tool-sidebar .image-info dt{color:var(--sls-text-muted)}.dense-preview-workspace{background:#e7e7e7;border-color:#bcbcbc;border-radius:var(--sls-radius-card);box-shadow:0 12px 32px #17151c1f}.dense-preview-workspace .pattern-workspace-toolbar{color:#3e3941;background:#fafafa;border-color:#cfcfcf}.dense-preview-workspace .pattern-interaction-hint,.dense-preview-workspace .pattern-magnifier-toolbar label{color:#57515a}.dense-preview-workspace .pattern-magnifier-toolbar select{color:#17151c;background:#fff;border-color:#bcbcbc}.dense-preview-workspace .pattern-magnifier-toolbar .active{color:#17151c;background:#d8f7f4;border-color:#19cfc7}.dense-preview-workspace .pattern-preview-wrap{background:#efefef}.dense-preview-workspace .pattern-empty{color:#57515a}:root[data-theme=dark] .listing-template-builder .sidebar,:root[data-theme=dark] .listing-images-workspace .sidebar,:root[data-theme=dark] .dense-tool-sidebar .processing-card{color:var(--sls-text-primary);background:var(--sls-surface-2);border-color:var(--sls-border-subtle)}:root[data-theme=dark] .listing-template-builder .layer-row.active,:root[data-theme=dark] .listing-template-builder .segmented-list button.active,:root[data-theme=dark] .listing-images-workspace .sidebar>button.active-page{color:var(--sls-text-primary);background:var(--sls-state-ready-surface);border-color:var(--sls-brand-teal)}:root[data-theme=dark] .dense-preview-workspace,:root[data-theme=dark] .listing-template-builder .builder-stage-wrap,:root[data-theme=dark] .listing-images-workspace .preview-stage{background:#e7e7e7;border-color:#bcbcbc}@media (max-width:1050px){.pattern-studio-layout{grid-template-columns:350px minmax(0,1fr)}}@media (max-width:850px){.pattern-studio-layout,.listing-template-builder,.listing-images-workspace{grid-template-columns:1fr}.listing-template-builder .sidebar,.listing-images-workspace .sidebar{width:auto;height:auto;max-height:none;border-right:0;border-bottom:1px solid var(--sls-border-subtle)}}.system-topbar>div{display:grid;gap:2px}.system-topbar h1{margin:0}.system-page-description{max-width:680px;margin:3px 0 0;color:var(--sls-text-secondary);font-size:var(--sls-font-size-sm);line-height:1.4}.creative-module-header,.compact-task-header{padding:var(--sls-space-4) 0;background:transparent;border:0;border-bottom:1px solid var(--sls-border-subtle);border-radius:0;box-shadow:none}.color-picker-header.playful-header{border-top:0;background:transparent}.creative-module-header h2,.compact-task-header h2,.pattern-studio-header.compact-task-header h2{margin:2px 0 var(--sls-space-1);color:var(--sls-text-primary);font-family:var(--sls-font-ui);font-size:1.2rem;font-weight:700}.creative-module-header .eyebrow,.compact-task-header .eyebrow{margin-bottom:2px;color:var(--sls-text-muted);font-size:.7rem}.creative-module-header>div>p:last-child,.compact-task-header>div>p:last-child{margin-bottom:0;color:var(--sls-text-secondary);font-size:var(--sls-font-size-sm);line-height:1.45}.module-group-hero h2{font-family:var(--sls-font-display);font-size:2rem}:root[data-theme=dark] .creative-module-header,:root[data-theme=dark] .compact-task-header,:root[data-theme=dark] .color-picker-header.playful-header{background:transparent;border-color:var(--sls-border-subtle)}@media (max-width:760px){.system-topbar{padding-block:var(--sls-space-4)}.system-page-description{max-width:48ch}.creative-module-header,.compact-task-header{padding:var(--sls-space-3) 0}}.submodule-header-card,.creative-module-header.submodule-header-card,.compact-task-header.submodule-header-card{padding:var(--sls-space-6);background:var(--sls-surface-2);border:1px solid var(--sls-border-subtle);border-radius:var(--sls-radius-card);box-shadow:var(--sls-shadow-card)}.color-picker-header.playful-header.submodule-header-card{background:var(--sls-surface-2);border-top:1px solid var(--sls-border-subtle)}:root[data-theme=dark] .submodule-header-card,:root[data-theme=dark] .creative-module-header.submodule-header-card,:root[data-theme=dark] .compact-task-header.submodule-header-card,:root[data-theme=dark] .color-picker-header.playful-header.submodule-header-card{background:var(--sls-surface-2);border-color:var(--sls-border-subtle)}@media (max-width:760px){.submodule-header-card,.creative-module-header.submodule-header-card,.compact-task-header.submodule-header-card{padding:var(--sls-space-4)}}.page-processing-status{max-width:none;margin:0 0 var(--sls-space-4);padding:var(--sls-space-3) var(--sls-space-4);color:var(--sls-text-secondary);background:var(--sls-surface-2);border:1px solid var(--sls-border-subtle);border-left:3px solid var(--sls-brand-teal);border-radius:var(--sls-radius-control)}.compact-processing-status{margin:0 0 var(--sls-space-3);color:var(--sls-text-secondary);font-size:var(--sls-font-size-sm);line-height:1.4}.workspace-back{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:var(--sls-space-2);width:max-content;padding:var(--sls-space-2) var(--sls-space-3);color:var(--sls-text-secondary);background:var(--sls-surface-2);border:1px solid var(--sls-border-strong);border-radius:var(--sls-radius-control);font-weight:700}.workspace-back:hover{color:var(--sls-text-primary);border-color:var(--sls-brand-teal)}.workspace-back:focus-visible{outline:var(--sls-focus-ring);outline-offset:var(--sls-focus-offset)}.listing-page-list{display:grid;gap:var(--sls-space-2)}.listing-images-workspace .sidebar .listing-page-option{justify-content:flex-start;color:var(--sls-text-primary);background:var(--sls-surface-3);border-color:var(--sls-border-strong);opacity:1}.listing-images-workspace .sidebar .listing-page-option:hover{border-color:var(--sls-brand-teal)}.listing-images-workspace .sidebar .listing-page-option.active-page{background:var(--sls-state-ready-surface);border-color:var(--sls-brand-teal);box-shadow:inset 3px 0 0 var(--sls-brand-teal)}.marketing-hero.module-group-hero{max-width:none;margin-bottom:var(--sls-space-6);padding:var(--sls-space-8);background:linear-gradient(135deg,color-mix(in srgb,var(--sls-brand-purple) 7%,var(--sls-surface-2)),var(--sls-surface-2) 62%);border:1px solid var(--sls-border-subtle);border-radius:var(--sls-radius-card);box-shadow:var(--sls-shadow-card)}.marketing-hero.module-group-hero>p:last-child{max-width:720px;color:var(--sls-text-secondary)}.campaign-editor>.workspace-back{margin-bottom:var(--sls-space-3)}.procreate-converter{max-width:1280px;gap:var(--sls-space-6)}.procreate-converter .privacy-note{margin:0;color:var(--sls-text-secondary);background:var(--sls-surface-3);border-color:var(--sls-border-subtle);border-radius:var(--sls-radius-control)}.procreate-converter .tool-card,.procreate-converter .converter-items,.procreate-converter .stamp-card{color:var(--sls-text-primary);background:var(--sls-surface-2);border:1px solid var(--sls-border-subtle);border-radius:var(--sls-radius-card);box-shadow:var(--sls-shadow-card)}.procreate-converter .tool-card{padding:var(--sls-space-6)}.procreate-converter .converter-upload{background:var(--sls-surface-3);border-style:dashed;border-color:var(--sls-border-strong);box-shadow:none}.procreate-converter .converter-details div{border-color:var(--sls-border-subtle)}.procreate-converter .converter-details dd,.procreate-converter .section-heading p,.procreate-converter .stamp-main>span{color:var(--sls-text-secondary)}.procreate-converter .stamp-card{padding:var(--sls-space-4);box-shadow:none}.procreate-converter .stamp-preview{border:1px solid #bcbcbc}:root[data-theme=dark] .workspace-back{color:var(--sls-text-secondary);background:var(--sls-surface-2);border-color:var(--sls-border-strong)}:root[data-theme=dark] .primary-action{color:#fff;background:var(--sls-brand-purple)}:root[data-theme=dark] .primary-action:hover:not(:disabled){background:#6935bb}:root[data-theme=dark] .marketing-hero.module-group-hero,:root[data-theme=dark] .procreate-converter .tool-card,:root[data-theme=dark] .procreate-converter .converter-items,:root[data-theme=dark] .procreate-converter .stamp-card{color:var(--sls-text-primary);background-color:var(--sls-surface-2);border-color:var(--sls-border-subtle)}:root[data-theme=dark] .marketing-feature-card>span{color:var(--sls-text-secondary)}@media (max-width:760px){.workspace-back{width:100%}.marketing-hero.module-group-hero{padding:var(--sls-space-6)}.procreate-converter .tool-card{padding:var(--sls-space-4)}}.color-picker-panel{padding:0;background:transparent;border:0;box-shadow:none}.nested-task-page{display:grid;gap:var(--sls-space-4);padding:var(--sls-space-8) 0}.nested-task-page>.workspace-back{margin:0}.nested-task-page>.submodule-header-card{margin:0}.listing-editor-page{padding-bottom:0}.listing-editor-page .listing-template-builder,.listing-editor-page .listing-images-workspace{margin-top:var(--sls-space-2)}.listing-images-library{display:grid;gap:var(--sls-space-4)}.listing-images-library>.submodule-header-card{display:flex;align-items:center;justify-content:space-between;gap:var(--sls-space-6)}.listing-library-actions{align-items:center;margin:0}.listing-library-actions>.secondary-action,.listing-library-actions>.primary-action{height:42px;min-height:42px}.listing-library-actions>.file-button{margin:0}.listing-images-library .template-library-surface{padding:var(--sls-space-6);background:var(--sls-surface-2);border:1px solid var(--sls-border-subtle);box-shadow:none}.listing-workspace-actions{display:grid;gap:var(--sls-space-3);padding-top:var(--sls-space-2)}.image-enhancement-page>.image-enhancement-header,.pattern-studio-page>.pattern-studio-header{margin-bottom:var(--sls-space-4)}.procreate-converter{gap:var(--sls-space-6)}.procreate-converter .converter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sls-space-6)}.procreate-converter .converter-step{display:grid;gap:var(--sls-space-4)}.procreate-converter .converter-step>.converter-upload{padding:0;background:transparent;border:0;box-shadow:none}.procreate-converter .converter-analysis{display:grid;gap:var(--sls-space-2);padding-top:var(--sls-space-4);border-top:1px solid var(--sls-border-subtle)}.procreate-converter .converter-analysis h3,.procreate-converter .converter-analysis p{margin:0}.procreate-converter .section-heading{align-items:center}.procreate-converter .row-actions{align-items:stretch}.procreate-converter .row-actions>*{min-height:42px}.procreate-converter .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:root[data-theme=dark] .listing-images-library .template-library-surface,:root[data-theme=dark] .procreate-converter .converter-analysis{border-color:var(--sls-border-subtle)}@media (max-width:900px){.procreate-converter .converter-grid{grid-template-columns:1fr}}@media (max-width:760px){.nested-task-page{padding:var(--sls-space-4) 0}.listing-images-library>.submodule-header-card{align-items:stretch;flex-direction:column}.listing-library-actions{display:grid;grid-template-columns:1fr}.listing-library-actions>*{width:100%}}.administration-settings{display:flex;align-items:center;justify-content:space-between;gap:var(--sls-space-4)}.administration-settings>div{display:flex;align-items:flex-start;gap:var(--sls-space-3)}.administration-settings h3,.administration-settings p{margin:0}.administration-settings p{color:var(--sls-text-secondary)}.module-access-page{max-width:1500px}.module-access-surface{display:grid;gap:20px}.module-access-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sls-space-4)}.module-access-heading h2,.module-access-heading p{margin-block:0}.module-policy-table-wrap{overflow-x:auto;border:1px solid var(--sls-border-subtle);border-radius:var(--sls-radius-card)}.module-policy-table{width:100%;min-width:1080px;border-collapse:collapse;background:var(--sls-surface-2)}.module-policy-table th,.module-policy-table td{padding:var(--sls-space-3);text-align:left;vertical-align:middle;border-bottom:1px solid var(--sls-border-subtle)}.module-policy-table thead th{color:var(--sls-text-secondary);background:var(--sls-surface-3);font-size:var(--sls-font-size-sm)}.module-policy-table tbody tr:last-child>*{border-bottom:0}.module-policy-table tbody th{display:grid;gap:2px}.module-policy-table tbody th small{color:var(--sls-text-muted);font-weight:400}.compact-action{min-height:36px;padding:6px 10px}.admin-state{display:grid;justify-items:start;gap:var(--sls-space-3)}.admin-state h2,.admin-state p{margin:0}.admin-state p{color:var(--sls-text-secondary)}.admin-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:var(--sls-space-6);background:#14121894}.admin-dialog{width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;color:var(--sls-text-primary);background:var(--sls-surface-elevated);border:1px solid var(--sls-border-subtle);border-radius:var(--sls-radius-dialog);box-shadow:var(--sls-shadow-dialog)}.admin-dialog>header{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sls-space-4);padding:20px;background:var(--sls-surface-elevated);border-bottom:1px solid var(--sls-border-subtle)}.admin-dialog header h2,.admin-dialog header p{margin:0}.admin-dialog header>div>p:last-child{color:var(--sls-text-muted);font-size:var(--sls-font-size-sm)}.admin-dialog form{display:grid;gap:20px;padding:20px}.admin-policy-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sls-space-4)}.admin-policy-fields label{display:grid;gap:6px;font-weight:700}.admin-policy-fields label small{color:var(--sls-text-secondary);font-weight:400;line-height:1.35}.admin-policy-fields select{width:100%}.admin-policy-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sls-space-3);margin:0}.admin-policy-metadata div{padding:var(--sls-space-3);background:var(--sls-surface-3);border-radius:var(--sls-radius-control)}.admin-policy-metadata dt{color:var(--sls-text-muted);font-size:var(--sls-font-size-sm)}.admin-policy-metadata dd{margin:3px 0 0;font-weight:700}.policy-change-review,.admin-inline-error{display:grid;gap:var(--sls-space-2);padding:var(--sls-space-4);border:1px solid var(--sls-border-subtle);border-left:4px solid var(--sls-state-warning);border-radius:var(--sls-radius-card);background:var(--sls-state-warning-surface)}.policy-change-review h3,.policy-change-review p,.admin-inline-error p{margin:0}.policy-change-review>div{display:flex;justify-content:space-between;gap:var(--sls-space-4)}.admin-inline-error{border-left-color:var(--sls-state-error);background:var(--sls-state-error-surface)}.admin-dialog footer{display:flex;justify-content:flex-end;gap:var(--sls-space-3);padding-top:var(--sls-space-3);border-top:1px solid var(--sls-border-subtle)}@media (max-width:760px){.administration-settings,.module-access-heading{align-items:stretch;flex-direction:column}.administration-settings>button,.module-access-heading>button{width:100%}.admin-dialog-backdrop{align-items:end;padding:0}.admin-dialog{width:100%;max-height:92vh;border-radius:var(--sls-radius-dialog) var(--sls-radius-dialog) 0 0}.admin-policy-fields,.admin-policy-metadata{grid-template-columns:1fr}.policy-change-review>div{display:grid;gap:2px}.admin-dialog footer{position:sticky;bottom:0;padding:var(--sls-space-3);background:var(--sls-surface-elevated)}}