:root{color-scheme:dark;--pink:#edc2d5;--muted:#9f91ad;--line:#38303f;--fg:#f4eaf5}*{box-sizing:border-box}body{margin:0;background:#080a13;color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #edc2d5;outline-offset:5px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}main{min-height:100svh;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 37%,#2b1429 0,#171120 26%,#0a0c16 53%,#080a13 78%);display:flex;flex-direction:column}header{height:104px;padding:32px 56px;display:flex;align-items:center;justify-content:space-between;z-index:2}.brand{display:flex;gap:16px;align-items:center}.brand strong{font-size:25px;font-weight:500;letter-spacing:5px}.brand-icon{font-size:40px;color:#e8b9cc;font-weight:300}.brand-line{color:var(--muted);font-size:13px;letter-spacing:3px;border-left:1px solid #41334a;padding-left:22px;margin-left:4px}.preview-badge{color:#a492b1;font-size:12px;letter-spacing:2px;border:1px solid #35283c;border-radius:30px;padding:9px 16px}.stage{position:relative;height:calc(100svh - 428px);min-height:390px;max-height:770px;flex:1}.stage canvas{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none;cursor:grab}.stage canvas:active{cursor:grabbing}.aura{position:absolute;width:500px;height:500px;max-width:85vw;max-height:95%;left:50%;top:42%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#af336321,transparent 66%);border-radius:50%;pointer-events:none}.scene-meta{position:absolute;top:10px;left:58px;display:flex;gap:13px;align-items:center;color:#a798b5;font-size:12px;letter-spacing:1.5px;pointer-events:none}.live-dot{width:6px;height:6px;background:#e99abd;border-radius:50%;box-shadow:0 0 12px #ed83af}.slash{color:#51415d}.scene-side{position:absolute;right:60px;top:20px;bottom:50px;display:flex;flex-direction:column;align-items:center;gap:22px;pointer-events:none}.scene-side span:first-child{writing-mode:vertical-rl;font-size:12px;letter-spacing:5px;color:#82728f}.scene-side i{width:1px;flex:1;max-height:130px;background:linear-gradient(#66527155,transparent)}.scene-side span:last-child{font-size:11px;color:#857492;letter-spacing:2px}.scene-title{position:absolute;bottom:57px;left:24px;right:24px;text-align:center;pointer-events:none}.scene-title h1{font-family:"Songti SC",SimSun,serif;font-size:33px;font-weight:400;letter-spacing:12px;margin:0 0 12px 12px}.scene-title p{font-size:12px;letter-spacing:2px;color:#b6a5c3;margin:0}.scene-footer{position:absolute;bottom:14px;left:58px;right:58px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#93819f}.scene-footer b{font-weight:400;color:#5f496b;margin:0 9px}.scene-footer>div{display:flex;gap:8px}.scene-footer button{padding:8px 14px;border-radius:20px;background:#1e162588;border:1px solid #44324b;color:#d3bfdc;font-size:16px;min-height:35px}.scene-footer button span{font-size:12px;margin-left:6px}.composer{width:600px;max-width:calc(100% - 40px);margin:10px auto 0;padding:22px 24px 16px;border-radius:24px;border:1px solid #59405888;background:linear-gradient(125deg,#25202eea,#151520f2);box-shadow:0 14px 70px #0004;z-index:3}.composer-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.composer-heading h2{font-size:16px;font-weight:400;letter-spacing:.5px;margin:0}.composer-heading button{font-size:12px;color:#b8a4c4;background:none;padding:5px}.composer-heading button span{margin-left:8px;font-size:16px}form{border-radius:12px;background:#0d0d1688;border:1px solid #554258;display:flex;padding:5px;gap:6px}form input{border:0;background:none;min-width:0;flex:1;outline:none;padding:10px 14px;color:#fff;font-size:16px}form input::placeholder{color:#92809a}form:focus-within{border-color:#be86a5}.generate{color:#422638;background:#edc2d5;border-radius:8px;padding:12px 22px;font-size:14px;font-weight:600;white-space:nowrap}.generate span{margin-left:14px;font-size:20px}.generate:hover{background:#f8d8e6}.presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px}.preset{padding:8px 0;display:flex;align-items:center;flex-direction:column;gap:4px;color:#b3a1c0;background:transparent;border:1px solid transparent;border-radius:12px;font-size:12px;transition:background .2s,border-color .2s}.preset .symbol{font-size:27px;line-height:32px;font-family:Georgia,serif}.preset:hover{background:#322434}.preset.active{background:#392636;border-color:#7c4c6180;color:#ffd6e5}.bottom-note{border-top:1px solid #3a2c4255;padding-top:13px;margin-top:15px;display:flex;align-items:center;justify-content:center;gap:8px;color:#9c89a7;font-size:11px;letter-spacing:.5px}.bottom-note span{color:#e6bfd7;font-size:15px}.bottom-note i{font-style:normal;color:#63486c;margin:0 2px}footer{display:flex;justify-content:space-between;padding:24px 58px;color:#776981;font-size:11px;letter-spacing:1.5px}#notice{color:#e8cadd;line-height:1.65;font-size:14px;background:#2c1e2f;border:1px solid #51344f;border-radius:10px;padding:13px;margin:15px 0 0}#unknown-actions{display:flex;gap:12px;margin-top:12px}#unknown-actions button{font-size:14px;background:#46304a;color:#ecd5eb;padding:10px 14px;border-radius:8px}#unknown-actions button:last-child{background:none;color:#b4a0c2}#settings{margin-top:16px;padding-top:10px;border-top:1px solid var(--line)}.setting-line{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:14px;color:#c6b5d1}.swatches{display:flex;gap:16px}.swatch{width:24px;height:24px;padding:0;border:4px solid #1e1826;border-radius:50%}.swatch.active{box-shadow:0 0 0 1px #edc2d5}.setting-line input{width:65%;accent-color:#edc2d5}.setting-line button{background:none;color:#d1bddc;font-size:14px;padding:8px 0}#error{position:absolute;inset:30% 20% auto;z-index:4;background:#291f2d;border:1px solid #75425a;border-radius:18px;padding:24px;text-align:center;font-size:16px;line-height:1.7}
@media(min-width:1500px){.stage{min-height:490px}}@media(max-width:650px){header{height:92px;padding:23px 22px}.brand{gap:11px}.brand strong{font-size:23px}.brand-icon{font-size:35px}.brand-line{font-size:11px;letter-spacing:2px;padding-left:13px}.preview-badge{font-size:10px;padding:7px 9px;letter-spacing:0}.stage{min-height:370px;height:calc(100svh - 390px);max-height:none}.scene-meta{left:24px;top:0;font-size:11px;gap:9px}.scene-side{display:none}.scene-title{bottom:60px}.scene-title h1{font-size:29px}.scene-title p{font-size:11px;letter-spacing:1px}.scene-footer{left:24px;right:24px;bottom:10px;font-size:10px}.scene-footer button{padding:6px 11px}.composer{padding:18px 16px 14px;margin-top:5px;border-radius:20px;max-width:calc(100% - 28px)}.composer-heading h2{font-size:15px}.generate{padding:10px 15px}form input{font-size:16px;padding-left:10px}.presets{gap:4px;margin-top:12px}.preset{font-size:11px}.preset .symbol{font-size:24px}.bottom-note{font-size:10px;gap:5px;letter-spacing:0}footer{padding:18px 24px;font-size:10px}footer span:last-child{display:none}#error{inset:30% 20px auto}.aura{top:40%}}
@media(prefers-reduced-motion:reduce){.preset{transition:none}}