:root{color-scheme:dark;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;color:#f4f5f7;background:#08090b;font-synthesis:none;--bg: #08090b;--sidebar: #060709;--surface: #0d0f12;--surface-2: #121419;--surface-3: #181a20;--border: #272a31;--border-soft: #1c1f25;--text: #f4f5f7;--muted: #9297a2;--muted-2: #656b77;--accent: #496bff;--accent-hover: #5c79ff;--accent-dim: rgba(73, 107, 255, .14);--brand: #069539;--danger: #ff6b6b;--success: #37b26c}*{box-sizing:border-box}html,body,#root{min-width:1100px;min-height:100%;margin:0}body{min-height:100vh;background:var(--bg)}button,input,textarea,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7790ff;outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{min-height:100vh;display:grid;grid-template-columns:184px minmax(0,1fr);background:var(--bg)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--border-soft);background:#060709fa;display:flex;flex-direction:column;padding:24px 10px 20px;z-index:4}.brand{height:42px;display:inline-flex;align-items:center;border:0;background:transparent;padding:0 12px;cursor:pointer;width:fit-content}.motivo-logo{height:25px;display:inline-flex;align-items:center;white-space:nowrap;line-height:0}.motivo-logo img{display:block;height:25px;width:auto;object-fit:contain}.motivo-symbol-image{display:none!important}.motivo-logo.compact .motivo-wordmark-image{display:none}.motivo-logo.compact .motivo-symbol-image{display:block!important}.primary-nav{display:grid;gap:5px;margin-top:44px}.nav-item{width:100%;height:46px;display:flex;align-items:center;gap:12px;padding:0 15px;color:#a3a7b0;border:1px solid transparent;border-radius:7px;background:transparent;cursor:pointer;text-align:left}.nav-item:hover{color:#e5e7eb;background:#0d0f13}.nav-item.active{color:#dfe5ff;background:var(--accent-dim)}.nav-item.active svg{color:var(--accent)}.sidebar-signature{margin-top:auto;padding:0 13px 10px;color:#555b66;font-size:8px;letter-spacing:.08em}.guide-button{height:44px;border:1px solid var(--border);border-radius:7px;background:#090a0c;color:#aeb2bc;display:flex;align-items:center;gap:10px;padding:0 13px;cursor:pointer}.guide-button span{flex:1;text-align:left}.app-stage{min-width:0}.topbar{height:74px;border-bottom:1px solid var(--border);background:#08090be6;display:flex;align-items:center;justify-content:space-between;padding:0 31px;position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar h1{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em}.topbar-actions{display:flex;align-items:center;gap:14px}.icon-button{width:36px;height:36px;border:1px solid transparent;border-radius:6px;display:inline-grid;place-items:center;background:transparent;color:#a9aeba;cursor:pointer}.icon-button:hover{border-color:var(--border);background:var(--surface);color:#fff}.icon-button.danger:hover{color:var(--danger);border-color:#563238}.profile-wrap{position:relative}.profile-button{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:#aaafb8;cursor:pointer;padding:5px 1px}.profile-button small{color:#7180ac;font-size:9px;padding:3px 6px;border:1px solid #29345a;border-radius:4px}.avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:12px}.profile-menu{position:absolute;right:0;top:45px;width:164px;padding:6px;border:1px solid var(--border);border-radius:8px;background:#111318;box-shadow:0 18px 45px #0000005c;display:grid;z-index:9}.profile-menu button{border:0;background:transparent;color:#bdc1ca;height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;border-radius:5px;cursor:pointer}.profile-menu button:hover{color:#fff;background:#1a1d23}.profile-editor-backdrop{z-index:55}.profile-editor-dialog{width:min(420px,92vw);padding:20px;display:grid;gap:16px;border:1px solid #3a3f49;border-radius:10px;background:#111318;box-shadow:0 28px 100px #000000a8}.profile-editor-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--border)}.profile-editor-dialog h2{margin:0;font-size:18px}.profile-editor-dialog>p{margin:-5px 0 0;color:#747b87;font-size:9px;line-height:1.6}.profile-editor-dialog>footer{display:flex;justify-content:flex-end;gap:8px}.profile-editor-dialog>footer button{min-width:88px}.main-content{min-height:calc(100vh - 74px)}.template-page{padding:35px 30px 26px;max-width:1500px;margin:0 auto}.template-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 2px 25px;border-bottom:1px solid var(--border-soft)}.eyebrow{color:#687390!important;font-size:10px!important;font-weight:600;letter-spacing:.16em;margin:0 0 9px!important}.template-intro h2,.standard-heading h2{font-size:25px;margin:0 0 8px;font-weight:600;letter-spacing:-.025em}.template-intro p,.standard-heading p{color:var(--muted);margin:0;font-size:13px}.template-tools{display:flex;align-items:center;gap:28px}.reference-entry{height:58px;min-width:176px;border:1px solid #343740;background:#13151a;border-radius:7px;display:flex;align-items:center;gap:12px;padding:0 15px;cursor:pointer;text-align:left}.reference-entry:hover{border-color:#4b5d9f;background:#161922}.reference-entry span{display:grid;gap:3px}.reference-entry strong{font-size:14px;font-weight:550}.reference-entry small{color:var(--muted);font-size:11px}.search-field{width:324px;height:44px;border:1px solid #31343c;border-radius:7px;display:flex;align-items:center;gap:10px;padding:0 13px;color:var(--muted);background:#0d0f13}.search-field:focus-within{border-color:#6579cf}.search-field input{width:100%;border:0;background:transparent;color:#fff;outline:0;font-size:13px}.search-field input::placeholder{color:#737985}.template-filters{display:flex;align-items:center;gap:16px;padding:14px 1px 12px}.template-filters button{height:34px;padding:0 18px;border:1px solid #292c33;border-radius:6px;background:transparent;color:#c1c4cb;cursor:pointer;font-size:13px}.template-filters button:hover{border-color:#424650}.template-filters button.active{background:#2947ad;color:#eef1ff;border-color:#375acb}.filter-count{margin-left:auto;color:var(--muted-2);font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.template-card{min-width:0;overflow:hidden;border:1px solid #2b2e35;border-radius:6px;background:#0d0f12;transition:border-color .16s ease,transform .16s ease}.template-card:hover{border-color:#5472f5;transform:translateY(-1px)}.template-image-wrap{width:100%;height:auto;aspect-ratio:4 / 5;position:relative;overflow:hidden;background:#16181c}.template-image-wrap img{width:100%;height:100%;display:block;object-fit:contain;object-position:center top}.template-card.ratio-wide .template-image-wrap{height:auto;aspect-ratio:16 / 9}.template-hover-actions{opacity:0;position:absolute;z-index:2;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:minmax(0,1fr);transform:translateY(4px);transition:opacity .16s,transform .16s}.template-hover-actions button{height:38px;border-radius:5px;font-weight:600;cursor:pointer}.template-hover-action{border:0;background:var(--accent);color:#fff}.template-reference-action{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(121,145,255,.72);background:#1b2a66f0;color:#f3f5ff;box-shadow:0 8px 22px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.template-reference-action:hover{border-color:#a6b4ff;background:#2b419af5}.template-card:hover .template-hover-actions,.template-hover-actions:focus-within{opacity:1;transform:none}.template-meta{padding:13px 15px 14px;position:relative;min-height:73px}.template-meta>small{display:block;margin-bottom:5px;color:#6f7ca8;font-size:9px;letter-spacing:.02em}.template-meta strong{display:block;font-size:13px;font-weight:550;color:#e7e8ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-meta span{display:flex;align-items:center;gap:8px;margin-top:7px;color:#898e99;font-size:11px}.template-meta span i{width:2px;height:2px;background:#656b76;border-radius:50%}.template-inline-action{display:none}.pagination{min-height:59px;display:flex;justify-content:center;align-items:center;gap:7px;color:#8d929c;font-size:11px}.pagination>span{margin-right:20px}.pagination button{width:28px;height:28px;border:1px solid transparent;border-radius:5px;background:transparent;color:#9398a3}.pagination button.active{border-color:var(--accent);color:#dbe1ff}.pagination button:disabled{opacity:.38;cursor:not-allowed}.pagination .page-size{width:88px;display:flex;gap:6px;align-items:center;justify-content:center;border-color:#2b2e35;margin-left:18px}.workspace-page{height:calc(100vh - 74px);min-height:780px;display:grid;grid-template-rows:66px minmax(0,1fr);overflow:hidden}.workspace-header{border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 20px;gap:18px}.back-button{height:34px;display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 6px}.back-button:hover{color:#fff}.workspace-header>div{padding-left:17px;border-left:1px solid var(--border)}.workspace-header h2{margin:0;font-size:16px;font-weight:600}.workspace-header div span{display:block;margin-top:3px;color:var(--muted);font-size:10px}.draft-state{margin-left:auto;color:#7f8591;font-size:11px;display:flex;align-items:center;gap:7px}.draft-state i{width:6px;height:6px;border-radius:50%;background:var(--success)}.workspace-reset-button{height:30px;margin-left:4px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #343842;border-radius:5px;background:#14161b;color:#aeb4be;font-size:9px;cursor:pointer}.workspace-reset-button:hover{border-color:#59606d;color:#f0f2f5;background:#181b21}.workspace-layout{min-height:0;display:grid;grid-template-columns:350px minmax(420px,1fr) 330px}.creation-panel,.results-panel{min-height:0;overflow-y:auto;background:#0b0c0f;scrollbar-width:thin;scrollbar-color:#30343c transparent}.creation-panel{border-right:1px solid var(--border);padding:17px 16px 24px}.results-panel{border-left:1px solid var(--border)}.panel-context{padding:1px 2px 14px;display:grid;gap:5px;border-bottom:1px solid var(--border-soft)}.panel-context span{font-size:9px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em}.panel-context strong{font-size:12px;font-weight:550}.section-label{display:flex;gap:10px;align-items:flex-start;padding:14px 1px 9px}.section-label>span{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;background:#192142;color:#8ca0ff;font-size:8px;font-weight:700}.section-label>div{display:grid;gap:3px}.section-label strong{font-size:11px;font-weight:580}.section-label small{color:#6f7580;font-size:8px}.section-label.compact{padding-top:16px}.assets-step{margin-top:2px;border-top:1px solid var(--border-soft)}.size-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.size-grid button{min-width:0;min-height:55px;display:grid;grid-template-columns:17px 1fr 14px;align-items:center;gap:8px;padding:7px 8px;border:1px solid #2d3037;border-radius:6px;background:#101216;color:#aaaeb7;text-align:left;cursor:pointer}.size-grid button:hover{border-color:#454b59}.size-grid button.selected{border-color:#526feb;background:#11172a;color:#e7eaff}.size-grid button>i{display:block;max-width:17px;max-height:23px;border:1px solid currentColor;opacity:.72}.size-grid button>span{min-width:0;display:grid;gap:3px}.size-grid strong{font-size:9px;font-weight:550}.size-grid small{color:#6f7580;font-size:7px;white-space:nowrap}.size-grid .custom-size-trigger{grid-column:1 / -1}.custom-frame{width:17px;height:17px;border-radius:2px;position:relative}.custom-frame:before,.custom-frame:after{content:"";position:absolute;background:currentColor;opacity:.72}.custom-frame:before{width:7px;height:1px;left:4px;top:7px}.custom-frame:after{width:1px;height:7px;left:7px;top:4px}.custom-size-editor{margin-top:8px;padding:9px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:7px;border:1px solid #30343c;border-radius:6px;background:#0f1115}.custom-size-editor label{display:grid;gap:5px;color:#7d838e;font-size:8px}.custom-size-editor input{width:100%;height:32px;padding:0 8px;border:1px solid #323640;border-radius:5px;outline:none;background:#111318;color:#e8e9eb;font:inherit}.custom-size-editor input:focus{border-color:#6077d3}.custom-size-editor>span{padding-bottom:8px;color:#676d78;font-size:10px}.custom-size-editor em{grid-column:1 / -1;font-style:normal;font-size:8px}.custom-size-editor.valid em{color:#65ba87}.custom-size-editor.invalid{border-color:#59383f}.custom-size-editor.invalid em{color:#c8808c}.model-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.model-options>button{min-width:0;height:54px;display:grid;grid-template-columns:14px 1fr auto;gap:7px;align-items:center;padding:7px 8px;border:1px solid #2d3037;border-radius:6px;background:#101216;text-align:left;cursor:pointer}.model-options>button.selected{border-color:#526feb;background:#11172a}.model-radio{width:13px;height:13px;padding:3px;border:1px solid #5d626c;border-radius:50%}.model-radio i{display:block;width:100%;height:100%;border-radius:50%;background:transparent}.model-options button.selected .model-radio{border-color:var(--accent)}.model-options button.selected .model-radio i{background:var(--accent)}.model-options button>span:nth-child(2){min-width:0;display:grid;gap:3px}.model-options strong{font-size:9px;white-space:nowrap}.model-options small{color:#707681;font-size:7px;white-space:nowrap}.model-options em{color:#7180ad;font-style:normal;font-size:7px}.inline-notice{margin:14px 0 0;padding:10px;display:flex;gap:9px;border:1px solid #314897;border-radius:7px;background:#11182f;color:#bfcaff}.inline-notice span{display:grid;gap:3px}.inline-notice strong{font-size:10px}.inline-notice small{color:#8d9ad0;font-size:8px;line-height:1.5}.upload-card{margin-top:11px}.field-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#c8cbd2;font-size:10px}.field-heading em{color:#6f7580;font-style:normal;font-size:8px}.field-heading .optional-badge{padding:3px 6px;border:1px solid #3b3f48;border-radius:999px;background:#17191e;color:#9298a3}.optional-upload{margin-top:13px;padding-top:12px;border-top:1px solid var(--border-soft)}.optional-upload .upload-dropzone{min-height:58px;border-color:#2c3038;background:#0e1014;color:#9298a3}.optional-hint{margin:6px 0 0;color:#676d78;font-size:8px;text-align:center}.upload-dropzone{width:100%;min-height:70px;display:grid;justify-items:center;align-content:center;gap:4px;border:1px dashed #343841;border-radius:7px;background:#101216;color:#bbc0ca;cursor:pointer}.upload-dropzone:hover,.upload-card.emphasized .upload-dropzone{border-color:#5068c4;background:#121728}.upload-dropzone span{font-size:10px}.upload-dropzone small{font-size:8px;color:#696f7b}.upload-preview{min-height:58px;display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #30343d;border-radius:7px;background:#111318}.upload-preview img{width:42px;height:44px;border-radius:4px;object-fit:cover}.upload-preview>div{min-width:0;display:grid;gap:3px;flex:1}.upload-preview strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.upload-preview small{color:var(--muted);font-size:8px}.upload-preview button{border:0;background:transparent;color:#858b96;cursor:pointer}.product-upload-list{display:grid;gap:6px}.product-upload-item{min-height:58px;display:grid;grid-template-columns:42px minmax(0,1fr) 16px 24px;align-items:center;gap:8px;padding:6px;border:1px solid #30343d;border-radius:7px;background:#111318}.product-upload-item img{width:42px;height:44px;border-radius:4px;object-fit:cover;background:#090a0d}.product-upload-item>span{min-width:0;display:grid;gap:3px}.product-upload-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.product-upload-item small{color:var(--muted);font-size:8px}.product-upload-item .locked-icon{color:#73c895}.product-upload-item>button{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:#858b96;cursor:pointer}.product-upload-item>button:hover{background:#242830;color:#f0f2f5}.reference-upload-list .product-upload-item{grid-template-columns:42px minmax(0,1fr) 24px}.reference-guidance{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px}.reference-guidance select{min-width:0;height:24px;padding:0 6px;border:1px solid #333945;border-radius:4px;background:#0d1015;color:#aeb7d9;outline:none;font-size:8px}.reference-guidance select:focus{border-color:#6077d3}.add-product-upload{min-height:35px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px dashed #3c4351;border-radius:6px;background:#0d1016;color:#9da5b4;cursor:pointer;font-size:8px}.add-product-upload:hover{border-color:#5c73d4;color:#d6dcfa;background:#11172a}.locked-icon{color:var(--success)}.product-lock-note{margin-top:7px;padding:8px 9px;display:flex;align-items:center;gap:8px;border:1px solid #254636;border-radius:6px;background:#0e1813;color:#72c897}.product-lock-note span{display:grid;gap:2px}.product-lock-note strong{font-size:9px}.product-lock-note small{color:#638d74;font-size:7px}.prompt-field{margin-top:12px}.prompt-field small{color:#636976;font-size:8px;line-height:1.45}.form-section{margin-top:14px;padding-top:12px;border-top:1px solid var(--border-soft);display:grid;gap:9px}.input-label{display:grid;gap:6px;color:#aeb3bc;font-size:9px}.text-input,.input-label textarea,.input-label select{width:100%;border:1px solid #30343c;border-radius:5px;background:#111318;color:#e8e9eb;outline:none}.text-input,.input-label select{height:34px;padding:0 9px}.input-label textarea{min-height:58px;padding:8px 9px;resize:vertical;line-height:1.45}.prompt-field textarea{min-height:74px}.text-input:focus,.input-label textarea:focus,.input-label select:focus{border-color:#6077d3}.copy-input{display:grid;gap:6px;color:#aeb3bc;font-size:9px}.copy-input-heading{display:flex;align-items:center;justify-content:space-between}.copy-input-heading>span{color:#cbd0d8}.selling-points-heading>span{display:flex;align-items:center;gap:7px}.selling-points-heading em{color:#686f7b;font-size:9px;font-style:normal}.copy-input .text-input:disabled{border-color:#292d35;background:#0d0f13;color:#747b88;cursor:not-allowed}.copy-ai-switch{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#747a85;cursor:pointer;font-size:8px}.copy-ai-switch>i{width:27px;height:15px;padding:2px;display:block;border-radius:999px;background:#30343c;transition:background .16s ease}.copy-ai-switch>i b{width:11px;height:11px;display:block;border-radius:50%;background:#a2a7b0;transition:transform .16s ease,background .16s ease}.copy-ai-switch.active{color:#aebafa}.copy-ai-switch.active>i{background:var(--accent)}.copy-ai-switch.active>i b{background:#fff;transform:translate(12px)}.copy-ai-switch:disabled{opacity:.65;cursor:wait}.copy-input-note{color:#747fba;font-size:8px;line-height:1.45}.selling-points-editor{display:grid;gap:7px;padding-top:3px}.selling-point-list{display:grid;gap:6px}.selling-point-list label{min-height:34px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;border:1px solid #30343c;border-radius:5px;background:#111318;overflow:hidden}.selling-point-list label:focus-within{border-color:#6077d3}.selling-point-list label>span{color:#5f6eab;font-size:8px;font-weight:650;text-align:center}.selling-point-list input{min-width:0;height:32px;padding:0 4px;border:0;outline:0;background:transparent;color:#e8e9eb;font:inherit;font-size:9px}.selling-point-list button{width:28px;height:32px;display:grid;place-items:center;border:0;background:transparent;color:#646a75;cursor:pointer}.selling-point-list button:hover{color:#d58c97}.add-selling-point{min-height:31px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px dashed #353a45;border-radius:5px;background:#0f1115;color:#8f97a7;cursor:pointer;font-size:8px}.add-selling-point:hover:not(:disabled){border-color:#4b5fba;color:#b8c3f5;background:#11172a}.add-selling-point:disabled{opacity:.45;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.reference-weight{display:grid;gap:5px;margin-top:12px;color:#afb4bd;font-size:9px}.reference-weight span{display:flex;justify-content:space-between}.reference-weight strong{color:#dfe4ff;font-weight:550}.reference-weight input{width:100%;accent-color:var(--accent)}.reference-weight small{color:#666c77;font-size:8px}.brand-selector{margin-top:13px}.brand-selector>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.brand-selector button{min-width:0;padding:5px;display:grid;gap:4px;position:relative;border:1px solid #2f323a;border-radius:5px;background:#111318;color:#888e99;cursor:pointer}.brand-selector button.selected{border-color:#526feb;color:#e0e5ff}.brand-selector button>svg{position:absolute;top:4px;right:4px;border-radius:50%;background:var(--accent);color:#fff;padding:2px}.brand-selector button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.brand-thumb{height:27px;padding:5px;display:grid;place-items:center;border-radius:3px;background:#e8e8e6;overflow:hidden}.brand-thumb.color,.brand-thumb.white{background:#27363a}.brand-thumb img{width:100%;height:100%;object-fit:contain}.primary-button,.secondary-button{min-height:38px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:10px}.primary-button{border:1px solid #5270f3;background:var(--accent);color:#fff;font-weight:600}.primary-button:hover{background:var(--accent-hover)}.secondary-button{border:1px solid #333741;background:#14161b;color:#c8ccd4}.secondary-button:hover{background:#1a1d23;border-color:#464b56}.generate-button{width:100%;margin-top:15px}.button-hint{margin:6px 0 0;text-align:center;color:#646a75;font-size:8px}.generation-action{margin-top:15px;height:43px;border:1px solid #3c4f9d;border-radius:6px;background:#11172a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.generation-action>div{display:flex;align-items:center;gap:7px;font-size:9px;z-index:1}.generation-action button{min-height:28px;padding:0 8px;display:inline-flex;align-items:center;gap:4px;border:1px solid #4b5c9e;border-radius:4px;background:#182044;color:#c8d1ff;cursor:pointer;font-size:8px;z-index:1}.generation-action button:hover{border-color:#687ed9;background:#202b57}.generation-action>i{position:absolute;bottom:0;left:0;height:2px;background:var(--accent);transition:width .25s ease}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.canvas-area{min-width:0;min-height:0;display:grid;grid-template-rows:42px minmax(0,1fr);background:#090a0c}.canvas-area.has-copywriter-action{grid-template-rows:42px minmax(0,1fr) 58px}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--border-soft);color:#7b818d;font-size:8px}.canvas-board{min-height:0;margin:16px;padding:0;border:1px solid #24272d;background-color:#0d0f12;background-image:linear-gradient(#17191e 1px,transparent 1px),linear-gradient(90deg,#17191e 1px,transparent 1px);background-size:22px 22px;display:grid;place-items:center;position:relative;overflow:hidden;container-type:size}.copy-region-toolbar{position:absolute;z-index:4;top:10px;left:10px;right:10px;min-height:38px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(61,67,80,.86);border-radius:6px;background:#0a0c10e6;box-shadow:0 8px 24px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.copy-region-toolbar>span{display:grid;gap:2px;min-width:106px}.copy-region-toolbar>span strong{color:#d9dde5;font-size:9px;font-weight:600}.copy-region-toolbar>span small{color:#727a88;font-size:7px;white-space:nowrap}.copy-region-toolbar>div{display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:none}.copy-region-toolbar>div::-webkit-scrollbar{display:none}.copy-region-toolbar button{flex:0 0 auto;height:25px;padding:0 8px;border:1px solid #353a45;border-radius:4px;background:#15181e;color:#9299a5;font-size:8px}.copy-region-toolbar button:hover:not(:disabled),.copy-region-toolbar button.configured{border-color:#526ce8;color:#cbd4ff}.copy-region-toolbar button.active{border-color:#7188f5;background:#22306c;color:#f4f6ff}.copy-region-toolbar button.clear{border-color:#443137;color:#bd8589}.canvas-empty{display:grid;justify-items:center;gap:8px;color:#555b67}.canvas-empty strong{color:#8d929d;font-size:12px}.canvas-empty span{font-size:9px}.canvas-size-preview{height:auto;max-width:92%;max-height:82%;margin-top:46px;display:grid;place-items:center;align-content:center;gap:9px;position:relative;overflow:hidden;border:1px solid #343946;background:linear-gradient(145deg,#1c1f26f2,#0f1115f5);color:#7d8490;box-shadow:0 18px 58px #00000061,inset 0 0 0 1px #ffffff04}.canvas-size-preview.selecting-region{cursor:crosshair;border-color:#596fd5;touch-action:none}.canvas-size-preview>.canvas-dimensions{display:flex;align-items:baseline;gap:6px;pointer-events:none}.canvas-size-preview strong{color:#b5bbc7;font-size:clamp(11px,1.2vw,16px);font-weight:560;letter-spacing:.02em}.canvas-size-preview span{color:#666e7b;font-size:8px}.canvas-size-preview>small{color:#555d6a;font-size:8px;pointer-events:none}.copy-region-box{position:absolute;z-index:2;min-width:6%;min-height:4%;border:1px dashed currentColor;background:color-mix(in srgb,currentColor 9%,transparent);cursor:move;touch-action:none}.copy-region-box>span{position:absolute;left:-1px;top:-20px;height:20px;padding:0 3px 0 5px;border-radius:3px 3px 0 0;background:currentColor;display:flex;align-items:center;gap:4px;white-space:nowrap}.copy-region-box>span b{color:#0b0d11;font-size:clamp(6px,1.1cqw,9px);font-weight:700}.copy-region-box>span button{width:15px;height:15px;padding:0;border:0;border-radius:3px;background:#090b0f38;color:#0b0d11;display:grid;place-items:center;cursor:pointer}.copy-region-box>span button:hover{background:#090b0f66}.copy-region-box.main-title{color:#8094f5}.copy-region-box.sub-title{color:#63b5bd}.copy-region-box.selling-points{color:#b39861}.copy-region-box.drawing{border-style:solid;box-shadow:0 0 0 1px color-mix(in srgb,currentColor 28%,transparent);pointer-events:none}.poster-composer{height:auto;max-width:none;position:relative;overflow:hidden;background:#d8d2c7;box-shadow:0 15px 54px #00000085;color:#f5f5f0;container-type:size}.poster-composer .generated-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#090a0d}.background-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#d6d0c6;color:#9f978b}.background-placeholder span{font-size:2.1cqw;letter-spacing:.16em}.template-reference-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.template-preview-badge{position:absolute;right:12px;bottom:12px;z-index:2;padding:6px 9px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#080a0dbd;color:#ffffffd1;font-size:8px;letter-spacing:.05em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.poster-composer.showing-template{box-shadow:0 20px 70px #0000006b}.safe-area{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:1px dashed rgba(255,255,255,.17);pointer-events:none}.canvas-brand{position:absolute;z-index:3;top:5.4%;left:5.5%;width:30%;max-height:8%;object-fit:contain;object-position:left center}.canvas-copy{position:absolute;z-index:3;top:19%;left:7%;right:7%;display:grid;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.24)}.canvas-copy strong{max-width:70%;font-size:clamp(18px,5.5cqw,42px);line-height:1.08;letter-spacing:-.05em}.canvas-copy p{margin:3% 0 0;font-size:clamp(8px,2.4cqw,16px);opacity:.78}.canvas-copy ul{list-style:none;padding:0;margin:8% 0 0;display:flex;flex-wrap:wrap;gap:4%;font-size:clamp(7px,1.8cqw,12px)}.canvas-copy li{padding-left:3%;position:relative}.canvas-copy li:before{content:"";position:absolute;left:0;top:42%;width:1.1cqw;height:1.1cqw;border-radius:50%;background:#fff}.locked-product{position:absolute;z-index:2;left:20%;right:10%;bottom:3%;height:53%;display:grid;place-items:end center}.locked-product img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.35))}.locked-product span{position:absolute;right:0;bottom:1%;display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid rgba(111,218,157,.45);border-radius:4px;background:#081f13bf;color:#9ae0b7;font-size:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-slot{position:absolute;z-index:2;left:25%;right:15%;bottom:10%;height:37%;display:grid;place-items:center;align-content:center;gap:6px;border:1px dashed rgba(255,255,255,.3);color:#fff9}.product-slot span{font-size:9px}.editable-logo-layer{position:absolute;z-index:5;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 8px rgba(0,0,0,.24))}.editable-logo-layer:active{cursor:grabbing}.editable-logo-layer>img{width:100%;height:auto;display:block;pointer-events:none}.editable-logo-layer>button{position:absolute;right:-6px;bottom:-6px;width:17px;height:17px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#526feb;cursor:nwse-resize;touch-action:none;box-shadow:0 2px 8px #0000006b}.editable-logo-layer>button i{width:6px;height:6px;border-right:1px solid white;border-bottom:1px solid white}.drag-tip{position:absolute;z-index:6;left:50%;bottom:2.5%;transform:translate(-50%);padding:5px 8px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#07080ab8;color:#ffffffc7;font-size:1.8cqw;white-space:nowrap;pointer-events:none}.canvas-processing{position:absolute;top:0;right:0;bottom:0;left:0;isolation:isolate;overflow:hidden;display:grid;align-content:center;justify-items:center;gap:8px;background:#080b15;z-index:5}.canvas-processing>:not(.processing-visual){position:relative;z-index:2}.canvas-processing strong{color:#eef1ff;font-size:12px;text-shadow:0 2px 18px rgba(78,104,235,.45)}.canvas-processing span{max-width:420px;color:#8d96aa;font-size:9px;text-align:center}.processing-visual{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:0;overflow:hidden;background:radial-gradient(circle at 24% 72%,rgba(66,54,192,.34),transparent 35%),radial-gradient(circle at 76% 28%,rgba(0,174,176,.24),transparent 32%),radial-gradient(circle at 54% 54%,rgba(48,76,194,.2),transparent 42%),linear-gradient(145deg,#070914,#0a1120 52%,#070b14)}.processing-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.25;background-image:linear-gradient(rgba(119,143,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(119,143,255,.13) 1px,transparent 1px);background-size:38px 38px;transform:perspective(380px) rotateX(58deg) scale(1.35) translateY(16%);transform-origin:center bottom;animation:processing-grid 8s linear infinite}.processing-visual:after{content:"";position:absolute;left:7%;right:7%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(112,210,255,.8),transparent);box-shadow:0 0 22px #58afffbf;animation:processing-scan 4.2s ease-in-out infinite}.processing-visual i{position:absolute;width:38%;aspect-ratio:1;border-radius:50%;filter:blur(48px);opacity:.36;animation:processing-drift 7s ease-in-out infinite alternate}.processing-visual i:nth-child(1){left:5%;top:34%;background:#5542dd}.processing-visual i:nth-child(2){right:4%;top:8%;background:#00aeb0;animation-delay:-2.4s}.processing-visual i:nth-child(3){left:38%;bottom:-8%;background:#3159d5;animation-delay:-4.6s}.processing-visual b{position:absolute;left:50%;top:50%;width:min(42vw,420px);aspect-ratio:1;border:1px solid rgba(128,151,255,.14);border-radius:50%;transform:translate(-50%,-50%);animation:processing-pulse 5s ease-in-out infinite}.processing-visual b:last-child{width:min(29vw,290px);border-color:#50cfcf29;animation-delay:-2.5s}.processing-spinner{color:#92a4ff;filter:drop-shadow(0 0 8px rgba(95,122,255,.7))}.processing-progress{width:190px;height:3px;margin-top:4px;background:#464e639e;overflow:hidden;box-shadow:0 0 18px #526feb29}.processing-progress i{display:block;height:100%;background:linear-gradient(90deg,#526feb,#58d3d0);box-shadow:0 0 12px #58bce8a8;transition:width .25s ease}@keyframes processing-grid{to{background-position:0 38px,38px 0}}@keyframes processing-scan{0%,to{top:8%;opacity:0}15%,85%{opacity:.75}50%{top:92%}}@keyframes processing-drift{0%{transform:translate3d(-4%,2%,0) scale(.88)}to{transform:translate3d(9%,-8%,0) scale(1.12)}}@keyframes processing-pulse{0%,to{opacity:.25;transform:translate(-50%,-50%) scale(.84)}50%{opacity:.75;transform:translate(-50%,-50%) scale(1.08)}}.canvas-stop-button{min-height:32px;margin-top:7px;padding:0 14px;border:1px solid #5369c8;border-radius:5px;background:#182044;color:#d3dbff;cursor:pointer;font-size:8px}.canvas-stop-button:hover{background:#202b57}.canvas-copywriter-action{min-width:0;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--border);background:#0b0d11}.canvas-copywriter-action>span{min-width:0;display:flex;align-items:center;gap:9px;color:#7f8bbd}.canvas-copywriter-action>span>span{min-width:0;display:grid;gap:3px}.canvas-copywriter-action strong{color:#d8dced;font-size:9px;font-weight:560}.canvas-copywriter-action small{color:#6e7480;font-size:7px}.canvas-copywriter-action .primary-button{min-width:112px;height:34px;padding:0 11px}.panel-title{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--border)}.panel-title h3{margin:0;font-size:11px;font-weight:550}.panel-title>div{display:flex;align-items:center;gap:8px}.panel-title span{color:#737985;font-size:8px}.panel-close-button{width:27px;height:27px;display:grid;place-items:center;border:1px solid #30343c;border-radius:4px;background:#121419;color:#9298a3;cursor:pointer}.panel-close-button:hover{border-color:#4a505c;color:#fff}.results-empty,.error-state{min-height:260px;display:grid;justify-items:center;align-content:center;gap:8px;padding:25px;text-align:center;color:#555b66}.results-empty strong,.error-state strong{color:#aaaeb7;font-size:10px}.results-empty span,.error-state span{color:#6f7580;font-size:8px;line-height:1.5}.error-state svg{color:var(--danger)}.error-state .secondary-button{margin-top:7px;padding:0 16px}.cancelled-state>svg{color:#8d99cf}.cancelled-state .secondary-button{margin-top:7px;padding:0 16px}.layer-legend{margin:0 14px;padding:12px;display:grid;gap:9px;border-top:1px solid var(--border-soft);color:#797f8a;font-size:8px}.layer-legend span{display:flex;align-items:center;gap:8px}.layer-legend i{width:7px;height:7px;border-radius:2px}.ai-layer{background:#667fff}.locked-layer{background:#3fb477}.editable-layer{background:#d5b15e}.result-grid{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-grid button{min-width:0;border:1px solid #30343c;background:#101216;border-radius:5px;overflow:hidden;padding:0;text-align:left;position:relative;cursor:pointer}.result-grid button.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.result-grid img{width:100%;height:132px;object-fit:cover;display:block}.result-grid span{display:block;color:#9ba0aa;font-size:8px;padding:7px}.result-grid i{position:absolute;top:6px;right:6px;width:19px;height:19px;border-radius:50%;background:var(--accent);display:grid;place-items:center;color:#fff}.result-grid.three button:last-child{grid-column:1 / -1}.result-grid.three button:last-child img{height:108px}.poster-result-composite{position:relative;overflow:hidden;width:100%;aspect-ratio:4 / 5;background:#15171b;color:#fff;container-type:size}.result-grid .poster-result-composite{height:132px}.result-grid.three button:last-child .poster-result-composite{height:108px;aspect-ratio:auto}.poster-result-composite .poster-result-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#090a0d}.poster-result-composite .poster-result-brand{position:absolute;z-index:3;top:4%;right:5%;width:28%;height:auto;object-fit:contain}.poster-result-copy{position:absolute;z-index:3;top:17%;left:7%;right:7%;text-shadow:0 2px 10px rgba(0,0,0,.4)}.poster-result-copy strong{display:block;max-width:72%;font-size:7cqw;line-height:1.05}.poster-result-copy p{margin:2.5% 0 0;max-width:70%;font-size:2.6cqw;opacity:.82}.poster-result-copy ul{list-style:none;padding:0;margin:7% 0 0;display:grid;gap:1.4cqw;font-size:2.15cqw}.poster-result-copy li:before{content:"•";margin-right:1.2cqw}.poster-result-composite .poster-result-product{position:absolute;z-index:2;left:19%;right:8%;bottom:3%;width:73%;height:55%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 13px rgba(0,0,0,.4))}.result-actions{padding:0 12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.result-actions .full{grid-column:1 / -1}.result-actions.two-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.result-editor-panel{display:flex;flex-direction:column}.result-variant-list{padding:12px;display:grid;gap:12px}.result-variant-card{min-width:0;position:relative;overflow:hidden;border:1px solid #30343c;border-radius:7px;background:#111318;color:#d9dce2}.result-variant-card.selected{border-color:var(--accent);background:#11172a;box-shadow:0 0 0 1px var(--accent)}.result-select-button{width:100%;min-width:0;padding:0;display:block;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.result-variant-list img{width:100%;height:auto;display:block;object-fit:contain;background:#090a0d}.result-select-button>span{min-width:0;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #2b2f38}.result-variant-list strong{font-size:9px}.result-variant-list small{color:#777e89;font-size:7px;line-height:1.4}.favorite-button{width:32px;height:32px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#080a0dc7;color:#f3f4f7;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .16s,background .16s,transform .16s,border-color .16s}.favorite-button:hover{transform:scale(1.05);border-color:#8296f5}.favorite-button.active{border-color:#7188f5;background:#18255e;color:var(--accent)}.result-variant-card>.favorite-button{position:absolute;z-index:4;top:9px;right:9px}.result-brand-section{margin:0 12px;padding:2px 0 14px;border-bottom:1px solid var(--border-soft)}.result-brand-section .brand-selector{margin-top:12px}.logo-edit-note{margin:10px 0 0;padding:10px;display:grid;gap:5px;border:1px solid #303a5b;border-radius:6px;background:#101425}.logo-edit-note strong{color:#c9d1f7;font-size:9px}.logo-edit-note span{color:#7e89b4;font-size:7px;line-height:1.55}.result-editor-panel .result-actions{margin-top:0}.layer-editor{padding:13px 12px;display:grid;gap:13px;flex:1;align-content:start}.layer-editor-heading{display:grid;gap:4px}.layer-editor-heading strong{font-size:10px;font-weight:600}.layer-editor-heading small{color:#707681;font-size:8px}.layer-editor label{display:grid;gap:6px;color:#9399a4;font-size:8px}.layer-editor label>span{display:flex;justify-content:space-between}.layer-editor label b{color:#d8dcf2;font-weight:500}.layer-editor select{width:100%;height:33px;padding:0 8px;border:1px solid #30343c;border-radius:5px;background:#111318;color:#e5e7eb;outline:none;font-size:9px}.layer-editor select:focus{border-color:#6077d3}.layer-editor input[type=range]{width:100%;accent-color:var(--accent)}.reset-layout-button{min-height:32px;border:1px solid #343842;border-radius:5px;background:#121419;color:#9ba1ad;cursor:pointer;font-size:8px}.reset-layout-button:hover{border-color:#4d5460;color:#e4e7ed}.standard-page{padding:38px 32px;max-width:1300px;margin:0 auto}.standard-heading{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:24px;border-bottom:1px solid var(--border)}.standard-heading>.primary-button{min-width:110px;padding:0 14px}.works-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.work-card{border:1px solid var(--border);background:var(--surface);border-radius:7px;overflow:hidden;position:relative}.work-card>img{width:100%;height:300px;object-fit:cover;display:block}.work-card>div:nth-child(2){padding:13px;display:grid;gap:6px}.work-card strong{font-size:12px}.work-card span,.work-card small{color:var(--muted);font-size:9px}.work-card small{color:#707784}.work-actions{position:absolute;right:8px;bottom:8px;display:flex}.work-actions a{text-decoration:none}.favorite-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.favorite-card{display:grid;grid-template-rows:auto auto}.favorite-poster-preview{position:relative;width:100%;overflow:hidden;padding:0;border:0;border-bottom:1px solid var(--border);background:#0a0b0d;cursor:zoom-in}.favorite-poster-preview img{width:100%;height:auto;display:block;object-fit:contain;object-position:center top}.favorite-poster-preview span{position:absolute;left:50%;bottom:12px;transform:translate(-50%);padding:6px 9px;border-radius:5px;background:#08090bc7;color:#f2f3f5;opacity:0;font-size:9px;white-space:nowrap;transition:opacity .16s}.favorite-poster-preview:hover span{opacity:1}.favorite-card-meta{padding:12px;display:grid;gap:11px}.favorite-card-meta>div:first-child{min-width:0;display:grid;gap:5px}.favorite-card-meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px 36px;gap:6px}.favorite-card-actions .secondary-button{min-width:0;padding:0 8px;font-size:8px}.favorite-card-actions .copywriter-card-button{color:#cbd3f6;border-color:#34406a;background:#11162a}.favorite-card-actions .copywriter-card-button:hover{border-color:#526bc2;background:#151d39}.favorite-card-actions a{text-decoration:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#030406b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.confirm-modal{width:410px;padding:22px;display:grid;grid-template-columns:38px 1fr;gap:14px;border:1px solid #383c45;border-radius:9px;background:#111318;box-shadow:0 24px 80px #0000008c}.modal-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #553139;border-radius:7px;background:#241317;color:#ff7b82}.confirm-modal h3{margin:1px 0 8px;font-size:15px}.confirm-modal p{margin:0;color:#858b96;font-size:10px;line-height:1.65}.modal-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.modal-actions button{min-width:88px;padding:0 12px}.danger-button{min-height:38px;border:1px solid #a5464d;border-radius:5px;background:#8c3038;color:#fff;font-size:10px;cursor:pointer}.danger-button:hover{background:#a73b44}.guide-modal{width:min(580px,92vw);overflow:hidden;border:1px solid #343943;border-radius:11px;background:#101216;box-shadow:0 28px 90px #00000094}.guide-modal>header{height:64px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.guide-steps{padding:18px;display:grid;gap:8px}.guide-steps article{min-height:76px;padding:13px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;border:1px solid #292d35;border-radius:7px;background:#0d0f13}.guide-steps article>span{width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#192142;color:#9aabff;font-size:9px;font-weight:700}.guide-steps strong{font-size:11px}.guide-steps p{margin:6px 0 0;color:#7d8490;font-size:9px;line-height:1.6}.history-table{margin-top:21px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface)}.history-head,.history-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr .7fr;align-items:center;min-height:66px;padding:0 20px;column-gap:18px;border-bottom:1px solid var(--border-soft)}.history-head{min-height:42px;color:#686f7b;background:#0b0c0f;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.history-row:last-child{border:0}.history-row>span{color:#adb1ba;font-size:10px;display:flex;align-items:center;gap:7px}.history-row>span:first-child{display:grid;gap:4px}.history-row strong{color:#e4e6ea;font-size:11px}.history-row small{color:#626976;font-size:8px}.history-row em{padding:4px 7px;border:1px solid #254a35;border-radius:4px;background:#0e1813;color:#70c392;font-style:normal;font-size:8px}.history-item+.history-item{border-top:1px solid var(--border-soft)}.history-item .history-row{border-bottom:0}.history-results{display:grid;grid-template-columns:repeat(3,minmax(0,156px));gap:12px;padding:0 20px 20px}.history-poster-wrap{position:relative}.history-poster-wrap>.favorite-button{position:absolute;z-index:5;top:8px;left:8px}.history-copywriter-button{position:absolute;z-index:5;top:8px;right:8px;min-height:28px;padding:0 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(137,153,225,.5);border-radius:5px;background:#0c1123db;color:#d6ddff;cursor:pointer;font-size:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.history-copywriter-button:hover{border-color:#8196f3;background:#19244ef0}.history-download-button{position:absolute;z-index:5;right:8px;bottom:8px;width:29px;height:29px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:5px;background:#090b0fdb;color:#e4e7ef;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.history-download-button:hover{border-color:#7188ef;background:#182042f0;color:#fff}.history-poster-card{position:relative;width:100%;overflow:hidden;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:#e4e6ea;text-align:left;cursor:zoom-in;transition:transform .16s ease,border-color .16s ease}.history-poster-card:hover{transform:translateY(-2px);border-color:#647df2}.history-results img{width:100%;height:100%;object-fit:cover;display:block}.history-results span{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:5px;background:#08090bcc;font-size:9px}.history-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:28px;background:#030406db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.history-preview-dialog{width:min(650px,92vw);height:min(920px,92vh);display:grid;grid-template-rows:58px minmax(0,1fr);overflow:hidden;border:1px solid #3a3e48;border-radius:10px;background:#0e1014;box-shadow:0 28px 100px #000000b3}.history-preview-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 15px 0 18px;border-bottom:1px solid var(--border)}.history-preview-dialog>header>div{min-width:0;display:grid;gap:4px}.history-preview-dialog>header strong{overflow:hidden;color:#eef0f4;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.history-preview-dialog>header span{color:#777e8a;font-size:8px}.lightbox-actions{display:flex!important;align-items:center;gap:8px}.lightbox-actions .secondary-button{min-width:112px;padding:0 10px}.history-preview-canvas{min-height:0;display:grid;place-items:center;padding:16px;background:#08090b}.history-preview-canvas .poster-result-composite{width:auto;height:100%;max-width:100%;max-height:100%;box-shadow:0 18px 48px #0000006b}.provider-dot{width:7px;height:7px;border-radius:50%;background:#765bf2}.provider-dot.gpt{background:#4cbaa3}.copywriter-page{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:36px 0 56px}.copywriter-heading{min-height:82px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}.copywriter-heading h2{margin:0 0 8px;font-size:25px;font-weight:600;letter-spacing:-.03em}.copywriter-heading>div>p:last-child{margin:0;color:var(--muted);font-size:11px}.copywriter-model-badge{min-height:32px;padding:0 11px;display:inline-flex;align-items:center;gap:7px;border:1px solid #303b65;border-radius:5px;background:#101528;color:#c9d2f7;font-size:9px;white-space:nowrap}.copywriter-model-badge i{width:7px;height:7px;border-radius:50%;background:#697fff;box-shadow:0 0 0 3px #697fff1f}.copywriter-layout{margin-top:20px;display:grid;grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);gap:16px;align-items:start}.copywriter-reference,.copywriter-controls,.copywriter-results{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.copywriter-reference>header,.copywriter-controls>header,.copywriter-results-heading>div{min-height:66px;padding:0 16px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border-soft)}.copywriter-reference>header>span,.copywriter-controls>header>span,.copywriter-results-heading>div>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:5px;background:#192142;color:#9faeff;font-size:8px;font-weight:700}.copywriter-reference header>div,.copywriter-controls header>div,.copywriter-results-heading>div>div{display:grid;gap:4px}.copywriter-reference header strong,.copywriter-controls header strong,.copywriter-results-heading strong{font-size:11px;font-weight:570}.copywriter-reference header small,.copywriter-controls header small,.copywriter-results-heading small{color:#727986;font-size:8px}.copywriter-upload{width:calc(100% - 28px);min-height:420px;margin:14px;display:grid;place-items:center;align-content:center;gap:10px;border:1px dashed #3a3f49;border-radius:6px;background:#0a0c0f;color:#6f7785;cursor:pointer}.copywriter-upload:hover{border-color:#6579d7;color:#aab7ef;background:#0d111d}.copywriter-upload strong{color:#c9ccd3;font-size:11px}.copywriter-upload span{font-size:8px}.copywriter-reference-preview{padding:14px;display:grid;gap:12px}.copywriter-reference-preview>img,.copywriter-reference-preview>.poster-result-composite{width:100%;height:auto;max-height:520px;display:block;object-fit:contain;border:1px solid #242832;border-radius:5px;background:#090a0c}.copywriter-reference-preview>.poster-result-composite{margin-inline:auto}.copywriter-reference-preview>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.copywriter-reference-preview>div>span{min-width:0;display:grid;gap:4px}.copywriter-reference-preview>div strong{overflow:hidden;color:#d9dce2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.copywriter-reference-preview>div small{color:#6f7580;font-size:8px}.copywriter-reference-preview .secondary-button{min-width:86px;padding:0 10px}.copywriter-auto-options{padding:17px 17px 5px;display:grid;gap:17px;transition:opacity .16s}.copywriter-auto-options.disabled{opacity:.34}.copywriter-auto-options fieldset{min-width:0;padding:0;margin:0;border:0}.copywriter-auto-options legend{margin-bottom:8px;color:#9299a5;font-size:9px}.copywriter-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.copywriter-choice-grid button{min-height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #30343c;border-radius:5px;background:#111318;color:#a7acb5;cursor:pointer;font-size:9px}.copywriter-choice-grid button:hover{border-color:#484e5b;color:#eef0f4}.copywriter-choice-grid button.selected{border-color:#6077dc;background:#151d3b;color:#e5e9ff}.copywriter-mode-actions{padding:14px 17px 17px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.copywriter-mode-actions>button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.manual-mode-button{border:1px solid #343842;border-radius:5px;background:#121419;color:#aeb3bd;cursor:pointer;font-size:9px}.manual-mode-button:hover{border-color:#4c5360;color:#fff}.manual-mode-button.active{border-color:var(--accent);background:var(--accent);color:#fff}.copywriter-manual-editor{margin:0 17px 17px;padding:14px;display:grid;gap:10px;border:1px solid #344170;border-radius:6px;background:#0e1323}.copywriter-manual-editor label{display:grid;gap:7px;color:#a8afc5;font-size:9px}.copywriter-manual-editor textarea{min-height:126px;resize:vertical;padding:10px;border:1px solid #343c59;border-radius:5px;outline:none;background:#0a0d16;color:#eceef4;line-height:1.65;font-size:10px}.copywriter-manual-editor textarea:focus{border-color:#687fe4}.copywriter-manual-editor .primary-button{justify-self:end;min-width:116px}.copywriter-loading,.copywriter-error{min-height:42px;margin:0 17px 17px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid;border-radius:5px;font-size:9px}.copywriter-loading{border-color:#34416d;background:#10162a;color:#bec8f1}.copywriter-error{border-color:#59343a;background:#1a1012;color:#e5aeb4}.copywriter-results{margin-top:16px;overflow:hidden}.copywriter-results-heading{min-height:66px;display:flex;align-items:center;justify-content:space-between;padding-right:16px;border-bottom:1px solid var(--border-soft)}.copywriter-results-heading>div{border:0}.copywriter-results-heading>button{min-width:94px;padding:0 10px}.copywriter-result-grid{padding:15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.copywriter-result-grid>article{min-width:0;padding:15px;border:1px solid #2c3038;border-radius:6px;background:#0b0d10}.copywriter-result-grid article>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:11px;border-bottom:1px solid #22262d;color:#707887;font-size:8px}.copywriter-result-grid article>header button{min-height:27px;padding:0 7px;display:inline-flex;align-items:center;gap:5px;border:1px solid #303640;border-radius:4px;background:#12151a;color:#abb1bc;cursor:pointer;font-size:8px}.copywriter-result-grid .copy-direction{padding:4px 7px;border-radius:4px;background:#192142;color:#aebcff;font-weight:600;letter-spacing:.02em}.copywriter-result-grid article h3{margin:14px 0 9px;color:#eef0f4;font-size:13px;line-height:1.45}.copywriter-result-grid article p{margin:13px 0 0;color:#b7bbc4;white-space:pre-wrap;line-height:1.85;font-size:10px}.copywriter-tags{margin-top:14px;display:flex;flex-wrap:wrap;gap:6px}.copywriter-tags span{padding:4px 6px;border-radius:4px;background:#151b31;color:#8fa1e8;font-size:8px}.copywriter-history{margin-top:16px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.copywriter-history-heading{min-height:66px;border-bottom:1px solid var(--border-soft)}.copywriter-history-heading>div{min-height:66px;padding:0 16px;display:flex;align-items:center;gap:11px}.copywriter-history-heading>div>span{width:29px;height:29px;display:grid;place-items:center;flex:0 0 29px;border-radius:5px;background:#192142;color:#9faeff;font-size:8px;font-weight:700}.copywriter-history-heading>div>div{display:grid;gap:4px}.copywriter-history-heading strong{font-size:11px;font-weight:570}.copywriter-history-heading small{color:#727986;font-size:8px}.copywriter-history-list details+details{border-top:1px solid var(--border-soft)}.copywriter-history-list summary{min-height:64px;padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,auto) 18px;align-items:center;gap:14px;cursor:pointer;list-style:none}.copywriter-history-list summary::-webkit-details-marker{display:none}.copywriter-history-list summary>span{min-width:0;display:grid;gap:5px}.copywriter-history-list summary strong{overflow:hidden;color:#e1e4ea;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.copywriter-history-list summary small{color:#686f7b;font-size:8px}.copywriter-history-list summary em{overflow:hidden;color:#8c98c8;font-size:8px;font-style:normal;text-align:right;text-overflow:ellipsis;white-space:nowrap}.copywriter-history-list summary svg{color:#747c8a;transition:transform .16s}.copywriter-history-list details[open] summary svg{transform:rotate(180deg)}.copywriter-history-content{position:relative;padding:14px 16px 16px;display:grid;gap:9px;border-top:1px solid #242832;background:#0b0d10}.copywriter-history-actions{display:flex;justify-content:flex-end;gap:7px}.copywriter-history-actions .secondary-button{min-width:90px;padding:0 9px}.copywriter-history-actions .copy-history-delete{border-color:#543237;color:#e99a9f}.copywriter-history-actions .copy-history-delete:hover{border-color:#8a4149;background:#231216;color:#ffb0b4}.copywriter-history-content>article{padding:13px;display:grid;gap:7px;border:1px solid #292e37;border-radius:6px;background:#0f1116}.copywriter-history-copy-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.copywriter-history-copy-heading>span{padding:4px 7px;border-radius:4px;background:#192142;color:#aebcff;font-size:8px;font-weight:600}.copywriter-history-copy-heading>button{min-height:28px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border:1px solid #303641;border-radius:5px;background:#15181e;color:#bcc2cc;font-size:8px}.copywriter-history-copy-heading>button:hover{border-color:#526ce8;background:#182044;color:#dce3ff}.copywriter-history-content>article strong{color:#e7e9ed;font-size:11px}.copywriter-history-content>article p{margin:0;color:#b4b9c2;white-space:pre-wrap;font-size:9px;line-height:1.75}.copywriter-history-content>article small{color:#8596d7;font-size:8px}.copywriter-history-empty{min-height:110px;display:grid;place-items:center;align-content:center;gap:8px;color:#626a78;font-size:9px}.admin-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #2e3d69;border-radius:5px;background:#10162a;color:#9dadf1;font-size:9px}.admin-layout{margin-top:22px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px}.admin-layout>nav{display:grid;align-content:start;gap:4px}.admin-layout>nav button{height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer;text-align:left}.admin-layout>nav button.active{background:var(--accent-dim);color:#dce2ff}.admin-content{min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.admin-section-heading{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid var(--border)}.admin-section-heading h3{margin:0 0 6px;font-size:14px}.admin-section-heading p{margin:0;color:var(--muted);font-size:9px}.admin-section-heading>span{color:#717886;font-size:9px}.admin-section-heading .primary-button{min-width:100px;padding:0 12px}.member-head,.member-row{display:grid;grid-template-columns:minmax(230px,1.9fr) .6fr 1fr minmax(220px,1.5fr) .8fr;align-items:center;gap:14px;padding:0 19px}.member-head{height:37px;color:#666e7a;font-size:8px;text-transform:uppercase;letter-spacing:.08em;background:#0b0c0f}.member-row{min-height:110px;border-top:1px solid var(--border-soft);color:#aeb3bd;font-size:10px}.member-profile{display:flex;align-items:center;gap:10px}.member-profile>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1b2238;color:#9babee;font-style:normal}.member-profile>span{display:grid;gap:3px}.member-profile strong{color:#e1e3e7;font-size:10px}.member-profile small{color:#6f7580;font-size:8px}.member-note-editor{width:190px;margin-top:3px;display:grid;grid-template-columns:minmax(0,1fr) 27px;gap:4px}.member-note-editor input{min-width:0;height:26px;padding:0 7px;border:1px solid #303541;border-radius:4px;background:#0d0f13;color:#bec4cf;outline:none;font-size:8px}.member-note-editor input::placeholder{color:#555c68}.member-note-editor input:focus{border-color:#6077d3}.member-note-editor button{height:26px;display:grid;place-items:center;border:1px solid #3e4f90;border-radius:4px;background:#151d3b;color:#bac5fa;cursor:pointer}.member-note-editor button:disabled{border-color:#2a2e36;background:#14161a;color:#545b67}.member-usage{display:grid;gap:5px}.member-usage strong{color:#cfd4df;font-size:9px;font-weight:550}.member-usage small{color:#727986;font-size:8px}.member-quota-editor{display:grid;grid-template-columns:1fr 1fr 50px;gap:5px;align-items:end}.member-quota-editor label{display:grid;gap:3px;color:#707887;font-size:7px}.member-quota-editor input{width:100%;height:28px;padding:0 6px;border:1px solid #343944;border-radius:4px;background:#0e1014;color:#d8dbe1;outline:none;font-size:9px}.member-quota-editor input:focus{border-color:#6077d3}.member-quota-editor button{height:28px;border:1px solid #3f4f91;border-radius:4px;background:#151d3b;color:#b9c4fa;cursor:pointer;font-size:8px}.member-quota-editor button:disabled{opacity:.55;cursor:wait}.member-quota-editor>small{grid-column:1 / -1;color:#626a77;font-size:7px}.permission-switch{width:92px;display:flex;align-items:center;gap:7px;padding:0;border:0;background:transparent;color:#8a6166;font-size:8px;cursor:pointer}.permission-switch i{width:28px;height:16px;padding:2px;border-radius:16px;background:#383034}.permission-switch i:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:#a48789;transition:transform .16s}.permission-switch.active{color:#6fbd8e}.permission-switch.active i{background:#20543a}.permission-switch.active i:after{background:#73d29a;transform:translate(12px)}.admin-fixed{color:#778091;font-style:normal;font-size:8px}.admin-template-grid{padding:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-template-grid article{overflow:hidden;border:1px solid #2b2f36;border-radius:6px;background:#101216}.admin-template-grid img{width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain;object-position:center top;display:block;background:#16181c}.admin-template-grid article>div{padding:9px;display:grid;gap:5px}.admin-template-grid strong{font-size:9px}.admin-template-grid span{color:#6e7480;font-size:7px}.admin-template-grid button{height:28px;border:1px solid #313641;border-radius:4px;background:#15181e;color:#aeb3bd;font-size:8px;cursor:pointer}.admin-template-actions{margin-top:4px;display:grid;grid-template-columns:1fr auto;gap:6px}.admin-template-actions button{margin:0;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:5px}.admin-template-actions button.danger{border-color:#4c2d33;color:#d98c95;background:#1b1215}.admin-template-actions button.danger:hover{border-color:#7a3d47;color:#ffadb6}.admin-template-grid{max-height:640px;overflow-y:auto}.promote-work{margin:0 16px 16px;padding:12px;display:flex;align-items:center;justify-content:space-between;border:1px dashed #343946;border-radius:6px}.promote-work>div{display:flex;align-items:center;gap:10px;color:#9ba3b4}.promote-work span{display:grid;gap:3px}.promote-work strong{font-size:9px}.promote-work small{color:#666e7b;font-size:8px}.promote-work button{min-width:90px}.brand-library{padding:16px;display:grid;gap:9px}.brand-library article{min-height:70px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:14px;padding:9px;border:1px solid #2a2e35;border-radius:6px;background:#101216}.brand-library .brand-preview{height:50px;padding:9px;display:grid;place-items:center;border-radius:4px;background:#171a1f;overflow:hidden}.brand-library .brand-preview.color,.brand-library .brand-preview.white{background:#20282b}.brand-library img{width:100%;height:100%;object-fit:contain}.brand-library article>span{display:grid;gap:4px}.brand-library strong{font-size:10px}.brand-library small{color:#707782;font-size:8px}.brand-color-row{margin:0 16px 16px;height:48px;padding:0 13px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;border:1px solid #2b3036;border-radius:6px;color:#aeb3bb;font-size:9px}.brand-color-row span{display:flex;align-items:center;gap:9px}.brand-color-row i{width:19px;height:19px;border-radius:4px;background:var(--brand)}.brand-color-row small{color:#6f7682}.brand-admin-actions{display:flex;align-items:center;gap:6px}.admin-action-button{height:30px;min-width:54px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #353a43;border-radius:5px;background:#16191e;color:#b7bcc5;font-size:8px;cursor:pointer}.admin-action-button:hover{border-color:#4b5360;color:#fff;background:#1d2128}.admin-action-button.danger{border-color:#4b2d33;color:#d58a93;background:#1b1215}.admin-action-button.danger:hover{border-color:#7a3d47;color:#ffadb6}.admin-form-backdrop{z-index:45}.admin-form-dialog{width:min(720px,94vw);max-height:90vh;overflow-y:auto;padding:20px;display:grid;gap:16px;border:1px solid #3a3f49;border-radius:10px;background:#111318;box-shadow:0 28px 100px #000000a8}.admin-form-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:14px}.admin-form-dialog h3{margin:2px 0 0;font-size:17px}.admin-form-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.admin-form-dialog>footer button{min-width:92px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-form-grid .full{grid-column:1 / -1}.file-input{width:100%;min-height:38px;padding:7px 9px;border:1px solid #30343c;border-radius:5px;background:#111318;color:#aeb4bf;font-size:9px}.safe-area-fields{padding:12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:1px solid #2e323a;border-radius:6px}.safe-area-fields>span{grid-column:1 / -1;color:#aeb3bc;font-size:9px}.safe-area-fields label{display:grid;gap:5px;color:#6f7681;font-size:8px}.safe-area-fields input{width:100%;height:32px;padding:0 8px;border:1px solid #30343c;border-radius:4px;background:#0e1014;color:#e4e7ec}.settings-layout{margin-top:22px;display:grid;grid-template-columns:200px minmax(0,580px);gap:24px}.settings-layout>nav{display:grid;align-content:start;gap:4px}.settings-layout>nav button{height:38px;text-align:left;padding:0 12px;border:0;border-radius:5px;background:transparent;color:var(--muted);cursor:pointer}.settings-layout>nav button.active{background:var(--accent-dim);color:#dce2ff}.settings-form{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:22px;display:grid;gap:16px}.settings-form h3{margin:0 0 4px;font-size:15px}.settings-form .primary-button{width:100px}.settings-note{border:1px solid #30343d;border-radius:6px;background:#121419;padding:12px;display:grid;gap:5px}.settings-note strong{font-size:10px}.settings-note span{color:var(--muted);font-size:8px;line-height:1.6}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(620px,1.45fr) minmax(430px,.85fr);background:#08090b}.auth-brand-panel{position:relative;min-height:100vh;overflow:hidden;padding:32px 48px 44px;border-right:1px solid #30333a;display:flex;flex-direction:column;isolation:isolate;background:#08090b}.auth-brand-panel:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#05070a66;box-shadow:inset -120px 0 120px #05070a52,inset 0 -170px 150px #05070a66}.auth-backdrop{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.8) saturate(.8) contrast(1.04);transform:scale(1.002)}.auth-brand-top{display:flex;align-items:center;justify-content:space-between}.auth-brand-top>span{padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#ffffffad;font-size:9px;letter-spacing:.08em}.auth-brand-copy{margin:auto 0 44px;max-width:610px}.auth-brand-panel h1{margin:0 0 20px;font-size:clamp(42px,4.5vw,68px);line-height:1.05;letter-spacing:-.06em;font-weight:600;text-shadow:0 3px 28px rgba(0,0,0,.62)}.auth-brand-panel p{color:#edeff3ba;line-height:1.8;font-size:14px;max-width:490px;text-shadow:0 2px 14px rgba(0,0,0,.5)}.auth-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.17)}.auth-capabilities>span{min-height:66px;display:flex;align-items:center;gap:10px;color:#f4f5f7cc;font-size:10px}.auth-capabilities>span+span{padding-left:22px;border-left:1px solid rgba(255,255,255,.13)}.auth-capabilities i{color:#8da0f8;font-style:normal;font-size:8px;letter-spacing:.1em}.auth-form-panel{position:relative;overflow:hidden;display:grid;place-items:center;padding:40px 48px;isolation:isolate;background:#0a0b0e}.auth-form-art{position:absolute;z-index:-2;top:-8%;right:-8%;bottom:-8%;left:-8%;background:url(/assets/auth-studio-background-v1.png) 68% center / auto 118% no-repeat;filter:brightness(.38) saturate(.7) contrast(1.08);transform:scale(1.16)}.auth-form-panel:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:#07090dad;box-shadow:inset 0 0 140px #06070ab8}.auth-card{width:min(100%,430px);padding:36px 38px 30px;display:grid;gap:16px;border:1px solid rgba(143,152,179,.28);border-radius:13px;background:#0f1218e0;box-shadow:0 30px 80px #0000007a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card-mark{display:flex;align-items:center;gap:7px;margin-bottom:12px;color:#e8eaf0}.auth-card-mark .motivo-logo{flex:0 0 auto}.auth-heading{margin-bottom:10px}.auth-heading>span{color:#7883a0;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.auth-heading h2{margin:9px 0 8px;font-size:27px;letter-spacing:-.035em}.auth-heading p{margin:0;color:var(--muted);font-size:12px}.password-input{position:relative}.password-input button{position:absolute;right:4px;top:4px;width:28px;height:28px;border:0;background:transparent;color:var(--muted);cursor:pointer}.auth-submit{width:100%;height:42px;margin-top:5px}.auth-switch{margin:0;color:var(--muted);text-align:center;font-size:11px}.auth-switch button{border:0;background:transparent;color:#8fa0ff;cursor:pointer;margin-left:5px}.auth-security{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:12px;border-top:1px solid var(--border-soft);color:#616875;font-size:8px}.auth-feedback{min-height:42px;padding:10px 12px;display:flex;align-items:flex-start;gap:8px;border:1px solid;border-radius:6px;font-size:10px;line-height:1.5}.auth-feedback.error{color:#f0b5b5;border-color:#573035;background:#1b1012}.auth-feedback.success{color:#bce5ca;border-color:#31533e;background:#101a14}.auth-feedback svg{flex:0 0 auto;margin-top:1px}.app-loading{min-height:100vh;display:grid;place-items:center;align-content:center;gap:9px;background:var(--bg);color:#777f8c}.app-loading strong{color:#d4d7dd;font-size:13px}.app-loading span{font-size:10px}.permission-notice{border-color:#604b28;background:#18140d}.permission-notice svg{color:#d9a94c}.empty-state{height:360px;display:grid;justify-items:center;align-content:center;gap:8px;color:#626873}.empty-state strong{color:#9ba0aa;font-size:12px}.empty-state span{font-size:10px}.toast{position:fixed;right:24px;bottom:24px;min-height:44px;padding:0 15px;display:flex;align-items:center;gap:8px;border:1px solid #3c4b45;border-radius:7px;background:#121a16;color:#c7ead7;font-size:11px;box-shadow:0 12px 36px #00000059;z-index:20}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1260px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-image-wrap{height:auto}.workspace-layout{grid-template-columns:320px minmax(390px,1fr) 290px}.template-tools{gap:12px}.search-field{width:250px}.poster-composer{max-width:none}}@media(max-width:1120px){.app-shell{grid-template-columns:74px minmax(0,1fr)}.sidebar .motivo-wordmark-image,.nav-item span,.sidebar-signature,.guide-button span,.guide-button svg:last-child{display:none}.sidebar .motivo-symbol-image{display:block!important}.sidebar{align-items:center}.brand{padding:0}.nav-item{width:48px;justify-content:center;padding:0}.guide-button{width:44px;justify-content:center;padding:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}