:root{font-family:Inter,"Microsoft YaHei",Arial,sans-serif;color:#e9edf7;background:#10131c;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;border-bottom:1px solid #282c39;background:#151924;display:flex;align-items:center;justify-content:space-between;padding:0 30px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid #7b76d4;border-radius:11px;color:#bbb5ff;background:#302e50;font-size:24px}.brand strong{display:block;font-size:17px;letter-spacing:.04em}.brand small{display:block;font-size:9px;color:#858da1;letter-spacing:.2em;margin-top:4px}.topnote{font-size:12px;color:#9299a9}.topnote a{color:#c5b9ff;margin-left:14px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65d5b2;margin-right:6px;box-shadow:0 0 12px #65d5b2}.workspace{flex:1;min-height:650px;display:grid;grid-template-columns:290px minmax(360px,1fr) 300px}.sidebar{background:#171b26;padding:27px 21px}.settings{border-right:1px solid #2a2e3d}.layer-panel{border-left:1px solid #2a2e3d;display:flex;flex-direction:column;padding:27px 18px}.section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:21px}.step{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#292842;color:#b4aaff;font-size:11px;font-weight:700}.section-heading h2,.panel-header h2{margin:0;font-size:15px;font-weight:700}.section-heading p{margin:6px 0 0;color:#858d9f;font-size:11px}.drop-zone{min-height:178px;border:1.5px dashed #535875;border-radius:14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;background:#1d2230;padding:16px;transition:.2s}.drop-zone:hover,.drop-zone.drag{border-color:#a9a0ff;background:#24283b}.upload-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#333152;color:#bdb5ff;font-size:26px}.drop-zone strong{font-size:12px}.drop-zone small{font-size:10px;color:#9097a8;line-height:1.5}.file-info{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;font-size:11px;color:#aeb6c7}.file-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info button{border:0;background:none;color:#b7adff;white-space:nowrap}.divider{height:1px;background:#2b3040;margin:25px 0}.field{display:block;margin:0 0 22px}.field>span{display:flex;justify-content:space-between;color:#c5ccda;font-size:12px;margin-bottom:11px}.field b{color:#a99eff;font-weight:600}.field input[type=range]{width:100%;accent-color:#a69aff}.field input[type=number]{width:100%;height:37px;color:#e9edf7;background:#222735;border:1px solid #394052;border-radius:8px;padding:0 11px}.check-field{display:flex;align-items:flex-start;gap:10px;margin:24px 0}.check-field input{accent-color:#a699ff;margin:3px 0}.check-field strong{display:block;font-size:12px}.check-field small{display:block;font-size:10px;color:#858d9f;line-height:1.5;margin-top:5px}.primary-btn{width:100%;height:44px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:9px;background:#a89aff;color:#171429;font-size:13px;font-weight:750;box-shadow:0 7px 20px #6b5ed022}.primary-btn:disabled{background:#4b4d5d;color:#9a9baa;box-shadow:none;cursor:not-allowed}.primary-btn span{font-size:18px}.hint{font-size:10px;line-height:1.7;color:#7e879a;margin:15px 2px}.stage-area{min-width:0;display:flex;flex-direction:column;background:#11141e}.stage-toolbar{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #292d3a}.eyebrow{font-size:10px;letter-spacing:.16em;color:#8e94a9;font-weight:700}.stage-toolbar h1{font-size:17px;margin:7px 0 0}.stage-actions{display:flex;gap:8px}.stage-actions button,.panel-header button{background:#232838;color:#c9cfda;border:1px solid #3a4052;border-radius:7px;padding:8px 10px;font-size:11px}.stage-actions button:disabled,.panel-header button:disabled{opacity:.45;cursor:not-allowed}.stage{position:relative;flex:1;min-height:480px;display:grid;place-items:center;overflow:hidden;background-color:#161a24;background-image:linear-gradient(45deg,#1b202b 25%,transparent 25%),linear-gradient(-45deg,#1b202b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#1b202b 75%),linear-gradient(-45deg,transparent 75%,#1b202b 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}.empty-state{text-align:center;max-width:330px;padding:20px}.empty-art{height:150px;position:relative;display:grid;place-items:center}.shape{position:absolute;width:91px;height:112px;border:1px solid #7775a6;background:#42406555;border-radius:15px;transform:rotate(-13deg) translateX(-23px)}.shape.two{transform:rotate(12deg) translateX(27px);background:#61567855}.shape.three{transform:rotate(0);background:#333d5955}.empty-symbol{z-index:1;font-size:56px;color:#c8c0ff}.empty-state h2{font-size:17px;margin:10px 0}.empty-state p{font-size:12px;color:#9098aa;line-height:1.6}.image-frame{position:relative;max-width:88%;max-height:85%;transform-origin:center;box-shadow:0 18px 65px #0006}.image-frame>img{display:block;max-width:100%;max-height:calc(100vh - 250px);object-fit:contain}.layer-stack{position:absolute;inset:0}.layer-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.status-card{position:absolute;left:50%;bottom:23px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:12px 17px;background:#252b3dec;border:1px solid #505574;border-radius:10px;box-shadow:0 10px 30px #0008;z-index:4;white-space:nowrap}.status-card strong{font-size:12px}.status-card span{font-size:11px;color:#a5adbf}.spinner{width:17px;height:17px;border:2px solid #6d658e;border-top-color:#d0c6ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.stage-footer{height:38px;border-top:1px solid #292d3a;display:flex;align-items:center;justify-content:space-between;padding:0 23px;color:#838b9d;font-size:10px}.panel-header{display:flex;align-items:end;justify-content:space-between;margin:0 3px 21px}.panel-header h2{margin-top:8px}.panel-header em{font-style:normal;font-size:11px;color:#9c92ee;background:#302e4d;border-radius:12px;padding:2px 7px;margin-left:5px}.layer-list{flex:1;overflow:auto;min-height:200px}.layer-placeholder{color:#80889a;text-align:center;margin:80px 10px}.layer-placeholder span{font-size:45px;color:#5b6074}.layer-placeholder p{font-size:11px}.layer-row{display:flex;align-items:center;gap:10px;padding:9px 8px;margin-bottom:5px;border-radius:9px;background:#202534;border:1px solid transparent}.layer-row:hover,.layer-row.active{background:#2a2e49;border-color:#5e5a91}.layer-thumb{width:42px;height:42px;object-fit:contain;background:#343847;border-radius:6px;flex:none}.layer-meta{min-width:0;flex:1}.layer-meta strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-meta small{display:block;font-size:9px;color:#858da0;margin-top:4px}.layer-row button{border:0;background:none;color:#c4c6d3;padding:5px;font-size:16px}.layer-row button.off{color:#616b7e}.layer-row a{font-size:14px;color:#8e93a9}.export-panel{border-top:1px solid #2e3342;padding:19px 3px 2px}.export-btn{height:40px;margin-top:10px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#3f395e;color:#d8d1ff;font-size:12px;font-weight:700}.export-btn.disabled{opacity:.4;pointer-events:none}.export-panel p{font-size:10px;color:#838b9d;line-height:1.6}.footer{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 30px;background:#141823;border-top:1px solid #282c39;color:#798294;font-size:10px}.footer a{color:#a99fff}@media(max-width:1000px){.workspace{grid-template-columns:250px minmax(300px,1fr) 250px}.sidebar{padding:20px 14px}}@media(max-width:760px){.topbar{padding:0 15px}.topnote{display:none}.workspace{display:flex;flex-direction:column}.settings{border-right:0;border-bottom:1px solid #2a2e3d}.stage-area{min-height:560px}.layer-panel{border-left:0;border-top:1px solid #2a2e3d}.layer-list{max-height:330px}.footer{padding:10px 15px;line-height:1.6}.stage-footer span:last-child{display:none}}
.image-frame.has-layers{width:min(88%,650px);max-height:calc(100vh - 240px)}.image-frame.has-layers>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.auth-box{margin:-4px 0 18px;padding:12px;border:1px solid #394052;border-radius:9px;background:#1e2331}.auth-box summary{cursor:pointer;color:#c8c0ff;font-size:11px;font-weight:700}.auth-box label{display:block;margin:14px 0 7px;color:#bdc5d5;font-size:11px}.auth-box input{width:100%;height:35px;background:#171b26;color:#fff;border:1px solid #4b5168;border-radius:7px;padding:0 9px}.auth-box p{font-size:10px;line-height:1.6;color:#8c95a8}.auth-box a{color:#b5aaff;text-decoration:underline}
.raw-export{display:block;margin:12px 3px 2px;color:#b7adff;font-size:11px;text-decoration:underline;text-underline-offset:2px}