@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
body.embed{background:#090f16}body.embed .shell{padding:0;max-width:none}body.embed .topbar,body.embed .intro,body.embed .editor-panel,body.embed footer{display:none}body.embed .workspace{display:block}body.embed .stage-panel{border:0;border-radius:0;box-shadow:none}body.embed .panel-heading{height:36px;padding:0 12px}body.embed .transport{padding:10px 12px}body.embed .transport-hint{display:none}
:root{font-family:'DM Sans','Noto Sans SC',sans-serif;color:#eaf0f4;background:#090f16;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 82% 8%,#1a2b37 0%,transparent 34%),#090f16}button,textarea,select,input{font:inherit}.shell{max-width:1440px;margin:auto;padding:0 44px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28333c}.brand{font-weight:700;letter-spacing:.02em;display:flex;gap:12px;align-items:center}.brand-mark{color:#69e1cf;font-size:27px}.pill{border:1px solid #34525b;border-radius:100px;padding:8px 13px;font-size:12px;color:#9edbd3;background:#15282d}.intro{display:flex;align-items:end;justify-content:space-between;padding:44px 0 40px;gap:20px}.eyebrow{font-size:11px;letter-spacing:.25em;color:#6de1cf;font-weight:700;margin:0 0 12px}.intro h1{font-size:clamp(32px,3.5vw,52px);line-height:1.18;letter-spacing:-.04em;margin:0;font-weight:700}.intro h1 em{font-style:normal;color:#76ddce}.intro-copy{color:#a4b3bd;font-size:14px;line-height:1.8;max-width:560px;margin:15px 0 0}.intro-note{color:#a8c6c6;font-size:12px;white-space:nowrap;padding-bottom:7px}.note-dot,.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6be5d1;box-shadow:0 0 12px #6be5d1;margin-right:7px}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:22px}.stage-panel,.editor-panel{border:1px solid #2d3a44;border-radius:18px;background:#111b24;overflow:hidden;box-shadow:0 20px 55px #0003}.panel-heading{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px;font-weight:700;letter-spacing:.05em;color:#c6d6dd;border-bottom:1px solid #28363f}.status{font-weight:500;letter-spacing:0;color:#75dbc7}.stage{position:relative;aspect-ratio:16/9;background:#13202b;overflow:hidden}.stage-glow{position:absolute;inset:-30%;background:radial-gradient(circle at 50% 45%,#34566580,transparent 43%);pointer-events:none}.stage canvas{position:relative;width:100%;height:100%;display:block}.stage-caption{position:absolute;left:24px;top:20px;color:#e7f7f5;font-size:11px;font-weight:600;background:#08131aaa;border:1px solid #54747b77;padding:8px 10px;border-radius:100px;backdrop-filter:blur(6px)}.caption-rule{display:inline-block;height:10px;border-left:1px solid #748e92;margin:0 8px -1px}.subtitle{position:absolute;left:8%;right:8%;bottom:27px;text-align:center;color:white;text-shadow:0 2px 9px #000,0 1px 3px #000;font-size:clamp(13px,1.45vw,19px);font-weight:700;line-height:1.5;min-height:1.5em}.transport{display:flex;align-items:center;gap:10px;padding:18px 20px}.transport button{border:0;cursor:pointer;border-radius:10px;font-size:13px;font-weight:700;height:40px}.transport button:disabled{opacity:.35;cursor:default}.primary{background:#70dfcd;color:#06231f;padding:0 21px}.primary:hover{background:#a0efdf}.secondary{background:#24323c;color:#e1eaee;padding:0 17px}.transport-hint{font-size:11px;color:#7e939e;margin-left:auto;text-align:right}.editor-panel{padding-bottom:6px}.setting-count{color:#7d98a2;font-weight:500;letter-spacing:0}.field-block{padding:22px;border-bottom:1px solid #27343e}.field-block.last{border:0}.field-block>label{display:flex;align-items:center;gap:10px;color:#e6eef2;font-size:13px;font-weight:700;margin-bottom:15px}.step{font-size:10px;color:#70dfcd;border:1px solid #375b5d;background:#193437;padding:5px 7px;border-radius:6px}.image-row{display:flex;align-items:center;gap:14px;background:#182630;padding:10px;border:1px solid #35434a;border-radius:11px}.image-row img{height:74px;width:74px;object-fit:cover;border-radius:7px}.image-row strong,.image-row small{display:block}.image-row strong{font-size:12px;margin-bottom:4px}.image-row small{font-size:11px;color:#8299a5}.upload-button{display:inline-block;font-size:11px;color:#74dfcf;cursor:pointer;margin-top:11px;font-weight:700}.field-block textarea,.field-block select{width:100%;border:1px solid #35464e;border-radius:10px;background:#182630;color:#e5edf0;outline:0}.field-block textarea{padding:14px;line-height:1.65;resize:vertical;min-height:122px;font-size:13px}.field-block select{height:42px;padding:0 12px;font-size:12px}.field-block textarea:focus,.field-block select:focus{border-color:#69daca}.field-meta{display:flex;justify-content:space-between;gap:10px;margin-top:9px;color:#78919d;font-size:10px}.voice-controls{display:flex;align-items:center;gap:14px;margin-top:19px}.voice-controls label{font-size:11px;color:#a9bbc4;white-space:nowrap}.voice-controls output{color:#75dfce;margin-left:5px}.voice-controls input{width:100%;accent-color:#70dfcd}.field-help{font-size:10px;color:#78919d;line-height:1.6;margin:13px 0 0}footer{display:flex;justify-content:space-between;padding:26px 0;color:#647d89;font-size:11px}@media(max-width:950px){.shell{padding:0 20px}.workspace{grid-template-columns:1fr}.intro-note{display:none}}@media(max-width:560px){.shell{padding:0 13px}.topbar{height:62px}.intro{padding:34px 5px}.intro-copy{font-size:12px}.pill{font-size:10px}.transport{flex-wrap:wrap}.transport-hint{width:100%;margin:0;text-align:left}.field-block{padding:19px}footer{display:block;line-height:1.8}}
.source-link{margin:16px 0 0;color:#9eb1bb;font-size:13px}.source-link a{color:#a9ebd4}.source-link span{margin-left:8px}