:root{--bg:#f8f9fa;--ink:#202428;--muted:#858a91;--line:#e9ecef;--radius:20px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}a,button,select,summary{cursor:pointer}a,button{color:inherit}a{text-decoration:none}button{border:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{display:none}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #7ca843;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;padding:31px 20px 20px;background:var(--dark);color:#9b9fa8;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:20px;letter-spacing:.5px}.brand b{font-weight:400;font-size:14px;color:#8f959d}.brand-mark{background:var(--accent);border-radius:12px;width:39px;height:39px;color:#202818;display:grid;place-items:center;font-weight:800}.new-project{margin:35px 0 34px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;background:var(--accent);padding:13px;color:#263019;font-weight:700}.nav-label{font-size:10px;letter-spacing:2px;padding-left:14px;color:#737a83;margin-bottom:12px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;font-size:13px}nav a.active{background:#292e30;color:var(--accent)}nav a:hover{background:#252a2e}nav a span{margin-left:auto;background:#3d4547;padding:2px 7px;border-radius:5px;font-size:10px}.sidebar-note{margin-top:auto;padding:24px 12px;color:#c8cbd0;font-size:11px}.sidebar-note p{font-size:12px;color:#747d84;line-height:1.9}.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:5px}.connection{border-top:1px solid #30353b;padding-top:22px;display:flex;gap:9px;align-items:center}.status-dot{width:7px;height:7px;background:#899099;border-radius:50%}.status-dot.online{background:var(--accent);box-shadow:0 0 0 4px #cbf77510}.connection strong{color:#d8dce0;font-size:11px;font-weight:500}.connection small{display:block;margin-top:4px;font-size:10px;color:#767e87}.version{margin-left:auto;font-size:9px;border:1px solid #3a4149;border-radius:4px;padding:4px 5px}main{margin-left:224px}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;justify-content:space-between;align-items:center;background:#ffffffb0;font-size:12px}.breadcrumb{color:#92989e}.slash{margin:0 16px;color:#c1c6cb}.top-right{display:flex;gap:22px;align-items:center}.local-badge{font-size:9px;letter-spacing:1.5px;color:#8a9199}.avatar{display:grid;place-items:center;background:#e7eddd;border:3px solid white;border-radius:50%;width:34px;height:34px;color:#566843;font-size:12px}.page{max-width:1260px;margin:0 auto;padding:0 46px}.hero{text-align:center;padding:51px 0 31px}.eyebrow{font-size:9px;letter-spacing:2.6px;font-weight:600;color:#939b92}.eyebrow span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#85aa52;margin-right:7px;vertical-align:2px}h1{font-size:36px;letter-spacing:-1.1px;font-weight:650;line-height:1.5;margin:13px 0 10px}h1 span{color:#758869}.hero p,.page-heading p{color:#92979d;font-size:12px;letter-spacing:.25px}.composer{border:1px solid #e2e6e8;border-radius:var(--radius);background:white;box-shadow:0 12px 35px #242a3405;overflow:hidden}.mode-tabs{display:flex;padding:12px 19px 0;border-bottom:1px solid var(--line);gap:9px}.mode-tabs button{display:flex;align-items:center;gap:8px;padding:16px 21px;background:none;color:#858c93;border-bottom:2px solid transparent;font-size:12px;white-space:nowrap}.mode-tabs button svg{width:16px;height:16px}.mode-tabs button.selected{border-color:#788f5c;color:#263326;font-weight:700}.compose-body{padding:24px 29px 8px}.input-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.input-label span{font-size:10px;color:#b2b7be;font-weight:400}textarea{display:block;width:100%;height:135px;border:0;outline:none;resize:vertical;padding:17px 0;background:transparent;font-size:14px;line-height:1.9;color:#39434b}textarea::placeholder{color:#b1b5bb}textarea:focus-visible{outline:none}.composer-footer{justify-content:space-between;gap:15px;padding:12px 23px 20px}.composer-footer,.controls{display:flex;align-items:center}.controls{flex-wrap:wrap;gap:8px}.model-pill,.select-control,.setting-pill{display:flex;align-items:center;gap:7px;background:#f5f6f7;border:1px solid #edf0f1;border-radius:7px;padding:9px 11px;font-size:10px;white-space:nowrap}.model-icon{color:#638441;font-size:16px;line-height:10px}.select-control span{color:#92989e}select{border:0;background:none;color:#4c565d;font-size:10px;outline:0}.setting-pill{color:#768087}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--dark);color:#fff;padding:14px 20px;border-radius:9px;font-size:12px;font-weight:600;white-space:nowrap}.primary svg{width:16px;height:16px}.primary svg:first-child{color:var(--accent)}.primary:hover{background:#30392a}.advanced-row{border-top:1px solid #f0f2f3;padding:12px 28px;display:flex;align-items:center;gap:16px;font-size:10px;color:#99a0a5;min-height:43px}.advanced-row label{display:flex;gap:6px;align-items:center}.advanced-row input[type=checkbox]{accent-color:#607c40}.advanced-row details{position:relative}.advanced-row details[open]{padding-bottom:45px}.advanced-row details label{position:absolute;top:24px;white-space:nowrap}.advanced-row input[type=number]{border:1px solid #dee2e4;border-radius:5px;padding:4px 8px;width:185px}#resolution-hint{margin-left:auto}.quick-prompts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:19px 4px 30px;font-size:10px}.quick-prompts>span{color:#969ca2;margin-right:5px}.quick-prompts button{padding:7px 11px;border:1px solid #e4e8e9;border-radius:20px;color:#747c83;background:white;font-size:10px}.quick-prompts button:hover{border-color:#99b77b}.section-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:11px 0 18px}.section-title h2{font-size:15px;font-weight:650;margin:0}.section-title>span{font-size:10px;color:#a0a7ac}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.idea-card{height:259px;border-radius:14px;text-align:left;position:relative;overflow:hidden;transition:transform .2s}.idea-card:hover{transform:translateY(-4px)}.product-idea{background:#e9e2d6}.portrait-idea{background:#e0e7de}.motion-idea{background:#e2e6ed}.idea-caption{position:absolute;bottom:0;inset-inline:0;padding:18px 20px;background:linear-gradient(transparent,#fafbfbd9)}.idea-caption>span{font-size:7px;letter-spacing:1.6px;color:#7c867b}.idea-caption h3{font-size:15px;margin:7px 0}.idea-caption p{font-size:10px;color:#8d9594;margin:0}.idea-caption b{position:absolute;right:20px;bottom:30px;font-size:18px;font-weight:400}.bottle-art{position:absolute;top:21px;left:50%;transform:rotate(-12deg);filter:drop-shadow(24px 16px 14px #96836f66)}.bottle-cap{height:27px;width:33px;background:linear-gradient(90deg,#222b26,#5f675e,#202822);border-radius:5px 5px 0 0;margin:0 auto}.bottle-body{height:110px;width:54px;background:linear-gradient(90deg,#b4a078,#dfc797,#9a906f);border:1px solid #b7a47a;border-radius:8px 8px 12px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.bottle-body span{font-family:Georgia,serif;font-size:8px;letter-spacing:1px;color:#423f32}.bottle-body small{font-size:3px;margin-top:8px;letter-spacing:.5px}.portrait-art{position:absolute;inset:0;padding:24px;font-family:Georgia,serif}.portrait-art>span{font-size:32px;color:#758674;line-height:.95;letter-spacing:-2px;position:relative;z-index:1}.portrait-art i{position:absolute;width:110px;height:150px;background:linear-gradient(130deg,#b8c6ad,#80967c);right:22px;top:9px;border-radius:65px 65px 12px 12px;transform:rotate(14deg)}.motion-art{position:absolute;inset:0}.motion-art i{position:absolute;border:1px solid #aebbc9;width:180px;height:100px;left:50%;top:40px;transform:translateX(-50%) rotate(-20deg);border-radius:50%}.motion-art i:nth-child(2){transform:translateX(-50%) rotate(20deg)}.motion-art i:nth-child(3){transform:translateX(-50%) rotate(60deg)}.motion-art span{position:absolute;top:67px;left:calc(50% - 20px);height:44px;width:44px;background:#fff9;border:1px solid white;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;display:grid;place-items:center;color:#758597;font-size:14px;padding-left:3px}.dropzone{border:1px dashed #cdd6cb;border-radius:10px;display:flex;align-items:center;gap:12px;padding:18px;background:#fafbf8;color:#829279;cursor:pointer}.dropzone.dragging{background:#ebf4dc}.dropzone strong{font-size:11px;font-weight:500;display:block;color:#6a7763}.dropzone small{font-size:9px;color:#a2aaa0;display:block;margin-top:5px}.dropzone b{margin-left:auto;font-size:20px;font-weight:400}.reference-help{font-size:10px;color:#8f989c;line-height:1.6}.text-button{background:none;color:#71895d;font-size:11px;padding:10px 0}.reference-item{display:inline-flex;gap:9px;border:1px solid var(--line);border-radius:9px;margin:0 9px 12px 0;padding:6px;align-items:center}.reference-item img{width:45px;height:50px;object-fit:cover;border-radius:5px}.reference-item span{font-size:10px;max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-item button{background:none;color:#939a9f}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:47px 0 24px}.page-heading h1{font-size:29px;margin-top:7px}.filters{display:flex;gap:8px;margin-bottom:25px}.filters button{padding:8px 17px;border-radius:7px;background:transparent;color:#8c949a;font-size:12px}.filters button.selected{background:#e8eddf;color:#51603f}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;min-height:160px}.work-card{background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;cursor:pointer;min-width:0}.work-card:hover{border-color:#a9b895}.work-media{height:225px;display:grid;place-items:center;background:#ecefec;position:relative}.work-media .type-tag{position:absolute;top:10px;left:10px;background:#ffffffdd;border-radius:5px;padding:4px 7px;font-size:9px}.work-info{padding:15px}.work-info p{font-size:12px;margin:0 0 11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.work-info small{font-size:10px;color:#9ca3a8}.card-actions{display:flex;gap:8px;margin-top:12px}.card-actions a,.card-actions button{font-size:10px;background:#f3f5f2;padding:7px 10px;border-radius:5px;color:#627158}.empty{grid-column:1/-1;text-align:center;padding:65px 20px;border:1px dashed #dfe5dc;border-radius:14px;color:#8f998b}.empty strong{display:block;color:#64745b;margin:13px;font-size:15px}.empty p{font-size:12px}.result-panel{display:grid;grid-template-columns:minmax(210px,40%) 1fr;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:28px;min-height:240px}.result-panel .work-media{height:340px;background:#eef0eb}.result-panel .work-info{padding:26px;display:flex;flex-direction:column;justify-content:center}.result-panel .work-info p{font-size:13px}.result-panel .work-info h3{margin:0 0 14px;font-size:17px}.spinner{width:28px;height:28px;border-radius:50%;border:2px solid #d5dfcc;border-top-color:#718e4e;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.pending{text-align:center;color:#87947e;font-size:12px;padding:25px}.pending span{display:block;margin:14px 0 0}.progress-track{height:4px;background:#e8eee2;border-radius:8px;width:150px;margin:15px auto;overflow:hidden}.progress-track i{display:block;height:100%;background:#8fae67}.error-box{margin-top:12px;padding:14px 18px;border:1px solid #e7ccca;border-radius:9px;color:#ac615b;font-size:12px;background:#fff8f7}.error-copy{color:#ac615b;word-break:break-word;font-size:11px}.asset-card .work-media{height:210px}footer{display:flex;justify-content:space-between;max-width:1260px;margin:45px auto 0;padding:23px 46px;border-top:1px solid var(--line);font-size:10px;color:#a4a9ae}footer span{font-size:9px}dialog{border:0;border-radius:18px;max-width:960px;width:90vw;padding:28px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#111a22aa;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:10px;top:5px;background:white;border-radius:50%;font-size:26px;color:#8d969d;z-index:2}dialog .result-panel{margin:0;border:0}dialog .result-panel .work-media{height:65vh}#toast{position:fixed;bottom:30px;left:calc(50% + 80px);transform:translateX(-50%);background:#222b22;color:white;border-radius:9px;padding:13px 22px;font-size:12px;box-shadow:0 8px 30px #0002;z-index:100}#asset-selection-hint{padding:12px;background:#eef4e6;border-radius:8px;color:#5f7748}.mobile-menu{display:none}@media(min-width:1600px){.hero{padding-top:70px}.idea-card{height:290px}.composer{margin-top:10px}}@media(max-width:1100px){.sidebar{width:190px;padding-inline:15px}main{margin-left:190px}.page,.topbar{padding-inline:26px}.mode-tabs button{padding-inline:12px}.composer-footer{align-items:flex-end}.controls{gap:5px}.setting-pill{padding:8px}.idea-grid{gap:12px}.idea-card{height:230px}.idea-caption{padding:17px 13px}.idea-caption h3{font-size:13px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{position:sticky;top:0;width:100%;height:65px;flex-direction:row;padding:10px 16px;align-items:center;gap:18px}.brand{font-size:15px}.brand b,.connection,.nav-label,.sidebar .new-project,.sidebar-note{display:none}.brand-mark{width:31px;height:31px;border-radius:8px}.sidebar nav{display:flex;margin-left:auto;gap:2px}nav a{font-size:10px;padding:9px 8px;gap:5px}nav svg{width:14px;height:14px}nav a span{display:none}main{margin:0}.topbar{height:54px;padding-inline:20px}.top-right{gap:8px}.local-badge{font-size:8px}.page{padding-inline:18px}.hero{padding:31px 0 22px}h1{font-size:27px}.hero p{font-size:10px}.eyebrow{font-size:8px}.mode-tabs{padding:5px 6px 0;gap:0;justify-content:space-between}.mode-tabs button{font-size:10px;padding:15px 8px;gap:5px}.mode-tabs svg{width:13px!important;height:13px!important}.compose-body{padding:20px 19px 6px}textarea{font-size:13px;height:145px}.composer-footer{padding:10px 17px 18px;display:block}.controls{margin-bottom:15px}.primary{padding:12px 17px}.composer-footer>.primary{width:100%}.advanced-row{padding:12px 17px;flex-wrap:wrap;font-size:9px}.quick-prompts{gap:6px;padding-bottom:20px}.quick-prompts>span{width:100%}.quick-prompts button{font-size:9px}.section-title>span{display:none}.idea-grid{grid-template-columns:1fr}.idea-card{height:195px}.idea-caption{width:60%;top:30px;bottom:auto;padding:25px;background:none}.bottle-art{left:74%;top:20px}.portrait-art{left:58%}.motion-art{left:48%}.idea-caption h3{font-size:16px}.idea-caption b{display:none}.works-grid{gap:12px}.work-media{height:180px}.result-panel{grid-template-columns:1fr}.result-panel .work-media{height:320px}.page-heading{padding-top:30px}.page-heading h1{font-size:25px}.page-heading .primary,.page-heading p{font-size:10px}footer{padding:22px 18px;font-size:9px}footer span{font-size:8px}#toast{left:50%;width:max-content;max-width:90vw}dialog{padding:20px 12px}dialog .result-panel .work-media{height:45vh}.asset-card .work-media{height:170px}}:root{--bg:#0d0f12;--ink:#e9edf0;--muted:#8c959f;--line:#2a3037;--dark:#14171b;--accent:#cbf775;color-scheme:dark}body{background:var(--bg);color:var(--ink)}.sidebar{background:#101317;border-right:1px solid #252a30}.topbar{background:#111419;border-color:#252a30}.breadcrumb,.slash{color:#727e89}.avatar{background:#293424;border-color:#3a4732;color:#d4edbd}.hero h1{color:#f0f3f5}.hero h1 span{color:#c5e6a5}.eyebrow{color:#829276}.hero p,.page-heading p{color:#919ba6}.composer{background:#171b20;border-color:#303740;box-shadow:0 18px 50px #0002}.mode-tabs{border-color:#2c333b}.mode-tabs button{color:#929da8}.mode-tabs button.selected{color:#d1f29f;border-color:#c5ed8c}.input-label{color:#d4dbe1}.input-label span{color:#727e88}textarea{color:#e5ebee}textarea::placeholder{color:#677480}.model-pill,.select-control,.setting-pill{background:#242a31;border-color:#323a44;color:#b8c2cb}.model-icon{color:#b6df85}.select-control span{color:#7f8b97}select{color:#d1d9e1}option{background:#20262d;color:#e5ebef}.primary{background:#cbf775;color:#1d2913}.primary svg:first-child{color:#25391a}.primary:hover{background:#dcffa6}.advanced-row{border-color:#2b323a;color:#9ca8b2}.advanced-row input[type=checkbox]{accent-color:#b9e787}.advanced-row input[type=number]{border-color:#3d4650;background:#20262d;color:#d6e0e7}.quick-prompts button{background:#191f25;border-color:#333c45;color:#a5b1bd}.quick-prompts button:hover{background:#293421;border-color:#819969}.section-title>span{color:#77848f}.section-title h2{color:#d9e0e6}.product-idea{background:#292820}.portrait-idea{background:#212c25}.motion-idea{background:#222a35}.idea-caption{background:linear-gradient(transparent,#151b20ee)}.idea-caption>span{color:#8fa18e}.idea-caption h3{color:#e2e8e5}.idea-caption p{color:#a1ada6}.idea-caption b{color:#c8d8bf}.portrait-art>span{color:#adc39e}.portrait-art i{background:linear-gradient(130deg,#77896a,#3e5744)}.motion-art i{border-color:#566779}.motion-art span{background:#bcccdc20;border-color:#99adc747;color:#d0def0}.dropzone{background:#1a231b;border-color:#46593b;color:#a3c38d}.dropzone.dragging{background:#293c22}.dropzone strong{color:#c0d7b0}.dropzone small{color:#7f9477}.reference-help{color:#8e9a9f}.reference-item{background:#222930;border-color:#3b454e}.text-button{color:#b8d69e}.filters button{color:#97a2ad}.filters button.selected{background:#2b3b23;color:#d0ecb9}.result-panel,.work-card{background:#181e24;border-color:#303942}.work-card:hover{border-color:#6f865b}.work-media{background:#101519;overflow:hidden;min-height:0}.work-media img,.work-media video{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain}.work-media .type-tag{z-index:1;background:#141b22d9;color:#c3d2bc;border:1px solid #3b493b}.result-panel .work-media{background:#101519}.work-info small{color:#8593a0}.work-info p{color:#c4cdd6}.card-actions a,.card-actions button{background:#2a3628;color:#c5ddb3}.card-actions{flex-wrap:wrap}.empty{border-color:#3b4738;color:#879682}.empty strong{color:#c4d8b5}.spinner{border-color:#c1eb8c #33412d #33412d}.pending{color:#b4c7a3}.progress-track{background:#293523}.progress-track i{background:#b8e87b}.error-box{background:#322320;border-color:#69413d;color:#e5aaa0}.error-copy{color:#e4a99d}dialog{background:#181e24;color:#e2e7ec;max-height:90dvh;overflow:auto;border:1px solid #35414a}.close-dialog{background:#2c3640;color:#d1d9e0;z-index:4}.enhanced-text{margin-top:18px;color:#9cab99;font-size:11px}.enhanced-text p{white-space:pre-wrap;word-break:break-word;margin-top:12px!important;-webkit-line-clamp:unset!important;font-size:11px!important;max-height:230px;overflow:auto!important}#asset-selection-hint{background:#283a22;color:#c6e3b1}footer{border-color:#242d34;color:#7d8b95}#toast{background:#d3efb4;color:#24311a}@media(max-width:760px){.idea-caption{background:none}.sidebar{border-bottom:1px solid #29323b}.result-panel .work-info{padding:20px}.work-media{height:180px}dialog .result-panel .work-media{height:42dvh}.hero h1{font-size:27px}}