:root{--ink:#29263f;--muted:#898697;--accent:#7857eb;--line:#eae7ef}*{box-sizing:border-box}body{margin:0;background:#f8f7fa;color:var(--ink);font-family:Arial,'Noto Sans KR',sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:transparent;color:inherit;transition:.2s}button:hover{filter:brightness(.95);transform:translateY(-1px)}button:focus-visible,a:focus-visible{outline:3px solid #b5a1ff;outline-offset:3px}header{height:88px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);letter-spacing:1px;font-weight:800}.brand>b{font-size:32px;background:var(--accent);color:white;border-radius:15px;padding:6px 12px}.brand em{font-size:11px;color:var(--accent);font-style:normal}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;color:var(--muted)}nav{display:flex;height:100%;gap:25px}nav button{border-bottom:3px solid transparent;padding:0 10px}nav button.active{border-color:var(--accent);color:var(--accent);font-weight:700}nav span{background:#f1edff;border-radius:5px;padding:2px 5px;margin-left:6px;font-size:11px}.outline{border:1px solid #ddd8e8;background:white;border-radius:10px;padding:12px 16px}.primary{background:var(--accent);color:white;border-radius:10px;padding:13px 19px;font-weight:700;box-shadow:0 5px 13px #7857eb20}main{max-width:1700px;padding:0 4%;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;padding:38px 0 30px}.eyebrow{font-size:10px;color:var(--accent);font-weight:800;letter-spacing:2px}h1{font-size:34px;letter-spacing:-1.5px;margin:13px 0 9px}p{line-height:1.65}.intro p{margin:0;color:var(--muted);font-size:13px}.version{font-size:13px;font-weight:700}.version span{display:block;color:#aaa4b9;font-size:9px;letter-spacing:1.4px;margin-top:10px}.workspace{display:grid;grid-template-columns:260px minmax(320px,1fr) 290px;gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:19px}.panelTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panelTitle h2{font-size:12px;color:var(--accent);margin:0}.panelTitle h2 span{font-size:15px;color:var(--ink);margin-left:7px}.panelTitle>span{font-size:10px;color:var(--muted)}input:not([type=range]):not([type=checkbox]),textarea,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 10px;color:var(--ink);background:#fbfafd;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important}textarea{resize:vertical}.chips{display:flex;gap:6px;overflow:auto;padding:13px 0 15px}.chips button{white-space:nowrap;font-size:11px;padding:7px 10px;border-radius:20px;background:#f7f5fa}.chips .active{background:var(--ink);color:white}.characters{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:480px;overflow:auto;padding:2px}.char{border:1px solid var(--line);border-radius:12px;padding:5px;background:#fcfbfd}.char.active{border:2px solid var(--accent);background:#f0ebff}.char img{width:100%;height:85px;object-fit:contain;mix-blend-mode:multiply}.char span{display:block;font-size:10px;padding:4px 0}.characterInfo{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.characterInfo b{font-size:13px}.characterInfo p{font-size:11px;color:var(--muted);margin:7px 0 0}.canvasHeader{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);letter-spacing:1px;margin:0 0 13px}.canvasHeader i{display:inline-block;width:6px;height:6px;background:#61be98;border-radius:50%;margin-right:5px}.canvasHeader button{font-size:10px;letter-spacing:0;padding:6px 8px;border-radius:5px}.canvasHeader .active{background:white;color:var(--accent)}.stage{height:455px;border:1px solid #e3d9ef;border-radius:20px;background:radial-gradient(ellipse at 70% 20%,#ffeff6,transparent 65%),linear-gradient(140deg,#e8e2fa,#f6f0ff);position:relative;overflow:hidden;isolation:isolate;transition:background .3s;--stageInk:#3d3158}.stage[data-theme=rose]{background:linear-gradient(135deg,#fbe1dd,#fff0ed)}.stage[data-theme=mint]{background:linear-gradient(135deg,#d6efe4,#f2fff8)}.stage[data-theme=night]{background:radial-gradient(ellipse at top,#343456,#151528);--stageInk:#f6f0ff}.stage.vertical{width: min(100%,320px);height:540px;margin:auto}.orb{position:absolute;border:1px solid #ffffff80;border-radius:50%;z-index:-1}.orb1{width:400px;height:400px;right:-120px;top:-190px}.orb2{width:300px;height:300px;left:-170px;bottom:-80px}.stageBrand{position:absolute;top:23px;left:25px;letter-spacing:2px;font-size:10px;color:var(--stageInk);opacity:.45}.stageBrand b{font-size:8px}#actor{position:absolute;left:50%;top:43%;width:145px;height:185px;transform:translate(-50%,-50%);z-index:3}#actor img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;transform-origin:bottom center}.stage[data-theme=night] #actor img{mix-blend-mode:normal}.shadow{position:absolute;width:80px;height:9px;filter:blur(5px);background:#65537c30;bottom:0;left:calc(50% - 40px);border-radius:50%;z-index:-1}.messageCard{position:absolute;left:50%;top:66%;transform:translate(-50%,-50%);text-align:center;width:88%;color:var(--stageInk)}.messageCard>span{font-size:8px;letter-spacing:2px;color:#9677c4;font-weight:800}.messageCard h2{font-size:23px;letter-spacing:-1px;margin:12px 0 7px;overflow-wrap:anywhere}.messageCard p{font-size:12px;white-space:pre-wrap;margin:0 auto;max-width:330px;overflow-wrap:anywhere}.messageCard a{display:inline-block;padding:9px 18px;margin-top:12px;background:white;color:#7654b4;border-radius:30px;text-decoration:none;font-size:11px}.messageCard a[hidden]{display:none}.stageFoot{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;gap:10px;color:var(--stageInk);opacity:.45;font-size:8px}.stageFoot span:last-child{font-size:7px;letter-spacing:1px}.transport{display:flex;align-items:center;gap:9px;padding:17px 0}.transport button{font-size:12px}.transport label{font-size:11px;color:var(--muted)}#playStatus{font-size:10px;color:var(--muted);margin-left:auto}.timeline{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);border-radius:13px;padding:16px 20px;gap:8px}.timeline div{display:grid;grid-template-columns:24px 1fr;gap:4px 7px}.timeline div>span{grid-row:span 2;border-radius:50%;background:#f2edff;color:var(--accent);width:23px;height:23px;display:grid;place-items:center;font-size:9px}.timeline b{font-size:11px}.timeline small{font-size:9px;color:var(--muted)}.timeline i{color:#d4ccdf;font-style:normal}.tip{font-size:11px;color:var(--muted);padding:17px 8px;line-height:1.8}.settings label{display:block;font-size:11px;font-weight:700;margin:0 0 14px}.settings label input,.settings label select,.settings label textarea{display:block;margin-top:7px;font-size:12px;font-weight:400}.divider{border-top:1px solid var(--line);margin:19px 0}.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:8px}.actions button{font-size:10px;border:1px solid var(--line);padding:9px 0;border-radius:7px}.actions .active{color:var(--accent);background:#f1edff;border-color:#baabf1}.rangeLabel output{float:right;color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.themes{display:flex;gap:9px;margin-top:9px}.themes button{width:30px;height:30px;border-radius:50%;background:#e5dafa;border:3px solid white;outline:1px solid #eee}.themes button[data-theme=rose]{background:#f6c8c0}.themes button[data-theme=mint]{background:#b8dfd1}.themes button[data-theme=night]{background:#292741}.themes .active{outline:2px solid var(--accent)}.wide{width:100%;margin-top:9px}.localNote{display:block;color:var(--muted);font-size:9px;line-height:1.7;margin-top:12px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:24px 0;margin-top:30px;color:#aaa4b7;font-size:10px}footer span:first-child{font-weight:800;letter-spacing:1px}.mobile{display:none}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:12px;padding:14px 22px;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:90%;text-align:center}#toast.visible{opacity:1}.shelfHead{display:flex;justify-content:space-between;margin:20px 0}#savedItems{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.savedCard{background:white;padding:22px;border-radius:18px;border:1px solid var(--line)}.savedCard img{height:140px;max-width:100%;object-fit:contain}.savedCard button{margin:10px 7px 0 0}.particle{position:absolute;left:50%;top:40%;pointer-events:none;color:#a080e0;font-size:19px}.viewMode header,.viewMode .intro,.viewMode aside,.viewMode .canvasHeader,.viewMode .timeline,.viewMode .tip,.viewMode footer{display:none}.viewMode .workspace{display:block;max-width:850px;margin:25px auto}.viewMode .stage{height:min(80vh,650px)}[hidden]{display:none!important}@media(min-width:1500px){.workspace{grid-template-columns:290px 1fr 310px}.stage{height:520px}.characters{max-height:570px}}@media(max-width:1150px){.workspace{grid-template-columns:210px 1fr}.settings{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:0 20px}.settings .panelTitle{grid-column:1/-1}.divider{display:none}.characters{grid-template-columns:repeat(2,1fr)}.version{display:none}}@media(max-width:700px){header{height:72px;padding:0 5%;gap:8px}.brand{font-size:12px;gap:7px}.brand>b{font-size:23px;padding:5px 9px}.brand small{font-size:7px}header>.outline{display:none}nav{gap:6px}nav button{font-size:11px;padding:0 4px}main{padding:0 5%}.intro{padding:26px 0}h1{font-size:29px}.intro p{font-size:11px}.workspace{display:flex;flex-direction:column}.center{width:100%;order:0}.library{width:100%;order:1}.settings{width:100%;order:2;display:block}.characters{grid-template-columns:repeat(6,1fr);max-height:230px}.char img{height:65px}.char span{font-size:9px}.stage{height:420px}.panelTitle{margin-bottom:14px}.characterInfo{display:none}.timeline{padding:14px 10px}.timeline b{font-size:10px}.timeline div{grid-template-columns:1fr}.timeline div>span{display:none}.transport{flex-wrap:wrap}.messageCard h2{font-size:21px}.stageFoot span:first-child{max-width:55%}footer span:nth-child(2){display:none}#savedItems{grid-template-columns:1fr}.mobile{display:block}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

#spriteCanvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.frameEditor{padding:12px;background:#f6f2ff;border-radius:10px;margin:12px 0}.frameEditor b{font-size:11px}.frameEditor p,.frameEditor small{font-size:10px;color:#827494}.frameEditor input{font-size:10px;width:100%}

.styleSelect{display:block;font-size:11px;color:var(--muted);margin-bottom:12px}.styleSelect select{margin-top:6px}#actor img,.char img{mix-blend-mode:normal}

.motionAvailable{font-size:10px;color:#7455b8;margin-top:8px}#frameNumber{float:right;font-variant-numeric:tabular-nums;font-weight:800;color:#7857eb}

.char.motion-ready{position:relative}.char.motion-ready::after{content:"▶";position:absolute;right:4px;top:4px;font-size:8px;color:#7857eb;background:#f1ebff;border-radius:20px;padding:2px 4px}
.flightStyle{padding:10px 12px;border-radius:12px;background:#f0edff;color:#5743a5;font-size:12px;line-height:1.6}.actions button[data-action="fly"]{grid-column:1/-1;font-size:12px;padding:10px}
.popupSignature{font-size:13px;font-style:italic;color:#76648f;margin:12px 0 8px;white-space:pre-wrap}.popupSignature:empty{display:none}#watermark{font-size:10px;color:inherit;text-decoration:none;opacity:.7;pointer-events:auto;letter-spacing:.8px;white-space:nowrap}#watermark:hover{opacity:1;text-decoration:underline}.stageFoot{z-index:8;pointer-events:none}.customActions{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.customActions button{border:1px solid #d9cfee;border-radius:8px;padding:7px 9px;background:#f7f2ff;font-size:11px}.customActions .active{background:#7857eb;color:white}dialog{border:1px solid #e9e2f2;border-radius:24px;box-shadow:0 28px 100px #2d1c4b44;padding:24px;color:var(--ink);max-height:92vh}dialog::backdrop{background:#211a3d88;backdrop-filter:blur(5px)}.workshop{width:min(1080px,94vw)}.workshopHead{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.workshopHead h2{font-size:22px;margin:5px 0}.workshopHead small{font-size:10px;letter-spacing:2px;color:#8763ce}.workshopBody{display:grid;grid-template-columns:1.15fr 1fr;gap:28px}.rigView{background:linear-gradient(140deg,#f2eafb,#fbf8fc);border-radius:18px;padding:18px;align-self:start}.rigView>span{font-size:12px;color:#7352ad}#rigCanvas{width:100%;max-height:490px;object-fit:contain;touch-action:none;display:block}.rigView p,.engineControls p,.brandingDialog p{font-size:12px;line-height:1.7;color:#82798e}.rigToolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.rigToolbar label,.engineCheck{display:flex!important;align-items:center;gap:6px;font-size:12px!important}.rigToolbar input,.engineCheck input{width:auto!important}.engineControls{max-height:70vh;overflow:auto;padding:0 8px 12px}.engineControls label,.brandingDialog label{display:block;font-size:12px;margin:12px 0;color:#5d526e}.engineControls input:not([type=checkbox]),.engineControls select,.brandingDialog input{display:block;width:100%;margin-top:7px;border:1px solid #e7e0ed;padding:10px;border-radius:9px;background:#faf8fc}.engineRow{display:flex;gap:10px;align-items:end}.engineRow>label{flex:1}.engineRow>button{margin-bottom:12px;white-space:nowrap}.engineControls details{border:1px solid #eee6f4;border-radius:12px;padding:12px;margin:14px 0}.engineControls summary{cursor:pointer;font-size:12px;font-weight:bold}.engineControls small,.brandingDialog small{display:block;color:#95889f;font-size:10px;line-height:1.7;margin-top:12px}.engineControls .wide,.brandingDialog .wide{margin:8px 0}.keyframes{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.keyframes button{background:#eee5fb;padding:7px;border-radius:8px;font-size:11px}#engineStatus{min-height:24px;color:#6c46b3}.brandingDialog{width:min(460px,94vw)}body.viewMode #openEngine,body.viewMode #openBranding{display:none}@media(max-width:760px){.workshopBody{grid-template-columns:1fr}.engineControls{max-height:none}.workshop{padding:16px}.workshopHead h2{font-size:18px}.rigView{padding:10px}#rigCanvas{max-height:320px}header{flex-wrap:wrap;height:auto;padding-top:15px;padding-bottom:15px}#openBranding{font-size:11px}.rigToolbar{flex-wrap:wrap}}
/* Compact character + contextual pickers, with an always-visible preview. */
.simpleHeader{height:64px;padding:0 28px;gap:20px}.simpleHeader .brand>b{font-size:24px;padding:4px 10px}.simpleHeader .brand small{font-size:8px}.simpleHeader nav{margin-left:auto;gap:18px}.simpleHeader .outline{padding:8px 11px;font-size:11px}main{padding:0 28px;max-width:1440px}.simpleIntro{padding:20px 0 16px;gap:20px}.simpleIntro h1{font-size:23px;margin:7px 0 0;letter-spacing:-.8px}.simpleIntro p{font-size:12px}.simpleWorkspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:22px;align-items:start}.flowControls{min-width:0;max-height:calc(100dvh - 158px);overflow:auto;padding:0 3px 10px 0;scrollbar-width:thin}.flowHeading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 12px;font-size:10px;color:#9a8ba9}.flowHeading b{font-weight:400;color:#80718d}.flowHeading span{white-space:nowrap}.stepCard{background:white;border:1px solid var(--line);border-radius:17px;margin-bottom:12px;overflow:hidden}.stepCard>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:13px 14px;font-size:13px;font-weight:700}.stepCard>summary::-webkit-details-marker{display:none}.stepCard>summary>b{font-size:10px;padding:5px;border-radius:7px;background:#f1eaff;color:var(--accent)}.stepCard>summary>small{font-size:10px;color:#967cba;margin-left:auto;font-weight:400}.stepCard>summary:after{content:'⌄';color:#afa1bf}.stepCard:not([open])>summary:after{content:'›'}.stepBody{padding:0 12px 12px}.simpleWorkspace .characters{grid-template-columns:repeat(5,minmax(0,1fr));max-height:224px;gap:5px;padding:2px}.simpleWorkspace .char{padding:3px;border-radius:10px;min-width:0}.simpleWorkspace .char img{height:54px}.simpleWorkspace .char span{font-size:9px;padding:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.simpleWorkspace .characterInfo{margin:9px 0 0;padding:8px 0 0}.simpleWorkspace .characterInfo b{font-size:11px}.simpleWorkspace .characterInfo p{display:none}.subSettings{margin-top:10px;border-top:1px solid #eee8f3;padding-top:9px}.subSettings>summary{font-size:10px;color:#94809e;cursor:pointer;list-style:none}.subSettings>summary:before{content:'+ ';color:#a389b8}.subSettings[open]>summary:before{content:'− '}.subSettings label,.popoverBody label{display:block;font-size:11px;font-weight:500;margin:10px 0 8px}.subSettings label select,.subSettings label input,.popoverBody label select,.popoverBody label input{margin-top:5px}.subSettings .chips{padding-bottom:0;flex-wrap:wrap}.compactRow{display:flex;align-items:center;gap:12px}.compactRow>label{flex:1;min-width:0}.compactRow .themes{margin-top:7px}.compactRow .themes button{width:24px;height:24px}.flowPickers{display:grid;gap:9px}.flowButton{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:15px;padding:13px;text-align:left;width:100%;min-height:69px}.flowButton>b{display:grid;place-items:center;width:29px;height:29px;background:#f4edff;color:#8a62c2;border-radius:9px;font-size:10px}.flowButton>span{font-size:13px;font-weight:700}.flowButton small{display:block;font-size:10px;font-weight:400;color:#a18bac;margin-top:4px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flowButton>i{font-style:normal;font-size:10px;color:#ae9fbb;margin-left:auto;white-space:nowrap}.flowButton[aria-expanded=true]{border-color:#af91d9;background:#faf7ff}.saveBar{display:grid;grid-template-columns:.75fr 1fr 1.4fr;gap:6px;margin-top:13px}.saveBar button{font-size:10px;padding:11px 5px;white-space:nowrap}.previewPanel{position:sticky;top:16px;border:1px solid var(--line);border-radius:22px;background:white;padding:17px;min-width:0}.simpleWorkspace .canvasHeader{margin-bottom:12px}.simpleWorkspace .stage{height:clamp(350px,calc(100dvh - 458px),560px);min-height:350px}.simpleWorkspace #actor{top:31%}.simpleWorkspace .transport{padding:14px 0;gap:8px}.simpleWorkspace .timeline{background:#faf8fc;border:0;padding:12px 14px}.previewHint{text-align:center;color:#a697af;font-size:10px;margin:12px 0 0}.simpleWorkspace .messageCard{top:67%;width:min(86%,470px);z-index:4}.simpleWorkspace .messageCard p{max-height:118px;overflow:auto}.simpleWorkspace.previewOnly{grid-template-columns:1fr}.simpleWorkspace.previewOnly .flowControls{display:none}.simpleWorkspace.previewOnly .previewPanel{width:min(100%,1100px);margin:auto}.simpleWorkspace .frameEditor{margin-top:10px;padding:10px}.selectionPopover{position:fixed;inset:auto;margin:0;border:1px solid #dfd1ed;border-radius:19px;padding:14px;box-shadow:0 18px 55px #3e245c35;color:var(--ink);width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);background:#fff;overflow:auto;scrollbar-width:thin}.selectionPopover::backdrop{background:transparent}.popoverHead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee6f4;margin-bottom:12px;padding-bottom:10px}.popoverHead h2{font-size:13px;margin:0;color:#755193}.popoverHead button{font-size:22px;color:#a68bb8;padding:0 4px}.popoverBody .actions{grid-template-columns:repeat(5,1fr);gap:4px;margin:0}.popoverBody .actions button[data-action=fly]{grid-column:auto;padding:11px 3px;font-size:11px}.popoverBody .actions button{font-size:10px;padding:11px 2px}.popoverBody .flightStyle{font-size:10px;padding:8px;line-height:1.5;margin:10px 0}.actionCharacter{display:flex;align-items:center;gap:12px;background:#f8f4fd;border-radius:12px;padding:7px 10px;margin-bottom:11px;font-size:12px}.actionCharacter img{width:45px;height:50px;object-fit:contain}.popoverDone{font-size:11px;padding:10px;margin-top:13px}.effectChoices{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.effectChoices button{border:1px solid #e9e1f0;border-radius:11px;padding:9px 2px;background:#fbf9fd}.effectChoices i{display:block;font-size:20px;line-height:1.3;font-style:normal}.effectChoices span{display:block;font-size:9px;margin-top:5px;white-space:nowrap}.effectChoices .active{border-color:#9c78c9;background:#f2eafd;box-shadow:0 0 0 1px #aa8ad733}.messageTemplateRow{display:flex;align-items:end;gap:10px;margin:8px 0}.messageTemplateRow label{flex:1;margin:0}.messageTemplateRow .quiet{font-size:10px;white-space:nowrap;padding:10px 0;color:#9673b4}.popoverBody textarea{margin-top:7px}.srOnly{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.simpleWorkspace+section[hidden]{display:none}footer{padding:15px 0;margin-top:18px;font-size:9px}.messageCard #badge{font-size:8px;letter-spacing:2px;color:#a586b7;font-weight:800}.messageContent{position:relative;z-index:2}.messageCard.effect-scroll{background:linear-gradient(90deg,#d9b47822,transparent 18%,#fff5d533 65%,#b6843d18),#fbefd2;border:1px solid #d6bb83;border-radius:3px;color:#644623;padding:22px 23px;box-shadow:0 9px 25px #76531920}.effect-scroll #badge{color:#ac8652}.effect-scroll h2{font-family:Georgia,'Noto Serif KR',serif;font-size:22px}.scrollRod{position:absolute;left:-12px;right:-12px;height:15px;border-radius:12px;background:linear-gradient(#f6e5b9,#b78a49 45%,#e6c894 65%,#9b743a);box-shadow:0 2px 5px #75531a38;z-index:4}.scrollRod.top{top:-8px}.scrollRod.bottom{bottom:-8px}.messageCard.effect-magic{background:radial-gradient(ellipse at top,#715397,#30213f);color:#fff4ff;padding:22px;border:1px solid #c4a7e4;border-radius:18px;box-shadow:0 0 35px #b987e43b}.effect-magic #badge{color:#eed5ff}.effect-magic h2{color:#ffecb5}.messageCard.effect-letter{background:#fffdf8;color:#6b5365;padding:23px;border:1px solid #efdcdf;border-radius:6px;box-shadow:0 12px 30px #7c536520}.messageCard.effect-burst{padding:22px;border-radius:20px;background:linear-gradient(135deg,#fff5e4,#fff0fb);border:1px solid #edd2ef;color:#6c3e78;box-shadow:0 10px 30px #9252a525}.messageCard.effect-bloom{padding:22px;border-radius:24px 8px;background:linear-gradient(135deg,#fff9fb,#f7f1ff);border:1px solid #efd9ea;color:#80536e}.messageCard.effect-fade{padding:20px;border-radius:15px;background:#ffffffa8;backdrop-filter:blur(7px);border:1px solid #ffffffbb}.messageDecor{position:absolute;pointer-events:none;z-index:6}.magicCircle{width:165px;height:165px;border:1px solid #d3b8ff;border-radius:50%;box-shadow:0 0 25px #b78aea,inset 0 0 25px #b78aea}.magicCircle:before{content:'✦ · ✧ · ✦ · ✧';position:absolute;inset:13px;border:1px dashed #ebd5ff;border-radius:50%;text-align:center;color:#f3dcff;font-size:17px;padding-top:15px}.impactRing{width:40px;height:40px;border:3px solid #ffcd6e;border-radius:50%;box-shadow:0 0 20px #ffe3b3}.confetti{width:7px;height:12px;border-radius:2px}.bloomPetal{width:95px;height:45px;border-radius:100%;transform-origin:left center;opacity:.75}.envelopeShell{width:270px;height:150px;border-radius:5px;background:#e7cbe7;box-shadow:0 12px 25px #8e5b7e30}.envelopeFront{position:absolute;inset:0;background:#f7dfec;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%)}.envelopeFlap{position:absolute;inset:0;background:#cfa8d4;clip-path:polygon(0 0,100% 0,50% 65%);transform-origin:top center}.selectionPopover .compactRow{align-items:center}.viewMode .flowControls{display:none}.viewMode .simpleWorkspace{display:block}.viewMode .previewPanel{background:transparent;border:0;padding:0}.viewMode .simpleWorkspace .stage{height:min(85dvh,650px)}.viewMode .previewHint{display:none}
@media(max-width:1000px){.simpleWorkspace{grid-template-columns:285px minmax(0,1fr);gap:14px}main{padding:0 18px}.simpleIntro p{display:none}.simpleWorkspace .characters{grid-template-columns:repeat(4,1fr)}.previewPanel{padding:12px}.simpleWorkspace .timeline{padding:10px}.simpleWorkspace .timeline b{font-size:10px}.simpleWorkspace .messageCard h2{font-size:20px}}
@media(max-width:760px){.simpleHeader{position:sticky;top:0;z-index:20;height:60px;flex-wrap:nowrap;padding:0 14px;gap:10px}.simpleHeader nav{gap:8px}.simpleHeader .headerTools button{display:block;font-size:0;padding:8px}.simpleHeader .headerTools button:before{content:'⚙';font-size:14px}.simpleIntro{padding:14px 0 12px}.simpleIntro h1{font-size:19px}.simpleIntro .eyebrow{font-size:8px}main{padding:0 12px}.simpleWorkspace{display:flex;flex-direction:column;gap:12px}.simpleWorkspace .previewPanel{order:0;position:sticky;top:60px;z-index:9;width:100%;padding:10px;background:#fff;box-shadow:0 5px 15px #79668712}.simpleWorkspace .stage{height:29dvh;min-height:220px;max-height:290px}.simpleWorkspace .stage.vertical{width:160px;height:250px;min-height:0}.simpleWorkspace #actor{width:90px;height:115px;top:29%}.simpleWorkspace .messageCard{top:69%;width:86%}.simpleWorkspace .messageCard h2{font-size:16px;margin:6px 0}.simpleWorkspace .messageCard p{font-size:10px;max-height:65px}.simpleWorkspace .messageCard.effect-scroll,.simpleWorkspace .messageCard.effect-letter,.simpleWorkspace .messageCard.effect-magic,.simpleWorkspace .messageCard.effect-burst,.simpleWorkspace .messageCard.effect-bloom,.simpleWorkspace .messageCard.effect-fade{padding:12px 15px}.simpleWorkspace .stageFoot{bottom:10px;left:14px;right:14px}.simpleWorkspace .stageFoot>span{display:none}.simpleWorkspace .stageFoot{justify-content:flex-end}.simpleWorkspace .canvasHeader{margin-bottom:7px}.simpleWorkspace .canvasHeader button{padding:4px;font-size:9px}.simpleWorkspace .transport{padding:9px 0 0;flex-wrap:nowrap;gap:6px}.simpleWorkspace .transport button{padding:9px 11px;font-size:10px}.simpleWorkspace .transport label{font-size:10px}.simpleWorkspace #playStatus{font-size:9px}.simpleWorkspace .timeline,.previewHint{display:none}.flowControls{order:1;width:100%;max-height:none;overflow:visible;padding:0}.simpleWorkspace .characters{grid-template-columns:repeat(6,1fr);max-height:166px}.simpleWorkspace .characterInfo{display:block}.flowHeading{margin-bottom:8px}.flowPickers{grid-template-columns:repeat(3,1fr);gap:6px}.flowButton{padding:10px 7px;gap:7px;min-height:72px}.flowButton>b{width:21px;height:24px;font-size:8px}.flowButton>span{font-size:11px}.flowButton small{font-size:9px;max-width:70px}.flowButton>i{display:none}.saveBar{margin-top:10px}.selectionPopover{max-height:58dvh;z-index:30}.simpleWorkspace.previewOnly .previewPanel{position:relative;top:0}.simpleWorkspace.previewOnly .stage{height:70dvh;max-height:none}.simpleWorkspace.previewOnly #actor{width:145px;height:185px}.simpleWorkspace.previewOnly .messageCard h2{font-size:23px}.simpleWorkspace.previewOnly .messageCard p{font-size:12px;max-height:150px}footer{margin-top:16px}.popupSignature{font-size:11px;margin:6px 0}.messageCard a{font-size:10px;padding:6px 12px;margin-top:6px}}