/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.inline{display:inline}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--bg:#f4f6f4;--surface:#fff;--sidebar:#121a17;--sidebar-soft:#1b2622;--ink:#17201d;--text:#2d3834;--muted:#68736e;--subtle:#8e9893;--line:#e1e6e3;--line-strong:#d1d8d4;--accent:#c9f34f;--accent-dark:#223d31;--success:#2f7a4f;--warning:#9a651f;--danger:#b5493e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.55 Arial,Microsoft YaHei,sans-serif}button,input,textarea,select{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible){outline-offset:2px;outline:2px solid #567b69}button:disabled,select:disabled{cursor:not-allowed;opacity:.52}a{color:inherit}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;background:var(--sidebar);color:#dce5e0;flex-direction:column;height:100vh;padding:24px 16px 18px;display:flex;position:sticky;top:0}.side-brand{color:#fff;align-items:center;gap:12px;padding:0 8px 28px;text-decoration:none;display:flex}.brand-symbol{background:var(--accent);color:#17201d;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font:800 18px/1 Georgia,serif;display:grid;box-shadow:inset 0 -5px 12px #2f431b1f}.side-brand>span:last-child{flex-direction:column;gap:2px;display:flex}.side-brand strong{letter-spacing:.01em;font-size:16px}.side-brand small{color:#7f9088;font:700 9px/1.2 var(--font-geist-mono), monospace;letter-spacing:.15em}.nav-group{margin-top:14px}.nav-group>p{color:#697a72;margin:0 12px 9px;font-size:11px;font-weight:700}.side-nav,.secondary-nav{flex-direction:column;gap:4px;display:flex}.side-nav a,.secondary-nav>a{color:#aab8b1;border-radius:10px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-height:46px;padding:0 12px;font-size:14px;font-weight:600;text-decoration:none;transition:background .18s,color .18s;display:grid}.side-nav a:hover,.secondary-nav>a:hover{color:#fff;background:#ffffff0d}.side-nav a.active{background:var(--sidebar-soft);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.side-nav a>span,.secondary-nav>a>span{color:#a9bbb2;background:#ffffff0f;border-radius:8px;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.side-nav a.active>span{color:var(--accent);background:#c9f34f24}.side-nav a>i,.secondary-nav>a>i{color:#64746d;font-style:normal}.secondary-nav{margin-top:26px}.api-card{background:#17211d;border:1px solid #2d3a35;border-radius:12px;margin-top:auto;padding:14px}.api-card>div{grid-template-columns:9px 1fr auto;align-items:center;gap:8px;display:grid}.api-card strong{color:#e5ece8;font-size:13px}.api-card i{color:#d5a45e;background:#db973a1f;border-radius:99px;padding:3px 6px;font-size:10px;font-style:normal}.api-card.online i{color:#7fd39a;background:#5bba7a21}.api-dot{background:#c88d3e;border-radius:50%;width:8px;height:8px}.api-card.online .api-dot{background:#5ec27f;box-shadow:0 0 0 4px #5ec27f1a}.api-card p{color:#76877f;margin:9px 0 0;font-size:11px;line-height:1.55}.workspace-user{border-radius:10px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:54px;margin-top:12px;padding:8px;display:grid}.workspace-user>span{color:#dce7e1;background:#304239;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.workspace-user div{flex-direction:column;display:flex}.workspace-user strong{color:#d5ded9;font-size:12px}.workspace-user small{color:#718078;font-size:10px}.workspace-user>i{color:#65736c;font-size:10px;font-style:normal}.app-main{min-width:0}.app-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(24px,3vw,42px);display:flex;position:sticky;top:0}.breadcrumbs{align-items:center;gap:10px;font-size:13px;display:flex}.breadcrumbs span{color:var(--subtle)}.breadcrumbs i{color:#c2c9c5;font-style:normal}.breadcrumbs strong{color:var(--ink)}.header-actions{align-items:center;gap:10px;display:flex}.header-actions a{color:var(--muted);font-size:13px;font-weight:600;text-decoration:none}.header-actions button{border:1px solid var(--line-strong);min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;padding:0 15px;font-size:13px;font-weight:700;box-shadow:0 1px 2px #12201a0a}.header-actions button:hover{background:#fafbfa;border-color:#aeb9b3}.page-container{width:min(1480px,100%);margin:0 auto;padding:30px clamp(20px,3vw,42px) 22px}.page-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.heading-kicker{color:#718079;font:700 10px/1.2 var(--font-geist-mono), monospace;letter-spacing:.13em}.page-heading h1{color:var(--ink);letter-spacing:-.035em;margin:6px 0 5px;font-size:clamp(28px,3vw,38px);line-height:1.2}.page-heading p{color:var(--muted);margin:0;font-size:14px}.heading-badges{gap:8px;display:flex}.heading-badges span{border:1px solid var(--line);color:#63706a;background:#ffffffa6;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:600}.surface{border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:0 8px 28px #1b2b230e,0 1px 2px #1b2b230a}.create-grid{grid-template-columns:minmax(420px,490px) minmax(500px,1fr);align-items:stretch;gap:18px;display:grid}.composer-card{overflow:hidden}.surface-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:74px;padding:16px 20px;display:flex}.surface-title{align-items:center;gap:12px;display:flex}.surface-title>span{color:#3b5728;background:#edf6d5;border-radius:10px;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.surface-header h2,.compact-header h2{color:var(--ink);margin:0;font-size:16px;line-height:1.35}.surface-header p,.compact-header p{color:var(--subtle);margin:3px 0 0;font-size:12px}.surface-header>em{color:#6d7872;background:#f2f5f3;border-radius:99px;padding:5px 9px;font-size:10px;font-style:normal;font-weight:700}.mode-tabs{border-bottom:1px solid var(--line);background:#fbfcfb;grid-template-columns:1fr 1fr;gap:10px;padding:16px 20px;display:grid}.mode-tabs button{border:1px solid var(--line);min-height:62px;color:var(--text);cursor:pointer;text-align:left;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:flex-start;padding:10px 13px;display:flex}.mode-tabs button b{font-size:14px}.mode-tabs button small{color:var(--subtle);margin-top:3px;font-size:11px}.mode-tabs button.active{background:#f6faf8;border-color:#6d8b7d;box-shadow:inset 0 0 0 1px #6d8b7d}.mode-tabs button.active b{color:#234537}.step-tabs{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,1fr);gap:0;padding:0 20px;display:grid}.step-tabs button{color:#87918c;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:11px;display:flex}.step-tabs button>span{color:#627068;background:#eef1ef;border-radius:6px;place-items:center;width:20px;height:20px;font-size:9px;font-weight:800;display:grid}.step-tabs button>b{font-size:11px}.step-tabs button.active{color:#294a3b;border-bottom-color:#557564}.step-tabs button.active>span{color:#315d47;background:#dff0e7}.form-section{border-bottom:1px solid var(--line);padding:19px 20px}.step-panel{display:none}.step-panel.active{display:block}.form-section-title{align-items:center;gap:11px;margin-bottom:13px;display:flex}.form-section-title>span{color:#4e5e56;background:#eef1ef;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;font-size:11px;font-weight:800;display:grid}.form-section-title>div{flex-direction:column;display:flex}.form-section-title strong{color:var(--ink);font-size:14px}.form-section-title small{color:var(--subtle);margin-top:2px;font-size:11px}.reference-mode-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.reference-mode-tabs button{border:1px solid var(--line);min-height:54px;color:var(--text);text-align:left;cursor:pointer;background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;padding:9px 11px;display:flex}.reference-mode-tabs button strong{font-size:12px}.reference-mode-tabs button small{color:var(--subtle);margin-top:2px;font-size:10px}.reference-mode-tabs button.active{background:#f2f8f5;border-color:#6d8b7d;box-shadow:inset 0 0 0 1px #6d8b7d}.upload-role{color:#53635b;margin:4px 0 7px;font-size:10px;font-weight:800;display:block}.upload-role.second{margin-top:12px}.upload-box{cursor:pointer;background:#fafbfa;border:1px dashed #bdc7c2;border-radius:11px;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;min-height:92px;padding:14px;transition:border-color .18s,background .18s;display:grid;position:relative;overflow:hidden}.upload-box:hover,.upload-box.dragging{background:#f6faf7;border-color:#648170}.upload-box input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-icon{border:1px solid var(--line);color:#527060;background:#fff;border-radius:10px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.upload-box>div{flex-direction:column;min-width:0;display:flex}.upload-box strong{color:var(--ink);font-size:13px}.upload-box small{color:var(--subtle);margin-top:3px;font-size:11px}.upload-box>b,.upload-box>span:last-child{border:1px solid var(--line-strong);color:#425149;background:#fff;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:700}.upload-box.has-file{border-style:solid}.upload-box.has-file>img{object-fit:cover;border-radius:9px;width:42px;height:42px}.analysis-row{justify-content:space-between;align-items:center;gap:10px;min-height:34px;margin-top:7px;padding:0 4px;display:flex}.analysis-row>span{color:#4f6e5e;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.analysis-row>span:before{content:"";background:#62a87b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #62a87b1f}.analysis-row>span.working:before{box-shadow:none;background:0 0;border:2px solid #bdd1c5;border-top-color:#4f7c65;animation:.8s linear infinite spin}.analysis-row button{border:1px solid var(--line-strong);color:#40564b;cursor:pointer;background:#fff;border-radius:7px;min-height:30px;padding:0 10px;font-size:10px;font-weight:700}.analysis-row button:disabled{cursor:wait;opacity:.6}.link-option{margin-top:10px}.link-option summary{color:#607069;cursor:pointer;width:fit-content;font-size:11px}.link-option input{border:1px solid var(--line-strong);width:100%;height:42px;color:var(--text);background:#fff;border-radius:8px;outline:none;margin-top:8px;padding:0 11px;font-size:13px}.prompt-box{position:relative}.prompt-box textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:126px;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:13px 14px 29px;font-size:14px;line-height:1.7}.prompt-box textarea:focus,.field select:focus,.link-option input:focus,.copy-input-wrap textarea:focus,.copy-options select:focus,.color-picker input:focus{border-color:#6f8c7e;box-shadow:0 0 0 3px #567b691a}.prompt-box>span{color:var(--subtle);font-size:10px;position:absolute;bottom:8px;right:11px}.prompt-shortcuts{flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;display:flex}.prompt-shortcuts>span{color:var(--subtle);margin-right:2px;font-size:10px}.prompt-shortcuts button{border:1px solid var(--line);color:#5b6962;cursor:pointer;background:#f8faf8;border-radius:6px;padding:5px 8px;font-size:10px}.prompt-shortcuts button:hover{background:#fff;border-color:#a9b5ae}.copy-panel{background:#f8faf9;border:1px solid #d6dfda;border-radius:10px;margin-top:13px;padding:13px}.copy-panel-head{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:12px;margin:0;list-style:none;display:flex}.copy-panel-head::-webkit-details-marker{display:none}.copy-panel[open] .copy-panel-head{margin-bottom:10px}.copy-panel-head>div{flex-direction:column;display:flex}.copy-panel-head strong{color:var(--ink);font-size:13px}.copy-panel-head small{color:var(--subtle);margin-top:3px;font-size:11px;line-height:1.5}.copy-panel-head>span{color:#446354;background:#e9f1ed;border-radius:99px;flex:none;padding:3px 7px;font-size:10px;font-weight:700}.copy-input-wrap{position:relative}.copy-input-wrap textarea{resize:vertical;border:1px solid var(--line-strong);width:100%;min-height:76px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:11px 12px 25px;font-size:14px;line-height:1.6}.copy-input-wrap textarea::placeholder{color:#a3aaa7}.copy-input-wrap>span{color:var(--subtle);font-size:10px;position:absolute;bottom:7px;right:10px}.copy-options{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px;display:grid}.copy-options label{flex-direction:column;gap:5px;display:flex}.copy-options label>span{color:#5e6a64;font-size:11px;font-weight:700}.copy-options select{border:1px solid var(--line-strong);width:100%;height:38px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:0 28px 0 10px;font-size:12px}.copy-color-option{grid-column:1/-1}.copy-color-option>div{gap:8px;display:flex}.copy-color-option select{flex:auto}.color-picker{border:1px solid var(--line-strong);background:#fff;border-radius:8px;align-items:center;gap:7px;min-width:124px;height:38px;padding:4px 9px 4px 5px;display:flex}.color-picker input{cursor:pointer;background:0 0;border:0;border-radius:6px;outline:none;width:30px;height:28px;padding:0;overflow:hidden}.color-picker input::-webkit-color-swatch-wrapper{padding:0}.color-picker input::-webkit-color-swatch{border:0;border-radius:5px}.color-picker b{color:#536059;font:700 10px var(--font-geist-mono), monospace}.copy-panel-body>p{color:#7a847f;margin:9px 0 0;font-size:10px;line-height:1.5}.settings-section{padding-bottom:17px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field>span,.ratio-field>span{color:#5e6a64;font-size:11px;font-weight:700}.field select{border:1px solid var(--line-strong);width:100%;height:42px;color:var(--text);background:#fff;border-radius:8px;outline:none;padding:0 30px 0 11px;font-size:13px}.ratio-field{margin-top:11px}.ratio-field>div{gap:6px;margin-top:7px;display:flex}.ratio-field button{border:1px solid var(--line);color:#647069;cursor:pointer;background:#fff;border-radius:7px;min-width:50px;height:34px;padding:0 10px;font-size:11px}.ratio-field button.active{color:#244637;background:#eef5f1;border-color:#537363;font-weight:800;box-shadow:inset 0 0 0 1px #537363}.notice{color:#7c5524;background:#fff9ef;border:1px solid #ead7be;border-radius:8px;align-items:flex-start;gap:8px;margin:14px 20px 0;padding:10px 11px;font-size:12px;display:flex}.notice>span{color:#fff;background:#e1b876;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;font-size:10px;font-weight:800;display:grid}.notice.success{color:#2f6747;background:#f2faf5;border-color:#c9e2d1}.notice.success>span{background:#58a373}.submit-row{background:#fbfcfb;justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:15px 20px;display:flex}.submit-row>div{grid-template-columns:auto auto;align-items:baseline;gap:0 8px;display:grid}.submit-row small{color:var(--subtle);font-size:10px}.submit-row strong{color:var(--ink);font-size:15px}.submit-row>div>span{color:#9aa39f;grid-column:1/-1;font-size:9px}.primary-button{background:var(--sidebar);color:#fff;cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-width:166px;min-height:48px;padding:0 18px;font-size:14px;font-weight:800;display:flex;box-shadow:0 7px 16px #121a1729}.primary-button:hover:not(:disabled){background:#21332b;transform:translateY(-1px)}.primary-button>span:last-child{color:var(--accent);font-size:18px}.spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.preview-card{flex-direction:column;min-width:0;display:flex;overflow:hidden}.preview-header>div:first-child{min-width:0}.preview-controls{align-items:center;gap:8px;display:flex}.preview-controls>span{color:#65726b;background:#f1f4f2;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:700}.preview-controls button{border:1px solid var(--line);color:#67736d;background:#fff;border-radius:8px;width:32px;height:32px}.canvas-stage{background-color:#eef1ef;background-image:linear-gradient(45deg,#74827a0a 25%,#0000 25%),linear-gradient(-45deg,#74827a0a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#74827a0a 75%),linear-gradient(-45deg,#0000 75%,#74827a0a 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-repeat:repeat;background-size:22px 22px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex:1;place-items:center;min-height:630px;padding:34px;display:grid;position:relative;overflow:hidden}.canvas-label{z-index:3;gap:6px;display:flex;position:absolute;top:15px;left:17px}.canvas-label span,.canvas-label i{color:#6f7974;font:700 9px var(--font-geist-mono), monospace;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:1px solid #17201d14;border-radius:6px;padding:5px 7px;font-style:normal}.product-scene{aspect-ratio:1;background:linear-gradient(145deg,#e7dfca 0%,#faf5e9 65%,#d6cab3 100%);border-radius:3px;width:min(520px,88%);position:relative;overflow:hidden;box-shadow:0 28px 70px #24322b33,0 2px 5px #24322b1a}.sun-orb{background:#fffbdebf;border-radius:50%;width:76%;height:76%;position:absolute;top:-28%;right:-19%}.glass-shadow{filter:blur(18px);background:#505b4824;border-radius:50%;width:72%;height:16%;position:absolute;bottom:12%;left:14%;transform:rotate(-8deg)}.bottle{filter:drop-shadow(12px 19px 15px #232b2240);width:24%;position:absolute;bottom:18%;left:39%}.cap{background:linear-gradient(90deg,#344840,#6a7d73 48%,#2f433b);border-radius:8px 8px 2px 2px;width:42%;height:48px;margin:0 auto -2px}.bottle-body{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(100deg,#ffffff73,#ac997659);border:1px solid #ffffffa6;border-radius:15px 15px 24px 24px;flex-direction:column;align-items:center;height:180px;padding-top:66px;display:flex}.bottle-body span{letter-spacing:.18em;font:600 16px/1 Georgia,serif}.bottle-body small{letter-spacing:.13em;margin-top:8px;font-size:6px}.scene-copy{letter-spacing:-.05em;margin:0;font:500 34px/1 Georgia,serif;position:absolute;top:9%;left:7%}.scene-copy em{color:#64756c;font-size:18px}.sample-badge{color:#fff;background:#17201dbf;border-radius:6px;padding:6px 8px;font-size:9px;position:absolute;bottom:12px;right:12px}.generated-media{z-index:1;object-fit:contain;border-radius:3px;width:calc(100% - 56px);max-width:none;height:calc(100% - 56px);max-height:none;display:block;position:absolute;inset:28px}.image-preview-link{cursor:zoom-in}.image-preview-link img{object-fit:contain;border-radius:inherit;width:100%;height:100%;display:block}.image-media{filter:drop-shadow(0 18px 30px #24322b2e);background:0 0}.video-media{background:#111;box-shadow:0 18px 38px #24322b33}.reference-preview{border:1px solid var(--line);background:#fff;border-radius:5px;place-items:center;gap:12px;width:min(520px,88%);min-height:420px;padding:24px;display:grid;box-shadow:0 22px 55px #24322b1f}.reference-preview img{object-fit:contain;max-width:100%;max-height:470px}.reference-preview span{color:var(--muted);font-size:12px}.generating-overlay{z-index:5;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#eff2f0e6;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.generating-overlay strong{color:var(--ink);margin-top:22px;font-size:17px}.generating-overlay small{color:var(--muted);margin-top:6px;font-size:12px}.orbit{border:1px solid #17201d33;border-radius:50%;width:48px;height:48px;animation:1.7s linear infinite spin;position:relative}.orbit:after{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 4px var(--sidebar);border-radius:50%;position:absolute;top:-4px;left:18px}.preview-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:12px 18px;display:flex}.preview-bottom>div{align-items:center;gap:10px;display:flex}.health-dot{background:#c38b40;border-radius:50%;width:9px;height:9px}.health-dot.online{background:#55aa70;box-shadow:0 0 0 4px #55aa701a}.preview-bottom p{flex-direction:column;margin:0;display:flex}.preview-bottom strong{color:var(--ink);font-size:12px}.preview-bottom small{color:var(--subtle);font-size:10px}.preview-bottom button,.preview-bottom a{border:1px solid var(--line-strong);color:#415047;background:#fff;border-radius:8px;align-items:center;min-height:36px;padding:0 12px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px;margin-top:18px;display:grid}.templates-card,.tasks-card{overflow:hidden}.compact-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:69px;padding:14px 18px;display:flex}.compact-header>span{color:#66736c;font-size:11px;font-weight:700}.resume-task{min-height:34px;color:var(--brand);cursor:pointer;background:#f4f8f6;border:1px solid #b8c8c0;border-radius:9px;padding:0 13px;font-size:12px;font-weight:800}.resume-task:hover:not(:disabled){border-color:var(--brand);background:#eaf3ef}.resume-task:disabled{cursor:wait;opacity:.55}.template-grid{grid-template-columns:repeat(3,1fr);display:grid}.template-item{border:0;border-right:1px solid var(--line);min-width:0;color:var(--text);text-align:left;cursor:pointer;background:#fff;grid-template-rows:86px auto 18px;gap:11px;padding:14px;display:grid}.template-item:last-child{border-right:0}.template-item:hover{background:#fbfcfb}.template-visual{background:#e7ebe8;border-radius:9px;display:block;position:relative;overflow:hidden}.template-visual:before,.template-visual:after{content:"";position:absolute}.template-item.clean .template-visual{background:linear-gradient(135deg,#f3eee2,#d2daca)}.template-item.clean .template-visual:before{background:linear-gradient(100deg,#fff,#c7d6cd);border-radius:5px 5px 10px 10px;width:34px;height:55px;top:20%;left:46%;box-shadow:8px 10px 16px #26372e26}.template-item.lifestyle .template-visual{background:linear-gradient(135deg,#d7c6ad,#7f9889)}.template-item.lifestyle .template-visual:before{background:#fff5ce8c;border-radius:50%;width:66px;height:66px;top:-14px;right:12%}.template-item.motion .template-visual{background:linear-gradient(135deg,#222d29,#566a5d)}.template-item.motion .template-visual:before{border:1px solid #c9f34fa6;width:45px;height:45px;top:25%;left:42%;transform:rotate(45deg)}.template-visual>i{color:#35463d;background:#ffffffd1;border-radius:6px;place-items:center;width:22px;height:22px;font-size:9px;font-style:normal;font-weight:800;display:grid;position:absolute;top:7px;left:8px}.template-item>div{flex-direction:column;min-width:0;display:flex}.template-item small{color:#80908a;font-size:9px;font-weight:700}.template-item strong{color:var(--ink);margin-top:2px;font-size:13px}.template-item p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 0;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.template-item>b{color:#49675a;font-size:10px}.pagination{border-top:1px solid var(--line);background:#fafbfa;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:8px 14px;display:flex}.pagination button{border:1px solid var(--line-strong);color:#48574f;cursor:pointer;background:#fff;border-radius:7px;min-width:62px;height:30px;padding:0 10px;font-size:10px;font-weight:700}.pagination button:hover:not(:disabled){background:#f3f7f5;border-color:#7d978a}.pagination button:disabled{color:#aab1ad;cursor:not-allowed;opacity:.65}.pagination span{color:#6b7770;text-align:center;min-width:42px;font-size:10px;font-weight:800}.task-table-head{border-bottom:1px solid var(--line);min-height:34px;color:var(--subtle);background:#fafbfa;grid-template-columns:56px 1fr 52px;align-items:center;padding:0 14px;font-size:9px;font-weight:700;display:grid}.task-table>button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:62px;color:var(--text);text-align:left;cursor:pointer;background:#fff;grid-template-columns:56px 1fr 52px;align-items:center;gap:0;padding:8px 14px;display:grid}.task-table>button:hover,.task-table>button.active{background:#f8faf8}.task-type{color:#35654b;background:#edf5f0;border-radius:5px;width:fit-content;padding:4px 6px;font-size:9px;font-weight:800}.task-type.video{color:#875e45;background:#f5eee9}.task-table>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.task-table button strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.task-table button small{color:var(--subtle);margin-top:2px;font-size:9px}.task-table button>i{color:#6b7770;text-align:right;font-size:9px;font-style:normal}.task-table button>i.success{color:var(--success)}.task-table button>i.failed{color:var(--danger)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:22px;display:flex}.empty-state>span{color:#829089;background:#f0f3f1;border-radius:11px;place-items:center;width:39px;height:39px;font-size:20px;display:grid}.empty-state strong{color:var(--ink);margin-top:10px;font-size:13px}.empty-state p{color:var(--subtle);margin:4px 0 12px;font-size:10px}.empty-state button{border:1px solid var(--line-strong);color:#44534b;cursor:pointer;background:#fff;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:700}.app-footer{color:#89938e;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:72px;margin-top:18px;padding:0 4px;font-size:10px;display:grid}.app-footer p{text-align:center;margin:0}.app-footer>strong{color:#77827d;font-size:10px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1220px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.create-grid{grid-template-columns:440px minmax(420px,1fr)}.canvas-stage{min-height:600px;padding:24px}.lower-grid{grid-template-columns:1fr}}@media (max-width:1020px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding:20px 12px}.side-brand{justify-content:center;padding:0 0 24px}.side-brand>span:last-child,.nav-group>p,.side-nav a:not(.active):after,.side-nav a{font-size:0}.side-nav a,.secondary-nav>a{justify-content:center;padding:0;display:flex}.side-nav a>span,.secondary-nav>a>span{width:34px;height:34px;font-size:11px}.side-nav a>i,.secondary-nav>a>i,.api-card,.workspace-user div,.workspace-user>i{display:none}.workspace-user{justify-content:center;padding:0;display:flex}.create-grid{grid-template-columns:1fr}.preview-card{min-height:700px}}@media (max-width:720px){.app-shell{display:block}.sidebar{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:66px;padding:0 16px;position:static}.side-brand{justify-content:flex-start;padding:0}.side-brand>span:last-child{display:flex}.brand-symbol{border-radius:10px;width:36px;height:36px}.nav-group,.api-card{display:none}.workspace-user{margin:0}.app-header{height:58px;padding:0 16px;position:static}.header-actions a{display:none}.header-actions button{min-height:34px;padding:0 11px}.page-container{padding:22px 12px 16px}.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading p{max-width:520px;line-height:1.6}.heading-badges{display:none}.surface{border-radius:13px}.create-grid{gap:12px}.mode-tabs{padding:13px 14px}.form-section{padding:17px 14px}.surface-header{padding:14px}.notice{margin:12px 14px 0}.submit-row{padding:14px}.canvas-stage{min-height:470px;padding:16px}.generated-media{width:calc(100% - 28px);height:calc(100% - 28px);inset:14px}.product-scene,.reference-preview{width:94%}.preview-card{min-height:590px}.template-grid{grid-template-columns:1fr}.template-item{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto;grid-template-columns:112px 1fr auto;align-items:center}.template-item:last-child{border-bottom:0}.template-visual{height:76px}.app-footer{text-align:center;grid-template-columns:1fr;gap:8px;padding:18px 4px}.app-footer p{order:3}.app-footer>strong{justify-self:center}}@media (max-width:480px){.breadcrumbs span,.breadcrumbs i{display:none}.page-heading h1{font-size:28px}.mode-tabs{gap:7px}.mode-tabs button{min-height:66px;padding:9px}.upload-box{grid-template-columns:42px 1fr}.upload-box>b,.upload-box>span:last-child{display:none}.prompt-shortcuts>span{width:100%}.copy-options{grid-template-columns:1fr}.copy-color-option{grid-column:auto}.copy-color-option>div{flex-direction:column;align-items:stretch}.color-picker{width:100%}.field-grid{grid-template-columns:1fr}.prompt-box textarea,.field select,.link-option input,.copy-input-wrap textarea,.copy-options select{font-size:16px}.ratio-field>div{flex-wrap:wrap}.submit-row{flex-direction:column;align-items:stretch}.primary-button{width:100%}.canvas-stage{min-height:410px}.bottle-body{height:140px;padding-top:51px}.cap{height:37px}.scene-copy{font-size:26px}.preview-bottom small{display:none}.template-item{grid-template-columns:88px 1fr}.template-item>b{display:none}.task-table-head,.task-table>button{grid-template-columns:48px 1fr 48px;padding-left:10px;padding-right:10px}}@media (min-width:1180px) and (min-height:720px){html,body{height:100%;overflow:hidden}.app-shell,.app-main{height:100vh;min-height:0;overflow:hidden}.app-header{height:56px}.page-container{grid-template-rows:minmax(0,1fr) clamp(158px,22vh,190px) 22px;gap:9px;height:calc(100vh - 56px);padding:11px clamp(18px,2vw,30px) 7px;display:grid;overflow:hidden}.page-heading{display:none}.create-grid{gap:12px;height:100%;min-height:0}.composer-card,.preview-card{height:100%;min-height:0}.composer-card{flex-direction:column;display:flex}.surface-header{min-height:54px;padding:9px 14px}.surface-title>span{width:32px;height:32px}.surface-header h2{font-size:14px}.surface-header p{font-size:10px}.mode-tabs{gap:8px;padding:8px 14px}.mode-tabs button{min-height:48px;padding:7px 10px}.mode-tabs button b{font-size:13px}.mode-tabs button small{margin-top:1px;font-size:10px}.step-tabs{padding:0 14px}.step-tabs button{min-height:40px}.step-panel.active{scrollbar-width:thin;scrollbar-color:#c8d1cc transparent;flex:auto;min-height:0;padding:13px 14px;overflow-y:auto}.form-section-title{margin-bottom:10px}.form-section-title>span{width:23px;height:23px}.reference-mode-tabs{margin-bottom:9px}.reference-mode-tabs button{min-height:46px;padding:7px 9px}.upload-box{min-height:76px;padding:10px 12px}.prompt-box textarea{min-height:96px}.copy-panel{margin-top:9px;padding:10px}.copy-input-wrap textarea{min-height:58px}.copy-options select{height:34px}.notice{margin:7px 14px 0;padding:7px 9px}.submit-row{flex:none;min-height:62px;padding:8px 14px}.primary-button{min-width:150px;min-height:42px}.canvas-stage{min-height:0;padding:16px}.generated-media{width:calc(100% - 32px);height:calc(100% - 32px);inset:16px}.reference-preview{height:86%;min-height:0;padding:16px}.reference-preview img{max-height:calc(100vh - 320px)}.preview-bottom{min-height:52px;padding:8px 14px}.lower-grid{grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);gap:12px;height:100%;min-height:0;margin:0}.templates-card,.tasks-card{flex-direction:column;height:100%;min-height:0;display:flex}.compact-header{min-height:42px;padding:7px 12px}.compact-header h2{font-size:13px}.compact-header p{margin-top:1px;font-size:9px}.template-grid{flex:auto;min-height:0}.template-item{grid-template-rows:auto;grid-template-columns:58px 1fr;align-items:center;gap:8px;padding:7px 9px}.template-visual{height:50px}.template-item p{-webkit-line-clamp:1;margin-top:2px}.template-item>b{display:none}.task-table{flex:auto;min-height:0}.task-table-head{min-height:24px}.task-table>button{min-height:38px;padding-top:4px;padding-bottom:4px}.empty-state{height:100%;min-height:0;padding:8px}.empty-state>span{width:30px;height:30px}.empty-state strong{margin-top:5px}.empty-state p{margin:1px 0 5px}.pagination{min-height:32px;padding:3px 10px}.pagination button{height:25px}.app-footer{height:22px;min-height:22px;margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}