:root{color-scheme:dark;--bg:#141716;--panel:#191d1b;--raised:#222724;--border:#303831;--text:#edf1ed;--muted:#9ca79e;--dim:#78867b;--accent:#c4efd6;--ink:#183b29;--danger:#ffb5aa;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,label,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:var(--accent);text-decoration:none}h1,h2,h3,p{margin:0}h2{font-size:14px;font-weight:600}h3{font-size:15px}button svg,.attach-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.app-shell{display:flex;min-height:100dvh}.rail{width:76px;flex-shrink:0;border-right:1px solid var(--border);padding:24px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:15px;height:100dvh;position:sticky;top:0;background:#111412}.brand{margin-bottom:22px;display:block}.brand img{display:block}.rail-button{border:0;background:none;width:54px;min-height:58px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted)}.rail-button span{font-size:10px;letter-spacing:1px}.rail-button:hover{background:var(--raised);color:var(--text)}.rail-button.active{background:#27342b;color:var(--accent)}.rail-spacer{flex:1}.app-body{min-width:0;flex:1}.topbar{height:82px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.title-group{display:flex;align-items:center;gap:18px}.title-group h1{font-size:18px;font-weight:600;letter-spacing:1px}.title-en{font-size:10px;color:var(--dim);letter-spacing:1.8px}.top-actions{display:flex;align-items:center;gap:14px}.credit-chip{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--muted);font-size:12px}.credit-chip strong{font-variant-numeric:tabular-nums;font-weight:500;color:var(--text)}.status-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.status-dot{background:#819786}.secondary,.primary{border-radius:9px;min-height:42px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:500;transition:background .15s,transform .15s}.secondary{border:1px solid #3d473f;background:transparent;color:var(--text)}.secondary:hover{background:#2a312c}.primary{border:1px solid var(--accent);background:var(--accent);color:#193c29}.primary:hover{background:#d4f7e2;transform:translateY(-1px)}.small{min-height:36px;padding:7px 12px;font-size:12px}.text-button{padding:0;border:0;background:none;font-size:12px;color:var(--accent)}.text-button:hover{color:#eefaf1}.subtle{color:var(--dim);font-size:11px}.workspace{display:flex;min-height:calc(100dvh - 82px)}.controls{width:364px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding-top:22px;height:calc(100dvh - 82px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d463e transparent}.mode-switch{display:flex;border:1px solid var(--border);border-radius:10px;padding:4px;margin:0 22px 22px;background:#121613}.mode-switch button{border:0;background:transparent;padding:8px 2px;border-radius:7px;flex:1;color:var(--muted);font-size:13px;white-space:nowrap}.mode-switch button span{font-size:11px;margin-left:8px}.mode-switch .selected{background:#323c34;color:#f2f6f1;box-shadow:0 1px 4px #0003}.control-section{padding:21px 22px;border-top:1px solid var(--border)}.prompt-section{padding-top:0;border-top:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-heading label{font-weight:600;font-size:13px}.prompt-box{border:1px solid #414d43;border-radius:12px;overflow:hidden;background:#151a16;transition:border-color .2s}.prompt-box:focus-within{border-color:var(--accent)}textarea,input,select{color:var(--text);background:#202621;border:1px solid #3d483f;border-radius:7px;width:100%;padding:10px 11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;line-height:1.8}textarea::placeholder,input::placeholder{color:#77847b}select{cursor:pointer;min-height:40px;font-size:12px;padding-right:26px}.prompt-box textarea{border:0;background:none;padding:14px 15px 8px;min-height:150px;font-size:13px;display:block}.prompt-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 13px 13px;gap:8px}.attach-button{display:inline-flex;align-items:center;gap:5px;color:#b6c4ba;font-size:11px;cursor:pointer}.attach-button svg{width:16px;height:16px}.prompt-helper{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dim);margin-top:12px}.help{font-size:11px;line-height:1.8;color:var(--muted);margin-top:9px}.price-inline{margin-top:9px;color:#92ac9b;font-size:10px;letter-spacing:.2px}.field-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:17px 0 8px;gap:12px}.field-label span{color:var(--dim);font-size:10px}.field-label output{color:var(--accent);font-variant-numeric:tabular-nums}.control-section>h2{margin-bottom:4px}input[type=range]{appearance:none;padding:0;border:0;border-radius:2px;background:#3a443c;height:3px;cursor:pointer;accent-color:var(--accent);margin:10px 0}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);width:13px;height:13px;border-radius:50%;border:3px solid #314338;box-shadow:0 0 0 1px var(--accent)}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--dim);margin-top:4px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.two-columns label{font-size:11px;color:var(--muted)}.two-columns input{margin-top:6px}summary{font-size:12px;font-weight:500;cursor:pointer;list-style:none;position:relative;padding-right:15px}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:0;color:var(--muted)}details[open]>summary::after{content:'−'}summary>span{display:block;font-size:10px;font-weight:400;color:var(--dim);margin-top:4px}.check-row{display:flex;align-items:center;gap:9px;font-size:12px;margin:17px 0 8px;cursor:pointer}.check-row input{width:15px;height:15px;accent-color:var(--accent);flex-shrink:0}.upload-field{border:1px dashed #506054;border-radius:7px;display:block;text-align:center;padding:10px;margin-top:12px;font-size:11px;cursor:pointer}.upload-field:hover{background:#29342d}.file-info{font-size:11px;color:var(--accent);display:flex;gap:10px;align-items:center;margin-top:5px;word-break:break-all}.file-info button{border:0;background:none;color:var(--danger)}.code-input{font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.submit-area{position:sticky;bottom:0;background:linear-gradient(transparent,var(--panel) 16px);padding:20px 22px 15px}.submit-area .primary,.submit-area .secondary{width:100%;justify-content:space-between}.submit-area .secondary{margin-top:8px;justify-content:center}.submit-note{text-align:center;font-size:10px;color:var(--dim);margin-top:10px}.canvas{position:relative;flex:1;min-width:0;height:calc(100dvh - 82px);overflow:auto;display:flex;flex-direction:column;background:radial-gradient(ellipse at 65% 35%,#25382b40,transparent 60%)}.canvas-top{display:flex;align-items:center;justify-content:space-between;padding:23px 28px;font-size:11px;color:var(--muted);gap:15px}.canvas-top>span{display:flex;align-items:center;gap:9px}.canvas-top>div{display:flex;gap:18px}.live-dot{width:5px;height:5px;opacity:.6}.work-view{flex:1;display:flex;flex-direction:column}.empty-state{margin:auto;padding:36px 28px 50px;text-align:center;width:100%;max-width:740px}.art-stack{width:200px;height:186px;margin:5px auto 35px;position:relative}.art-card{position:absolute;border-radius:12px;width:133px;height:167px;left:33px;top:6px;box-shadow:0 16px 45px #0004}.art-back{background:linear-gradient(145deg,#719087,#303f37);transform:rotate(-15deg);border:1px solid #778a7c;left:22px;top:0}.art-front{background:linear-gradient(150deg,#d3dec2,#94b09a 70%,#7d9c86);transform:rotate(9deg);overflow:hidden;border:1px solid #d0e2ca}.art-orb{position:absolute;top:15px;left:28px;width:94px;height:94px;border-radius:50%;background:radial-gradient(circle at 30% 23%,#f5ffe6,#bfd3ad 36%,#5c7d57 72%,#2d543e);box-shadow:7px 12px 12px #3b5a3f66}.art-line{position:absolute;top:110px;left:12px;right:12px;height:1px;background:#38533f55}.art-front span{position:absolute;bottom:14px;left:14px;font-size:11px;font-weight:700;line-height:1.15;letter-spacing:2px;color:#294f39}.art-spark{position:absolute;right:3px;top:0;font-size:47px;color:var(--accent);transform:rotate(20deg);font-weight:200}.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:#91b39b}.empty-state h2{font-size:32px;line-height:1.6;letter-spacing:1px;font-weight:500;margin:14px 0 12px}.empty-state>p{font-size:12px;color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:32px auto 0;max-width:590px}.template-grid button{border:1px solid var(--border);border-radius:10px;padding:16px 12px;text-align:left;background:#1c241e70;transition:all .2s}.template-grid button:hover{border-color:#769b81;background:#29382c;transform:translateY(-3px)}.template-grid button>span{font-size:24px;line-height:1;color:#c0d6bf;display:block;margin-bottom:16px}.template-grid b{display:block;font-size:12px;font-weight:500}.template-grid small{display:block;font-size:10px;color:var(--dim);margin-top:4px}.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;color:#5e7063;font-size:9px;border-top:1px solid #29332b80;margin-top:auto}.canvas-footer>span:first-child{letter-spacing:1.8px}.canvas-footer button{font-size:10px}.reference-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px}.reference-item{position:relative;width:48px;height:48px}.reference-item img{width:100%;height:100%;object-fit:cover;border-radius:7px}.reference-item button{position:absolute;right:-4px;top:-5px;border-radius:50%;width:19px;height:19px;line-height:14px;border:1px solid #536459;background:#25382c;color:white;padding:0;font-size:12px}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px 28px}.image-grid:empty{display:none}.image-card{border:1px solid #38483b;border-radius:14px;overflow:hidden;background:var(--panel)}.image-card>button{border:0;background:repeating-conic-gradient(#28322c 0% 25%,#202822 0% 50%) 50%/20px 20px;padding:0;width:100%;display:block;min-height:180px}.image-card img{width:100%;height:auto;max-height:500px;object-fit:contain;display:block}.image-card-footer{padding:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.image-card-footer div{display:flex;gap:13px}.image-card-footer a{font-size:11px}.preview-badge{font-size:11px;color:var(--accent)}.error-banner{background:#482c2444;border:1px solid #775347;color:#ffd6c8;padding:13px 16px;margin:0 28px 18px;border-radius:9px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.progress-card{border:1px dashed #526b57;margin:30px 28px;padding:40px 20px;text-align:center;border-radius:14px;background:#1a261e}.spinner{width:23px;height:23px;border:2px solid #435548;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}.progress-card p{font-size:12px;color:var(--muted);margin:10px 0}.progress-card .subtle{font-variant-numeric:tabular-nums}@keyframes spin{to{transform:rotate(360deg)}}.pill{background:#314537;color:#bad6c1;border-radius:5px;font-size:10px;padding:2px 6px}.plan-guide ol{list-style:none;padding:15px 0;margin:0;counter-reset:steps}.plan-guide li{padding:0 0 24px 36px;position:relative;counter-increment:steps}.plan-guide li::before{content:counter(steps);border:1px solid #516654;border-radius:50%;width:22px;height:22px;position:absolute;left:0;text-align:center;font-size:11px;line-height:22px;color:var(--accent)}.plan-guide li b{font-size:12px;font-weight:500;display:block}.plan-guide li span{display:block;color:var(--dim);font-size:11px;margin-top:3px}.plan-guide>.secondary{width:100%;font-size:12px}.plan-guide>.text-button{display:block;margin:15px auto}.plan-view{padding:15px 32px 40px;flex:1;max-width:900px;width:100%;margin:0 auto}.plan-welcome{text-align:center;margin:70px auto}.assistant-symbol{font-size:65px;color:var(--accent);line-height:1;margin-bottom:30px}.plan-welcome h2{font-size:29px;font-weight:500;margin:20px 0 15px}.plan-welcome p{font-size:13px;line-height:1.9;color:var(--muted)}.example-question{background:#223026;border:1px solid #3a4c3f;font-size:12px;color:#b6c9bc;border-radius:10px;padding:16px;margin:35px auto 0;max-width:390px}.chat-message{margin:0 0 24px;line-height:1.9;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message .message-label{font-size:10px;letter-spacing:1px;color:var(--dim);margin-bottom:8px;white-space:normal}.chat-message.user{margin-left:18%;background:#2b3b2f;padding:15px 20px;border-radius:14px 14px 0 14px}.chat-message.assistant{padding:10px 0}.chat-message.assistant .message-label{color:var(--accent)}.prompt-result{padding:22px;border:1px solid #56765e;border-radius:14px;background:#26352b;margin-top:20px}.prompt-result textarea{background:#1c2a21;font-size:13px}.prompt-result .primary{width:100%;margin-top:15px}.plan-progress{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;padding:20px 0}.plan-progress .spinner{width:17px;height:17px;margin:0}.install-banner{background:#293c2f;padding:12px 22px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:16px;border-bottom:1px solid #45604b}.install-banner button{border:0;background:none;color:var(--accent);font-size:12px}.install-banner #dismissInstall{font-size:23px}dialog{border:1px solid #4a5b4d;border-radius:16px;background:#1b231e;color:var(--text);padding:28px;width:calc(100% - 32px);max-width:510px;max-height:90dvh;overflow:auto;box-shadow:0 32px 100px #0009}dialog::backdrop{background:#080d0ac9;backdrop-filter:blur(7px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:20px}.dialog-heading h2{font-size:20px;letter-spacing:.5px}.close-button{width:32px;height:32px;border:0;border-radius:50%;background:#2c3b30;color:var(--muted);font-size:22px;line-height:30px;padding:0;flex-shrink:0}.dialog-lead{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:20px}.key-input-row{display:flex;gap:8px;align-items:center}.key-input-row input{min-width:0;flex:1}.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.dialog-actions .primary{font-size:12px}.external-link{display:block;font-size:12px;margin-top:18px}.danger{color:var(--danger)}dialog details{margin-top:20px}.form-feedback{font-size:12px;line-height:1.8;margin-top:15px;color:var(--accent)}.balance-display{padding:24px 0}.balance-display>strong{display:block;font-size:46px;line-height:1.5;font-weight:500;font-variant-numeric:tabular-nums}.balance-track{height:5px;background:#35443a;border-radius:4px;overflow:hidden;margin:15px 0}.balance-track>div{height:100%;background:var(--accent);transition:width .3s}.notice{font-size:11px;line-height:1.9;background:#2c392f;color:#b7c6bc;padding:14px;border-radius:8px}.list-title{margin:25px 0 12px}.usage-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:10px 0;border-bottom:1px solid var(--border);gap:12px}.usage-row small{color:var(--dim);display:block}.usage-list:empty::before{content:'还没有本机消费记录';color:var(--dim);font-size:12px}.wide-dialog{max-width:820px}table{border-collapse:collapse;width:100%;font-size:11px;margin:15px 0 25px}th,td{text-align:left;padding:10px 7px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:400}td{font-variant-numeric:tabular-nums}td:first-child{font-size:11px}#priceTables h3{margin-top:22px}.history-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.history-item{border:1px solid var(--border);border-radius:10px;padding:12px;min-width:0}.history-item img{width:100%;height:170px;object-fit:contain;background:#131b16;border-radius:7px}.history-item p{font-size:11px;line-height:1.7;margin:10px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.history-item .subtle{display:block;margin:8px 0}.history-item .actions{display:flex;gap:12px;font-size:11px}.install-icon{width:72px;height:72px;display:block;margin:25px auto}.prose{font-size:12px;line-height:1.9;color:var(--muted)}.prose p{margin:15px 0}pre{white-space:pre-wrap;word-break:break-all;font-size:11px;line-height:1.8;color:#c6ddcc;background:#121b15;padding:18px;border-radius:8px}.image-dialog{max-width:95vw;width:auto;padding:15px}.image-dialog>.close-button{position:absolute;right:23px;top:23px}.image-dialog img{display:block;max-width:86vw;max-height:82dvh;object-fit:contain}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:#c4efd6;color:#183b29;border-radius:10px;padding:12px 22px;box-shadow:0 6px 30px #0005;font-size:12px;max-width:90vw;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html{scrollbar-color:#415347 transparent;scrollbar-width:thin}@media(min-width:1600px){.controls{width:400px}.control-section{padding:24px 28px}.mode-switch{margin:0 28px 24px}.submit-area{padding:20px 28px}.empty-state{max-width:850px}.empty-state h2{font-size:38px}.art-stack{transform:scale(1.15);margin-bottom:55px}}@media(max-width:1180px){.title-en{display:none}.controls{width:320px}.control-section{padding:20px}.mode-switch{margin:0 20px 20px}.empty-state{padding:24px}.empty-state h2{font-size:26px}.template-grid{grid-template-columns:repeat(2,1fr);max-width:360px}.template-grid button{padding:12px}.template-grid button>span{float:left;margin:6px 14px 0 0}.template-grid small{font-size:9px}.canvas-footer>span:first-child{display:none}.art-stack{transform:scale(.9);margin-bottom:10px}.credit-chip>span:not(.status-dot){display:none}}@media(max-width:760px){.app-shell{display:block}.rail{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;height:62px;height:calc(62px + env(safe-area-inset-bottom));padding:4px 14px calc(4px + env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;border-top:1px solid var(--border);border-right:0;z-index:20;background:#131a15}.brand,.rail-spacer{display:none}.rail-button{width:62px;min-height:46px;gap:2px}.rail-button span{font-size:9px}.rail-button svg{width:18px;height:18px}.app-body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}.topbar{height:66px;padding:0 16px;gap:8px}.title-group h1{font-size:16px;white-space:nowrap}.top-actions{gap:10px}.top-actions .secondary{font-size:11px;padding:7px 9px;min-height:32px}.credit-chip{padding:0;font-size:11px;gap:5px}.workspace{display:block;min-height:0}.controls{width:100%;height:auto;overflow:visible;border-right:0;padding-top:17px;border-bottom:1px solid var(--border)}.mode-switch{max-width:420px;margin:0 auto 20px;width:calc(100% - 32px)}.control-section{padding:19px 20px}.prompt-section{padding-top:0}.prompt-box textarea{min-height:105px;font-size:14px}.submit-area{position:static;padding:18px 20px}.canvas{height:auto;min-height:0;overflow:visible}.canvas-top{padding:20px}.canvas-top .subtle{font-size:10px}.canvas-footer{padding:18px 20px;font-size:8px;gap:8px}.canvas-footer button{font-size:9px}.empty-state,.plan-welcome,.canvas-top,.canvas-footer{display:none}.empty-state h2{font-size:27px}.art-stack{margin:0 auto 15px}.template-grid{margin-top:25px;max-width:420px}.template-grid button{padding:14px}.template-grid button>span{float:none;margin:0 0 12px}.template-grid small{font-size:10px}.image-grid{padding:15px 16px;gap:12px;grid-template-columns:1fr}.error-banner{margin:16px}.image-card-footer{font-size:11px}.plan-view{padding:15px 22px 35px}.plan-view:has(.chat-messages:empty){padding:0}.plan-welcome{margin:30px auto}.plan-welcome h2{font-size:24px}.plan-welcome p{font-size:12px}.chat-message.user{margin-left:8%}.install-banner{justify-content:space-between;padding:10px 16px;gap:8px;font-size:11px}.install-banner>span{max-width:65%}.install-banner button{font-size:10px}.history-list{grid-template-columns:1fr}.dialog-heading h2{font-size:18px}dialog{padding:22px;max-height:85dvh}input,textarea,select{font-size:16px!important}.prompt-box textarea{font-size:16px}.field-label{font-size:13px}.help{font-size:12px}.image-grid img{max-height:75dvh}.toast{bottom:85px}.progress-card{margin:20px 16px}.top-actions .credit-chip .status-dot{display:none}.title-group{gap:0}.plan-guide ol{display:none}.plan-guide>.eyebrow{margin-bottom:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.submit-area{position:sticky;bottom:calc(62px + env(safe-area-inset-bottom));z-index:5;background:linear-gradient(transparent,var(--panel) 12px)}.credit-chip strong::before{content:'额度 ';color:var(--dim);font-weight:400}}