:root{color-scheme:dark;font-family:Inter,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;background:#051018;color:#f4fbff;--bg: #051018;--panel: rgba(8, 26, 36, .88);--panel-strong: rgba(10, 32, 45, .96);--line: rgba(116, 195, 229, .18);--cyan: #1fc8ff;--cyan-soft: rgba(31, 200, 255, .18);--gold: #ff9f1c;--gold-strong: #ffb020;--text-muted: #9fb1bf;--radius: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,rgba(31,200,255,.08),transparent 32%),radial-gradient(circle at 78% 12%,rgba(255,159,28,.14),transparent 28%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer}button,label,select,input{transition:border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease,transform .16s ease}button:hover:not(:disabled),.upload-button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,.upload-button:focus-within{outline:2px solid rgba(31,200,255,.72);outline-offset:2px}button:disabled,input:disabled{cursor:not-allowed;opacity:.52}.app-shell{display:grid;grid-template-rows:76px minmax(0,1fr) 112px;min-height:100vh;overflow:hidden}.topbar,.command-bar{display:flex;align-items:center;gap:24px;padding:14px 24px;border-bottom:1px solid var(--line);background:#040f17e6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand-lockup{display:flex;align-items:center;gap:12px;min-width:280px}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border:2px solid var(--gold);border-radius:50%;background:linear-gradient(135deg,#ff9f1c3d,#1fc8ff1f);color:var(--cyan);font-weight:900;letter-spacing:0}.brand-lockup strong,.brand-lockup span,.file-summary span,.file-summary small,.mode-pill span{display:block}.brand-lockup strong{font-size:16px}.brand-lockup span,.file-summary small{color:var(--text-muted);font-size:13px}.upload-button,.download-action,.preview-action,.ghost-action{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;border:1px solid rgba(255,159,28,.62);border-radius:var(--radius);color:#fff7e8;background:#ff9f1c14}.upload-button{position:relative;min-width:136px}.upload-button input{position:absolute;inset:0;opacity:0}.file-summary{flex:1;min-width:180px;color:#dbeeff}.mode-pill{display:inline-flex;align-items:center;gap:8px;min-height:36px;border:1px solid rgba(31,200,255,.28);border-radius:999px;padding:0 12px;color:#ccefff;background:#1fc8ff14;font-size:13px;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(420px,1fr) 380px;min-height:0}.inspector{background:#061620d1}.canvas-panel{display:grid;grid-template-rows:minmax(0,1fr) 54px;min-width:0;padding:12px;background:linear-gradient(90deg,rgba(31,200,255,.05) 1px,transparent 1px),linear-gradient(0deg,rgba(31,200,255,.05) 1px,transparent 1px);background-size:48px 48px}.preview-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden;border:1px solid rgba(116,195,229,.22);border-radius:var(--radius);background:#07131c}.preview-stage.dragging{border-color:#ff9f1cb8;box-shadow:inset 0 0 0 1px #ff9f1c6b,0 0 34px #ff9f1c29}.drop-overlay{position:absolute;inset:18px;z-index:5;display:grid;place-items:center;align-content:center;gap:12px;border:1px dashed rgba(255,159,28,.78);border-radius:var(--radius);color:#fff4dc;background:#051018b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.preview-pane{position:relative;display:grid;min-width:0;min-height:460px;padding:22px;overflow:hidden;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%),#020c12c7;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview-pane+.preview-pane{border-left:1px solid rgba(116,195,229,.26)}.preview-pane.stale img{opacity:.62;filter:grayscale(.2) drop-shadow(0 18px 34px rgba(0,0,0,.36))}.preview-pane:before{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#0e2b3a1a,#051018b8),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='540' viewBox='0 0 720 540'%3E%3Cdefs%3E%3ClinearGradient id='sky' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop stop-color='%232a5266'/%3E%3Cstop offset='0.58' stop-color='%23a76b36'/%3E%3Cstop offset='1' stop-color='%23ffac34'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='720' height='540' fill='url(%23sky)'/%3E%3Cpath d='M0 365h720v175H0z' fill='%2313252f'/%3E%3Cpath d='M40 360h44v-82h40v82h42V240h55v120h34V298h48v62h38V210h46v150h34V270h58v90h38V235h76v125h87v28H40z' fill='%23102028'/%3E%3Ccircle cx='584' cy='126' r='74' fill='%23ffc45c' opacity='.58'/%3E%3Cpath d='M0 408c80-14 150-8 222 8s148 28 248 4 172-22 250-5v125H0z' fill='%23081922' opacity='.55'/%3E%3C/svg%3E");background-position:center;background-size:cover;opacity:.3}.preview-pane:nth-child(3):before{filter:saturate(1.2) contrast(1.15) brightness(1.08)}.preview-pane img{position:relative;z-index:1;align-self:center;justify-self:center;width:100%;height:100%;max-height:calc(100vh - 270px);object-fit:contain;border-radius:6px;filter:drop-shadow(0 18px 34px rgba(0,0,0,.36))}.image-badge{position:relative;z-index:1;align-self:start;justify-self:start;padding:8px 12px;border-radius:6px;background:#030d14c7;color:#e9f7ff;font-size:13px}.empty-preview{border:1px dashed rgba(116,195,229,.3);position:relative;z-index:1;display:grid;place-items:center;align-self:center;justify-self:center;gap:12px;min-width:min(260px,80%);min-height:160px;border-radius:var(--radius);color:var(--text-muted);background:#030d1485;text-align:center}.empty-preview:hover{border-color:#1fc8ff94;color:#e9f7ff;background:#1fc8ff14}.empty-preview strong{max-width:12em;color:#dbeeff;font-size:14px;font-weight:600}.empty-preview small{color:var(--cyan);font-size:12px}.canvas-footer,.command-bar{justify-content:space-between;color:var(--text-muted);font-size:13px}.canvas-footer{display:flex;align-items:center;padding:0 12px}.inspector{display:flex;flex-direction:column;gap:18px;padding:20px 18px;border-right:0;border-left:1px solid var(--line)}.panel-title{display:flex;align-items:center;gap:10px}.panel-title h1{flex:1;margin:0;font-size:18px}.switch input{display:none}.switch span{position:relative;display:block;width:42px;height:24px;border-radius:999px;border:1px solid rgba(116,195,229,.28);background:#ffffff14;transition:background .16s ease,border-color .16s ease}.switch span:after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;content:"";background:#c9d7df;transition:transform .16s ease}.switch input:checked+span{border-color:#1fc8ff73;background:linear-gradient(90deg,var(--cyan),#58d6ff)}.switch input:checked+span:after{transform:translate(18px);background:#fff}.field,.slider-group{display:grid;gap:8px}.field span,.slider-group div span{color:var(--text-muted);font-size:13px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field input,.field select{width:100%;min-height:42px;border:1px solid rgba(116,195,229,.22);border-radius:var(--radius);padding:0 12px;background:#ffffff0a;color:#eefaff}.field select{color-scheme:dark}.field select option{color:#eefaff;background:#0d1b25}.field select option:checked{color:#061018;background:#7fdcff}.field input:disabled,.field select:disabled{color:#eefaff94;background:#ffffff05}.preset-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.preset-strip button{flex:0 0 auto;min-height:34px;border:1px solid rgba(116,195,229,.2);border-radius:var(--radius);padding:0 10px;color:#dbeeff;background:#1fc8ff0f;font-size:13px}.preset-strip button:hover{border-color:#ff9f1c7a;color:#fff3df;background:#ff9f1c1a}.slider-group{padding:14px 0;border-top:1px solid var(--line)}.slider-group.disabled{opacity:.58}.slider-group div{display:flex;align-items:center;gap:8px}.slider-group div span{margin-left:auto}input[type=range]{accent-color:var(--gold)}.segment{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(116,195,229,.22);border-radius:var(--radius)}.segment button{min-height:38px;border:0;color:var(--text-muted);background:#ffffff08}.segment .selected{color:var(--cyan);background:var(--cyan-soft)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.toggle-row strong,.toggle-row span{display:block}.toggle-row span{margin-top:4px;color:var(--text-muted);font-size:13px}.error-message{margin:0;padding:12px;border:1px solid rgba(255,159,28,.34);border-radius:var(--radius);color:#ffd7a3;background:#ff7a001a;font-size:13px}.result-summary{display:grid;gap:12px;padding:14px;border:1px solid rgba(31,200,255,.24);border-radius:var(--radius);background:#1fc8ff12}.result-summary.stale{border-color:#ff9f1c59;background:#ff9f1c14}.result-summary strong,.result-summary span{display:block}.result-summary span{max-width:100%;overflow:hidden;color:var(--text-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.result-summary dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0}.result-summary dl div{display:grid;gap:3px}.result-summary dt{color:var(--text-muted);font-size:12px}.result-summary dd{margin:0;color:#effbff;font-size:13px}.command-bar{border-top:1px solid var(--line);border-bottom:0}.secure-note{display:flex;align-items:center;gap:12px}.secure-note strong,.secure-note span{display:block}.secure-note strong{color:#effbff}.action-group{display:flex;gap:14px}.step-strip{display:flex;flex:1;justify-content:center;gap:8px;min-width:260px}.step{display:inline-flex;align-items:center;gap:6px;min-height:30px;border:1px solid rgba(116,195,229,.16);border-radius:999px;padding:0 11px;color:var(--text-muted);background:#ffffff08;font-size:12px}.step.done{border-color:#1fc8ff47;color:#dff7ff;background:#1fc8ff14}.step.active{border-color:#ff9f1c80;color:#fff2d8;background:#ff9f1c1a}.step.error{border-color:#ff9f1c94;color:#ffd7a3;background:#ff7a001f}.ghost-action,.preview-action,.download-action{min-width:132px;padding:0 18px}.preview-action{border-color:#1fc8ff8c;color:var(--cyan);background:#1fc8ff14}.download-action{min-width:172px;border-color:#ff9f1ceb;background:linear-gradient(135deg,var(--gold),#ff7a00);color:#fff;font-weight:800}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.app-shell{grid-template-rows:auto minmax(0,1fr) auto}.topbar,.command-bar{flex-wrap:wrap}.step-strip{order:3;width:100%;justify-content:flex-start;overflow-x:auto}.workspace{grid-template-columns:1fr}.inspector{border-top:1px solid var(--line);border-left:0}}@media(max-width:680px){.brand-lockup,.file-summary,.mode-pill,.upload-button,.action-group,.secure-note{width:100%}.app-shell{overflow:auto}.preview-stage{grid-template-columns:1fr}.preview-pane+.preview-pane{border-top:1px solid rgba(116,195,229,.26);border-left:0}.preview-pane{min-height:240px}.action-group{flex-direction:column}.canvas-footer{flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-height:68px}.result-summary dl{grid-template-columns:1fr}}