:root{--cream: #fff8ea;--cream-2: #fffdf7;--navy: #233047;--blue: #39a9ff;--yellow: #ffd447;--coral: #ff6b6b;--green: #65ce87;--purple: #9b7bee;--white: #ffffff;--muted: #6d778c;--line: 3px solid var(--navy);--shadow: 0 6px 0 var(--navy);--radius: 20px;--radius-card: 22px;--radius-panel: 28px;--font: "Trebuchet MS", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--cream);color:var(--navy);font-family:var(--font);font-size:17px;line-height:1.4;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.02em}h2{font-size:24px;line-height:1.1}h3{font-size:19px}img{max-width:100%}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:var(--yellow)}:focus-visible{outline:3px dashed var(--purple);outline-offset:4px}.ui-icon{display:inline-block;object-fit:contain;flex:none}.brand-logo{width:auto;max-width:100%;object-fit:contain}.app-loading,.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:32px}.app-loading img,.not-found img{width:96px;height:96px;animation:bob 1.2s ease-in-out infinite alternate}@keyframes bob{to{transform:translateY(-8px) rotate(2deg)}}.muted{color:var(--muted)}.small-text{font-size:14px}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.grow{flex:1}.with-gap{margin-top:26px}.page-pad{padding:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:10px 20px;border:var(--line);border-radius:var(--radius);background:var(--cream);color:var(--navy);font-weight:900;font-size:17px;text-decoration:none;cursor:pointer;box-shadow:var(--shadow);transition:transform 90ms ease,box-shadow 90ms ease,background .12s ease;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px)}.btn:active,.btn.active{transform:translateY(4px);box-shadow:0 2px 0 var(--navy)}.btn:disabled{opacity:.48;cursor:default;transform:none;box-shadow:0 4px 0 var(--navy)}.btn-green{background:var(--green)}.btn-blue{background:var(--blue)}.btn-yellow{background:var(--yellow)}.btn-coral{background:var(--coral)}.btn-purple{background:var(--purple)}.btn-cream{background:var(--cream)}.btn-small{min-height:48px;padding:7px 14px;font-size:16px;border-radius:16px;box-shadow:0 4px 0 var(--navy)}.btn-tiny{min-height:40px;padding:4px 11px;font-size:14px;border-radius:13px;box-shadow:0 3px 0 var(--navy);gap:6px}.btn-hero{min-height:62px;padding:14px 28px;font-size:19px}.btn-icon{width:22px;height:22px;object-fit:contain;flex:none}.btn-save-character{min-height:64px;padding:12px 24px;font-size:19px}.btn.active{background:var(--yellow)}.btn.danger,.mini-action.danger{color:var(--navy)}.icon-btn{width:56px;height:56px;min-width:56px;border:var(--line);border-radius:18px;background:var(--cream);display:inline-grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 4px 0 var(--navy);transition:transform 90ms ease,box-shadow 90ms ease}.icon-btn img{width:30px;height:30px;object-fit:contain}.icon-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--navy)}.icon-btn.green{background:var(--green)}.icon-btn.blue{background:var(--blue)}.icon-btn.yellow{background:var(--yellow)}.icon-btn.tiny{width:40px;height:40px;min-width:40px;border-width:2px;border-radius:12px;box-shadow:0 2px 0 var(--navy)}.icon-btn.tiny img{width:21px;height:21px}.icon-btn.small{width:48px;height:48px;min-width:48px}.icon-btn:disabled{opacity:.4;cursor:default}.link-btn{border:0;background:transparent;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;font-weight:800;cursor:pointer;min-height:44px}.pill{display:inline-flex;align-items:center;border:2px solid var(--navy);border-radius:999px;background:var(--cream-2);padding:2px 10px;font-size:13px;font-weight:900;white-space:nowrap}.tiny-pill{padding:0 7px;font-size:11px}.panel{background:var(--cream);border:var(--line);border-radius:var(--radius-panel);padding:20px}.field{display:flex;flex-direction:column;gap:7px;font-weight:800;font-size:15px}.field input,.field select,.attach-form select,.effect-form select,.inline-rename input,.add-layer-form input,.friend-create-form input{min-height:52px;border:var(--line);border-radius:14px;background:var(--cream-2);padding:9px 13px;font-weight:700;font-size:17px;width:100%}.field input[type=range]{min-height:40px;padding:0;border:0;background:transparent;accent-color:var(--purple)}.field small{color:var(--muted);font-weight:600;font-size:13px}.compact-field{font-size:14px}.check-row{display:flex;align-items:flex-start;gap:10px;font-weight:700;font-size:15px;line-height:1.35}.check-row input{width:24px;height:24px;min-width:24px;margin-top:2px;accent-color:var(--green)}.form-error{background:#ffe1e1;border:2px solid var(--navy);border-radius:12px;padding:10px 14px;font-weight:700;color:#7d1c1c}.modal-lead{font-size:17px;margin-bottom:16px}.toast-stack{position:fixed;z-index:300;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;width:min(620px,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;background:var(--cream-2);border:var(--line);border-radius:18px;box-shadow:0 6px 0 var(--navy);padding:12px 16px;font-weight:800;animation:toast-in .16s ease-out}.toast-success{background:#e1f8e8}.toast-error{background:#ffe1e1}.toast span{flex:1}.toast-action{border:2px solid var(--navy);border-radius:12px;background:var(--yellow);padding:8px 12px;font-weight:900;cursor:pointer}.toast-close{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;min-width:32px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#23304773;display:grid;place-items:center;padding:24px;overflow-y:auto}.modal{width:min(620px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:var(--cream);box-shadow:0 10px 0 var(--navy);animation:modal-in .16s ease-out}.modal-wide{width:min(980px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:22px;padding-top:18px;border-top:2px dashed rgba(35,48,71,.2)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.99)}}.app-header{min-height:84px;display:flex;align-items:center;gap:14px;padding:10px clamp(14px,3vw,34px);background:var(--cream);border-bottom:var(--line);position:sticky;top:0;z-index:80}.header-brand img{height:54px;width:auto;display:block}.header-spacer{flex:1}.header-user{display:flex;align-items:center;gap:10px;min-width:0}.header-user .nickname{font-weight:900;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:46px;height:46px;border:var(--line);border-radius:50%;object-fit:contain;background:var(--yellow)}.header-back{white-space:nowrap}.welcome-page{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(circle at 8% 12%,rgba(255,212,71,.22),transparent 24%),radial-gradient(circle at 92% 20%,rgba(57,169,255,.16),transparent 26%),var(--cream)}.welcome-collage{position:absolute;inset:0;pointer-events:none}.collage-friend{position:absolute;height:150px;width:auto;opacity:.82;filter:drop-shadow(0 6px 0 rgba(35,48,71,.12));animation:float 3.6s ease-in-out infinite alternate}.collage-friend.f1{left:4%;top:18%;transform:rotate(-8deg)}.collage-friend.f2{right:4%;top:12%;transform:rotate(7deg);animation-delay:.4s}.collage-friend.f3{left:8%;bottom:10%;height:125px;transform:rotate(5deg);animation-delay:.8s}.collage-friend.f4{right:7%;bottom:12%;height:125px;transform:rotate(-5deg);animation-delay:1.1s}@keyframes float{to{translate:0 -10px}}.welcome-hero{width:min(980px,calc(100% - 32px));margin:0 auto;padding:clamp(28px,5vw,64px) 0 40px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;flex:1}.welcome-hero .brand-logo{height:clamp(120px,18vw,220px)}.welcome-lead{font-size:clamp(19px,2.5vw,27px);font-weight:800;max-width:720px;margin:20px auto 28px}.welcome-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:100%}.choice-card{min-height:180px;border:var(--line);border-radius:var(--radius-card);padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--navy);font-weight:900;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease}.choice-card:hover{transform:translateY(-4px) rotate(-.5deg)}.choice-card img{width:62px;height:62px}.choice-card span{font-size:24px}.choice-card small{font-size:15px;font-weight:700}.choice-movie{background:var(--yellow)}.choice-character{background:#d8c9ff}.choice-stuff{background:#bfe6ff}.welcome-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;justify-content:center}.welcome-actions.compact{margin-top:12px}.welcome-note{margin-top:18px;max-width:650px;color:var(--muted);font-weight:600;font-size:14px}.welcome-footer{border-top:2px dashed rgba(35,48,71,.22);padding:14px clamp(16px,4vw,42px);display:flex;justify-content:space-between;gap:16px;font-size:13px;font-weight:800;color:var(--muted);position:relative;z-index:2}.auth-card{width:min(560px,100%);text-align:left;display:flex;flex-direction:column;gap:15px;margin-top:12px}.auth-card label:not(.check-row){display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:15px}.auth-card label:not(.check-row) input{width:100%;min-height:52px;border:var(--line);border-radius:14px;background:var(--cream-2);padding:9px 13px;font-weight:700;font-size:17px}.auth-card label small{color:var(--muted);font-weight:600;font-size:13px}.auth-card .check-row{flex-direction:row}.auth-card h1{font-size:36px}.auth-explain{color:var(--muted);font-weight:600}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.avatar-field{border:0;padding:0}.avatar-field legend{font-weight:900;margin-bottom:8px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.avatar-choice{border:2px solid transparent;background:var(--cream-2);border-radius:14px;cursor:pointer;min-height:60px;padding:2px}.avatar-choice img{width:54px;height:60px;object-fit:contain}.avatar-choice.selected{border-color:var(--navy);background:var(--yellow)}.recovery-card{align-items:center;text-align:center}.recovery-code{font-size:clamp(24px,5vw,40px);font-weight:900;letter-spacing:.08em;background:var(--yellow);border:var(--line);border-radius:16px;padding:12px 20px;word-break:break-word}.mascot{width:98px;height:98px}.home-page{min-height:100vh}.home-main{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:26px 0 110px}.home-greeting{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#fffdf7,#fff3cf);border:var(--line);border-radius:var(--radius-panel);padding:clamp(20px,3vw,34px);box-shadow:var(--shadow);margin-bottom:22px}.home-greeting h1{font-size:clamp(34px,5vw,52px)}.home-greeting p{font-weight:700}.greeting-buddy{height:160px;width:auto;transform:rotate(4deg)}.home-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.home-choice{display:flex;align-items:center;gap:16px;border:var(--line);border-radius:var(--radius-card);padding:20px;min-height:118px;color:var(--navy);text-decoration:none;font-weight:900;text-align:left;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s ease}.home-choice:hover{transform:translateY(-3px)}.home-choice-icon{width:66px;height:66px;min-width:66px;border:var(--line);border-radius:20px;background:#ffffff73;display:grid;place-items:center}.home-choice-icon img{width:42px;height:42px}.home-choice-copy{display:flex;flex-direction:column;gap:4px}.home-choice-copy strong{font-size:24px}.home-choice-copy small{font-size:14px;font-weight:700;line-height:1.3}.make-movie{background:var(--yellow)}.make-character{background:#d9ccff}.my-stuff-choice{background:#c5e9ff}.home-stuff{scroll-margin-top:110px}.stuff-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.stuff-tab{min-height:52px;border:var(--line);border-radius:16px;background:var(--cream);padding:8px 16px;font-weight:900;font-size:17px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 3px 0 var(--navy)}.stuff-tab.active{background:var(--yellow)}.tab-count{background:var(--navy);color:var(--cream);border-radius:999px;min-width:26px;height:26px;display:inline-grid;place-items:center;font-size:13px}.stuff-tab-spacer{flex:1}.project-grid,.character-grid,.parts-grid,.share-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.project-card,.character-card,.part-card,.share-card{background:var(--cream-2);border:var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.card-open,.character-open,.part-open,.share-open{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;flex:1;color:inherit}.project-thumb{position:relative;aspect-ratio:16 / 9;background:#bfe6ff;border-bottom:var(--line);overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-fallback{height:100%;display:grid;place-items:center;background:#c5e9ff}.thumb-fallback img{width:92px;height:92px;object-fit:contain}.play-badge{position:absolute;right:12px;bottom:12px;width:54px;height:54px;border:var(--line);border-radius:50%;background:var(--green);display:grid;place-items:center;box-shadow:0 3px 0 var(--navy)}.play-badge img{width:26px;height:26px}.play-badge.small{width:40px;height:40px;right:8px;bottom:8px}.play-badge.small img{width:20px;height:20px}.project-meta{padding:13px 15px 15px}.project-meta h3{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-meta p,.character-open p,.part-open p,.share-open p{color:var(--muted);font-size:14px;font-weight:700;margin-top:3px}.card-actions{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px 10px;border-top:2px dashed rgba(35,48,71,.16)}.mini-action{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;min-height:42px;padding:5px 7px;border-radius:9px;font-size:13px;font-weight:800;cursor:pointer}.mini-action:hover{background:#ffd44759}.mini-action.danger:hover{background:#ffe1e1}.character-thumb{aspect-ratio:4 / 5;background:#fff3cf;border-bottom:var(--line);display:grid;place-items:center;padding:12px}.character-thumb img{height:100%;width:100%;object-fit:contain}.character-open h3,.part-open h3,.share-open h3{padding:12px 14px 0;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-open p,.part-open p,.share-open p{padding:0 14px 12px}.part-thumb{aspect-ratio:1;background:var(--cream);border-bottom:var(--line);display:grid;place-items:center;padding:16px}.part-thumb img{width:70%;height:70%;object-fit:contain}.new-card{min-height:280px;border:3px dashed var(--navy);border-radius:var(--radius-card);background:#ffd44726;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-weight:900;font-size:20px;cursor:pointer}.new-card img{width:58px;height:58px}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:38px 20px}.empty-state img{width:86px;height:86px;object-fit:contain}.empty-state h3{font-size:26px}.empty-state p{color:var(--muted);max-width:430px;font-weight:600}.fab-new{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;gap:8px;border:var(--line);border-radius:999px;background:var(--green);min-height:64px;padding:10px 22px;font-weight:900;font-size:18px;box-shadow:var(--shadow);cursor:pointer}.section-title{margin:8px 0 14px}.share-area{display:flex;flex-direction:column}.share-thumb{aspect-ratio:16/9;border-bottom:var(--line);background:#c5e9ff}.share-thumb img{width:100%;height:100%;object-fit:cover}.share-card>.btn{margin:0 12px 14px}.share-list{display:flex;flex-direction:column;gap:10px}.share-row{display:flex;align-items:center;gap:14px;border:var(--line);border-radius:18px;background:var(--cream-2);padding:10px}.share-row-thumb{width:100px;height:62px;object-fit:cover;border:2px solid var(--navy);border-radius:10px;background:#c5e9ff}.share-row>div:nth-child(2){flex:1;min-width:0}.share-row p{color:var(--muted);font-size:14px;font-weight:700}.share-row-actions{display:flex;gap:8px;flex-wrap:wrap}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.template-card{border:var(--line);border-radius:18px;background:var(--cream-2);padding:10px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;box-shadow:0 3px 0 var(--navy)}.template-card.selected{background:#fff3bf;outline:3px solid var(--yellow);outline-offset:2px}.template-card strong{font-size:18px}.template-card small{font-size:13px;color:var(--muted);font-weight:600}.template-cover{aspect-ratio:16/9;border:2px solid var(--navy);border-radius:11px;overflow:hidden;position:relative}.template-cover img{width:100%;height:100%;object-fit:cover}.blank-cover{display:grid;place-items:center;background:#eaf8ff}.blank-cover img{width:54px;height:54px;object-fit:contain}.friends-page{min-height:100vh}.friends-main{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:28px 0 70px;display:flex;flex-direction:column;gap:22px}.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap}.page-title-row p{color:var(--muted);font-weight:600}.friends-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.friends-panel{display:flex;flex-direction:column;gap:12px}.inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.friend-create-form,.friends-groups{display:flex;flex-direction:column;gap:12px}.group-list{display:flex;flex-wrap:wrap;gap:10px}.group-pill{display:flex;align-items:center;gap:10px;border:var(--line);border-radius:16px;background:var(--cream-2);padding:8px 14px;text-align:left;cursor:pointer;min-height:64px}.group-pill.active{background:var(--yellow)}.group-pill span{display:flex;flex-direction:column}.group-pill small{color:var(--muted);font-weight:700}.group-detail{display:flex;flex-direction:column;gap:10px}.group-detail-head{display:flex;justify-content:space-between;gap:14px}.member-list{display:flex;flex-direction:column;gap:6px}.member-row{display:flex;align-items:center;gap:10px;padding:6px 0}.member-row strong{flex:1}.invite-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.invite-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.invite-row{display:flex;align-items:center;gap:12px;border:2px solid var(--navy);border-radius:14px;background:var(--cream-2);padding:10px 12px}.invite-row.inactive{opacity:.55}.invite-row>div{flex:1}.invite-row p{color:var(--muted);font-size:13px;font-weight:600}.invite-code{font-size:22px;letter-spacing:.08em}.editor-page{min-height:100vh;padding-bottom:34px}.editor-topbar{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:var(--line);background:var(--cream);flex-wrap:wrap}.editor-title-wrap{position:relative;flex:1;min-width:200px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.editor-title{min-width:160px;max-width:360px;width:100%;border:0;background:transparent;font-size:clamp(20px,2.2vw,30px);font-weight:900;padding:4px 8px;border-radius:10px}.editor-title:hover,.editor-title:focus{background:var(--cream-2);box-shadow:inset 0 0 0 2px #2330472e}.save-status{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:2px solid var(--navy);border-radius:999px;background:var(--cream-2);padding:3px 11px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}.save-dot{width:9px;height:9px;border-radius:50%;background:var(--muted)}.save-saved .save-dot{background:var(--green)}.save-saving .save-dot{background:var(--blue);animation:pulse .8s infinite alternate}.save-dirty .save-dot,.save-offline .save-dot{background:var(--yellow)}.save-error .save-dot,.save-conflict .save-dot{background:var(--coral)}@keyframes pulse{to{opacity:.3}}.save-popover{position:absolute;top:68px;left:0;z-index:120;width:min(380px,90vw);background:var(--cream-2);border:var(--line);border-radius:18px;box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:9px;font-size:14px}.topbar-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.topbar-play{min-width:108px}.topbar-play.playing{background:var(--yellow)}.recovery-banner,.update-banner{display:flex;align-items:center;gap:12px;margin:12px 14px 0;padding:10px 14px;border:var(--line);border-radius:18px;background:#fff3bf;box-shadow:0 4px 0 var(--navy);flex-wrap:wrap}.recovery-banner img,.update-banner img{width:54px;height:54px;object-fit:contain}.recovery-banner>div,.update-banner>div{flex:1;min-width:220px;display:flex;flex-direction:column}.recovery-banner span,.update-banner span{font-size:14px;color:var(--muted);font-weight:600}.update-banner{background:#e8ddff;margin:12px 14px 0}.editor-layout{display:grid;grid-template-columns:252px minmax(0,1fr) 344px;gap:14px;padding:14px 14px 0;align-items:start}.editor-layout.phone{grid-template-columns:1fr;padding:10px}.stage-column{min-width:0;display:flex;flex-direction:column;gap:12px}.stage-wrap{position:relative}.stage-shell{position:relative;border:var(--line);border-radius:var(--radius-panel);overflow:hidden;background:var(--cream-2);box-shadow:0 8px 0 var(--navy)}.stage-canvas{width:100%;height:auto;aspect-ratio:16 / 9;display:block;touch-action:none;cursor:crosshair;background:#bfe6ff}.stage-badge{position:absolute;top:12px;left:12px;background:#fff8eaf0;border:2px solid var(--navy);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:900;pointer-events:none}.stage-tip{position:absolute;left:50%;bottom:14px;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--cream-2);border:var(--line);border-radius:16px;padding:8px 10px;box-shadow:0 4px 0 var(--navy);max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}.stage-tip img{width:34px;height:34px}.stage-tip span{font-weight:800;font-size:14px}.first-hint{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:10px;max-width:440px;background:var(--cream-2);border:var(--line);border-radius:18px;padding:9px 10px;box-shadow:0 4px 0 var(--navy)}.first-hint>img{width:52px;height:52px;object-fit:contain}.first-hint>div{display:flex;flex-direction:column;font-size:13px;font-weight:700}.first-hint strong{font-size:16px}.first-hint .btn{min-height:46px;padding:5px 10px;font-size:14px}.asset-tray{padding:12px;max-height:calc(100vh - 98px);overflow:hidden;display:flex;flex-direction:column;position:sticky;top:92px}.tray-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px}.tray-tab{min-height:52px;border:2px solid var(--navy);border-radius:12px;background:var(--cream-2);display:flex;align-items:center;gap:5px;font-size:13px;font-weight:900;padding:5px;cursor:pointer}.tray-tab.active{background:var(--yellow)}.tray-scroll{overflow-y:auto;min-height:0;padding-right:3px}.tray-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0}.tray-heading h2{font-size:17px}.tray-hint,.tray-empty{font-size:13px;color:var(--muted);font-weight:600;margin-bottom:8px}.tray-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.tray-card{border:2px solid var(--navy);border-radius:13px;background:var(--cream-2);padding:4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;min-height:80px;box-shadow:0 2px 0 var(--navy);position:relative}.tray-card:hover{background:#fff3bf}.tray-card img{width:100%;height:58px;object-fit:contain}.tray-card span{font-size:11px;font-weight:800;line-height:1.1;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.character-tray-card img{height:72px}.place-card img{height:54px;object-fit:cover;border-radius:8px}.place-card.selected{background:var(--yellow)}.chosen-dot{position:absolute;top:2px;right:4px;background:var(--green);border:2px solid var(--navy);border-radius:50%;width:19px;height:19px;font-size:11px;display:grid;place-items:center}.prop-card img{height:54px}.tray-footer{margin-top:8px;padding-top:8px;border-top:2px dashed rgba(35,48,71,.18);font-size:11px;color:var(--muted);font-weight:700}.right-rail{display:flex;flex-direction:column;gap:12px;position:sticky;top:92px;max-height:calc(100vh - 108px);overflow-y:auto;padding-bottom:20px}.action-panel,.object-panel{padding:15px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:7px}.actor-pill{border:2px solid var(--navy);border-radius:999px;background:var(--yellow);padding:2px 9px;font-size:12px;font-weight:900}.what-next{background:#e7f9ed;border:2px solid var(--navy);border-radius:12px;padding:8px 10px;margin:8px 0;display:flex;flex-direction:column;font-size:13px}.move-setup{border:2px dashed var(--navy);border-radius:14px;background:#fffbe8;padding:11px;margin:9px 0}.move-setup h3{font-size:20px}.move-setup p{font-size:13px;color:var(--muted);font-weight:600;margin:3px 0 8px}.speed-row{display:flex;gap:5px}.speed-btn{flex:1;min-height:48px;border:2px solid var(--navy);border-radius:11px;background:var(--cream);font-weight:900;font-size:14px;cursor:pointer}.speed-btn.active{background:var(--yellow)}.move-actions{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.action-card{min-height:78px;border:2px solid var(--navy);border-radius:14px;background:#efe7ff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 2px 0 var(--navy);padding:4px}.action-card img{width:38px;height:38px;object-fit:contain}.action-card.selected{background:var(--yellow);transform:translateY(2px)}.action-preview-box{margin-top:10px;border:var(--line);border-radius:16px;background:var(--cream-2);overflow:hidden}.action-preview-canvas{width:100%;height:auto;display:block;border-bottom:2px solid var(--navy);aspect-ratio:3 / 2}.preview-copy{padding:10px;display:flex;flex-direction:column;gap:6px}.preview-copy p{font-size:13px;color:var(--muted);font-weight:600}.append-note{font-size:12px;color:var(--muted);font-weight:600;margin-top:7px}.clip-editor{border-top:2px dashed rgba(35,48,71,.2);padding-top:10px;margin-top:10px}.clip-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.duration-buttons{display:flex;gap:5px;margin:7px 0}.duration-buttons .btn{flex:1;padding:5px}.selected-actor-time{display:flex;justify-content:space-between;gap:8px;padding-top:8px;margin-top:8px;border-top:2px dashed rgba(35,48,71,.16);font-size:12px;color:var(--muted);font-weight:700}.empty-action{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 8px;gap:8px}.empty-action img{width:64px;height:64px}.empty-action p{font-size:14px;color:var(--muted);font-weight:600}.object-action{display:flex;flex-direction:column;gap:8px;margin:8px 0;font-size:14px;font-weight:600}.tip-card{display:flex;align-items:center;gap:10px;background:#fff3bf;border:2px solid var(--navy);border-radius:12px;padding:8px 10px;font-size:13px;font-weight:700}.tip-card img{width:40px;height:40px}.object-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0}.tool-btn{min-height:68px;border:2px solid var(--navy);border-radius:12px;background:var(--cream-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:900;cursor:pointer;padding:3px}.tool-btn.active{background:var(--yellow)}.tool-btn:disabled{opacity:.45}.object-sliders{display:flex;flex-direction:column;gap:7px;margin:8px 0}.attach-section,.effect-section{border-top:2px dashed rgba(35,48,71,.16);padding-top:9px;margin-top:9px;display:flex;flex-direction:column;gap:7px}.attach-section h3,.effect-section h3{font-size:16px}.attached-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:600}.attach-form{display:flex;flex-direction:column;gap:7px}.slot-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px}.slot-buttons .btn.active{background:var(--yellow)}.effect-form{display:flex;gap:6px}.effect-form select{flex:1;min-height:48px}.effect-row{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px;font-weight:700}.filmstrip{margin:14px 14px 0;padding:15px}.filmstrip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.filmstrip-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.movie-length{font-size:13px;color:var(--muted);font-weight:800}.scene-strip{display:flex;gap:10px;overflow-x:auto;padding:4px 4px 12px;align-items:flex-start}.scene-strip-item{display:flex;align-items:center;gap:8px;flex:none}.scene-card{width:220px;border:var(--line);border-radius:18px;background:var(--cream-2);box-shadow:0 4px 0 var(--navy);overflow:hidden;flex:none}.scene-card.selected{outline:4px solid var(--yellow);outline-offset:0}.scene-thumb{position:relative;display:block;border:0;padding:0;width:100%;aspect-ratio:16/9;background:#c5e9ff;cursor:pointer;border-bottom:2px solid var(--navy)}.scene-thumb img{width:100%;height:100%;object-fit:cover;display:block}.scene-number{position:absolute;left:7px;top:7px;background:var(--yellow);border:2px solid var(--navy);border-radius:999px;width:27px;height:27px;display:grid;place-items:center;font-size:13px;font-weight:900}.scene-length{position:absolute;right:7px;bottom:6px;background:#fff8eaf0;border:2px solid var(--navy);border-radius:999px;padding:0 7px;font-size:11px;font-weight:900}.scene-card-foot{display:flex;align-items:center;gap:5px;padding:6px 7px}.scene-name{flex:1;border:0;background:transparent;text-align:left;font-size:13px;font-weight:900;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-mini-actions{display:flex;gap:2px}.transition-chip{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:900;color:var(--muted)}.transition-chip select{min-height:38px;border:2px solid var(--navy);border-radius:10px;background:var(--cream-2);font-size:12px;font-weight:800;padding:2px}.add-scene-card{width:130px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-style:dashed;background:#ffd44726;cursor:pointer;font-size:14px;font-weight:900}.add-scene-card img{width:38px;height:38px}.scene-tools-row{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:2px}.scene-actions,.scrub-row,.draw-heading-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.duration-inline{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800}.duration-inline select{min-height:42px;border:2px solid var(--navy);border-radius:10px;background:var(--cream-2);font-weight:800;padding:3px 5px}.scrub-row{flex:1;min-width:260px}.scrubber{flex:1;min-width:100px;accent-color:var(--yellow);height:26px}.playhead-time{font-size:12px;font-weight:800;color:var(--muted);white-space:nowrap}.action-cards-row{display:flex;gap:7px;overflow-x:auto;padding:9px 2px 3px;border-top:2px dashed rgba(35,48,71,.16);margin-top:8px;min-height:64px;align-items:center}.action-card-mini{display:flex;align-items:center;gap:6px;border:2px solid var(--navy);border-radius:12px;background:#efe7ff;min-height:54px;padding:4px 10px 4px 5px;cursor:pointer;text-align:left;flex:none}.action-card-mini.selected{background:var(--yellow)}.action-card-mini span{display:flex;flex-direction:column;font-size:12px;line-height:1.1}.action-card-mini strong{font-size:14px}.action-card-mini small{color:var(--muted);font-weight:700}.pose-card-mini{background:#dff8e7}.action-empty{font-size:13px;padding:0 8px}.advanced-timeline{border-top:2px dashed rgba(35,48,71,.2);margin-top:10px;padding-top:8px}.advanced-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.zoom-control{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800}.zoom-control input{width:130px;accent-color:var(--purple)}.track-scroll{overflow-x:auto;display:flex;flex-direction:column;gap:5px;padding:6px 0}.track-row{display:flex;align-items:center;gap:6px}.track-name{width:120px;min-width:120px;display:flex;align-items:center;gap:5px;border:2px solid var(--navy);border-radius:9px;background:var(--cream-2);padding:2px 5px;font-size:11px;font-weight:900;cursor:pointer;text-align:left}.track-name img{width:26px;height:26px;object-fit:contain}.track-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-lane{position:relative;height:40px;border:2px solid var(--navy);border-radius:9px;background:#ffffff73;flex:none;min-width:360px}.track-line{position:absolute;left:0;right:0;top:50%;border-top:1px dashed rgba(35,48,71,.16)}.clip-bar{position:absolute;top:6px;height:26px;border:2px solid var(--navy);border-radius:7px;background:#d9ccff;font-size:10px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 5px;cursor:pointer}.clip-bar.selected{background:var(--yellow)}.clip-walk,.clip-run,.clip-move{background:#bfe6ff}.clip-wave,.clip-cheer,.clip-dance{background:#ffd9d9}.pose-diamond{position:absolute;top:4px;transform:translate(-50%);border:0;background:transparent;color:var(--purple);font-size:19px;line-height:1;cursor:pointer;padding:0}.playhead-line{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--coral);pointer-events:none}.more-tools{margin:12px 14px 0;padding:14px}.more-tools-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.more-tab{display:flex;align-items:center;gap:5px;border:2px solid var(--navy);border-radius:12px;background:var(--cream-2);min-height:48px;padding:4px 11px;font-size:13px;font-weight:900;cursor:pointer}.more-tab.active{background:var(--yellow)}.layers-view,.pose-view,.scene-settings,.versions-view{display:flex;flex-direction:column;gap:9px}.layer-background,.layer-group{border:2px solid var(--navy);border-radius:13px;background:var(--cream-2);padding:8px 10px}.layer-background{display:flex;align-items:center;gap:9px;background:#eaf8ff}.layer-background>div{flex:1;display:flex;flex-direction:column;font-size:13px}.layer-icon{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--navy);border-radius:9px;background:var(--cream)}.lock-tag{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--muted);font-weight:800}.layer-group-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.layer-group-head strong{font-size:15px}.layer-buttons{display:flex;gap:2px;margin-left:auto}.layer-objects{display:flex;flex-direction:column;gap:3px;margin-top:5px;padding-left:12px}.layer-object{display:flex;align-items:center;gap:3px;border:2px solid transparent;border-radius:9px;padding:2px 3px}.layer-object.selected{border-color:var(--navy);background:#fff3bf}.layer-select{flex:1;min-width:0;display:flex;align-items:center;gap:6px;border:0;background:transparent;font-size:12px;font-weight:800;text-align:left;cursor:pointer}.layer-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-obj-icon{width:27px;height:27px;display:grid;place-items:center;border:2px solid var(--navy);border-radius:7px;background:var(--cream);flex:none}.layer-obj-icon img{width:24px;height:24px;object-fit:contain}.inline-rename{display:flex;align-items:center;gap:4px}.inline-rename input{min-height:36px;max-width:150px}.add-layer-form{display:flex;gap:6px;align-items:center}.add-layer-form input{flex:1;min-height:48px}.pose-controls{display:flex;gap:6px;flex-wrap:wrap}.pose-mode-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;font-weight:800}.pose-list{display:flex;flex-direction:column;gap:4px;max-height:190px;overflow-y:auto}.pose-row{display:flex;justify-content:space-between;gap:8px;border:2px solid var(--navy);border-radius:9px;background:var(--cream-2);padding:4px 8px;font-size:12px;font-weight:800;cursor:pointer;text-align:left}.pose-row.selected{background:var(--yellow)}.pose-row small{color:var(--muted)}.scene-settings{max-width:620px}.scene-settings-actions{display:flex;gap:6px;flex-wrap:wrap}.versions-view{max-width:620px}.version-list{display:flex;flex-direction:column;gap:5px}.version-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border:2px solid var(--navy);border-radius:11px;background:var(--cream-2);padding:6px 9px}.version-row.current{background:#e7f9ed}.version-row>div{display:flex;flex-direction:column;font-size:13px}.version-row small{color:var(--muted)}.phone-title-row{padding:8px 10px 0}.phone-title-input{width:100%;min-height:48px;border:2px solid var(--navy);border-radius:13px;background:var(--cream-2);padding:6px 12px;font-size:20px;font-weight:900}.phone-playbar{display:flex;align-items:center;gap:7px;border:var(--line);border-radius:18px;background:var(--cream-2);padding:6px 8px;box-shadow:0 4px 0 var(--navy)}.phone-playbar input[type=range]{flex:1;accent-color:var(--yellow)}.phone-playbar span{font-size:12px;font-weight:900;min-width:38px;text-align:right}.phone-tray{display:flex;flex-direction:column;gap:10px}.phone-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.phone-tab{border:2px solid var(--navy);border-radius:13px;background:var(--cream-2);min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-weight:900;padding:3px;cursor:pointer}.phone-tab img{width:27px;height:27px}.phone-tab.active{background:var(--yellow)}.phone-action-stack{display:flex;flex-direction:column;gap:10px}.phone-pose-note{background:#e8ddff;border:2px solid var(--navy);border-radius:12px;padding:8px 11px;font-size:13px;font-weight:700}.phone-things,.phone-scenes{display:flex;flex-direction:column;gap:8px}.things-toggle{display:flex;gap:5px}.phone-scene-actions{display:flex;gap:6px;flex-wrap:wrap}.phone-scenes .filmstrip{margin:0}.phone-scenes .scene-card{width:190px}.phone-scenes .more-tools{margin:0}.add-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.add-menu-card,.choice-block,.draw-slot-card{border:var(--line);border-radius:16px;background:var(--cream-2);padding:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;cursor:pointer;min-height:120px;box-shadow:0 3px 0 var(--navy)}.add-menu-card img,.choice-block img,.draw-slot-card img{width:46px;height:46px;object-fit:contain}.add-menu-card strong,.choice-block strong,.draw-slot-card strong{font-size:18px}.add-menu-card small,.choice-block small,.draw-slot-card small{color:var(--muted);font-size:13px;font-weight:600}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.choice-block{min-height:160px}.creator-page{min-height:100vh;padding-bottom:40px}.creator-main{width:min(1460px,calc(100% - 24px));margin:0 auto;padding:20px 0 30px}.creator-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.creator-heading p{color:var(--muted);font-weight:600}.creator-heading-actions{display:flex;gap:6px;flex-wrap:wrap}.creator-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 360px;gap:12px;align-items:start}.creator-categories{padding:10px;display:flex;flex-direction:column;gap:7px;position:sticky;top:96px}.creator-mode-tabs{display:flex;flex-direction:column;gap:4px}.creator-mode{min-height:48px;border:2px solid var(--navy);border-radius:11px;background:var(--cream-2);display:flex;align-items:center;gap:6px;font-weight:900;font-size:13px;padding:4px 8px;cursor:pointer}.creator-mode.active{background:var(--yellow)}.creator-mode img{width:25px;height:25px;object-fit:contain}.creator-categories nav{display:flex;flex-direction:column;gap:4px;margin-top:5px}.category-btn{border:2px solid transparent;border-radius:11px;background:var(--cream-2);display:grid;grid-template-columns:30px 1fr;gap:5px;align-items:center;text-align:left;padding:4px 6px;cursor:pointer;min-height:48px}.category-btn img{width:28px;height:28px;grid-row:span 2;object-fit:contain}.category-btn span{font-size:14px;font-weight:900}.category-btn small{font-size:11px;color:var(--muted);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-btn.active{border-color:var(--navy);background:var(--yellow)}.draw-own-btn{margin-top:4px}.library-note{margin-top:auto;padding-top:8px;border-top:2px dashed rgba(35,48,71,.18);display:flex;align-items:baseline;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.library-note strong{font-size:22px;color:var(--navy)}.creator-stage{padding:12px;min-width:0}.creator-arrows{display:flex;align-items:center;justify-content:center;gap:8px}.big-arrow{width:68px;height:68px;min-width:68px;border:var(--line);border-radius:50%;background:var(--blue);display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 0 var(--navy)}.big-arrow img{width:40px;height:40px}.character-preview-wrap{position:relative;flex:1;min-width:0;max-width:500px;cursor:pointer;border-radius:18px}.character-preview-canvas{width:100%;height:auto;display:block;border-radius:18px}.preview-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--cream-2);border:2px solid var(--navy);border-radius:12px;padding:3px 10px;text-align:center;white-space:nowrap;min-width:140px}.preview-label span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900}.preview-label strong{display:block;font-size:14px;text-transform:capitalize}.creator-name-row{display:flex;align-items:flex-end;gap:10px;margin-top:10px;flex-wrap:wrap}.creator-save-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.save-message{font-size:12px;color:var(--muted);font-weight:800}.return-note{font-size:13px;margin-top:5px}.creator-picker{padding:13px;max-height:calc(100vh - 112px);overflow-y:auto;position:sticky;top:96px}.picker-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;margin-bottom:8px}.picker-head h2{font-size:20px;text-transform:capitalize}.side-toggle{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:8px;font-size:12px;font-weight:800}.side-toggle small{width:100%;color:var(--muted);font-weight:600;font-size:11px}.part-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.part-card{border:2px solid var(--navy);border-radius:11px;background:var(--cream-2);padding:3px;display:flex;flex-direction:column;align-items:center;gap:1px;min-height:82px;cursor:pointer;position:relative;box-shadow:0 2px 0 var(--navy)}.part-card img{width:100%;height:50px;object-fit:contain}.part-card span{font-size:10px;font-weight:800;line-height:1.05;text-align:center;text-transform:capitalize;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.part-card small{position:absolute;top:1px;right:3px;font-size:8px;color:var(--muted);font-weight:700}.part-card.selected{background:var(--yellow)}.big-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.big-grid .part-card{min-height:130px}.big-grid .part-card img{height:90px}.color-section,.matching-controls{margin-top:10px;border-top:2px dashed rgba(35,48,71,.16);padding-top:8px}.color-section h3,.matching-controls h3{font-size:15px;margin-bottom:5px}.color-row{display:flex;gap:6px;flex-wrap:wrap}.color-dot{width:38px;height:38px;border:2px solid var(--navy);border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 2px #fff6}.color-dot.selected{outline:4px solid var(--yellow);outline-offset:1px}.matching-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px}.picker-extra{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px;border-top:2px dashed rgba(35,48,71,.16);padding-top:8px}.more-options{margin-top:8px;display:flex;flex-direction:column;gap:6px}.more-options h3{font-size:14px;margin-top:3px}.thickness-buttons{display:flex;gap:4px}.thickness-buttons .btn{flex:1}.draw-slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.draw-slot-card{min-height:130px}.test-moves-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.test-move-card{border:var(--line);border-radius:16px;background:var(--cream-2);padding:8px;text-align:center}.test-preview{width:100%;height:auto}.test-move-card p{font-size:12px;color:var(--muted);font-weight:600}.test-moves-actions{display:flex;justify-content:center;margin-top:12px}.parts-demo{position:relative;min-height:210px;border:var(--line);border-radius:18px;background:var(--cream-2);overflow:hidden}.parts-demo img{position:absolute;object-fit:contain}.parts-demo-head{width:180px;left:50%;top:10px;transform:translate(-50%)}.parts-demo-face{width:150px;left:50%;top:32px;transform:translate(-50%)}.parts-demo-hair{width:190px;left:50%;top:0;transform:translate(-50%)}.scenes-demo{position:relative;min-height:210px;border:var(--line);border-radius:18px;background:#c5e9ff;overflow:hidden}.scenes-demo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease}.scenes-demo-frames{position:absolute;inset:auto 8px 8px;display:flex;justify-content:space-between;gap:8px}.scenes-demo-frames span{background:var(--cream-2);border:2px solid var(--navy);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:900}.help-tabs{display:flex;gap:6px;flex-wrap:wrap}.help-demo{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.help-demo-canvas{width:100%;height:auto;aspect-ratio:12 / 7;border:var(--line);border-radius:18px;background:var(--cream-2)}.help-demo ol{padding-left:22px;display:flex;flex-direction:column;gap:5px;font-weight:600}.draw-page{min-height:100vh;padding-bottom:30px}.draw-main{width:min(1480px,calc(100% - 22px));margin:0 auto;padding:18px 0}.draw-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:14px}.draw-heading p{color:var(--muted);font-weight:600;max-width:760px}.draw-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;gap:12px;align-items:start}.draw-tools,.draw-preview{padding:13px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 190px);overflow-y:auto}.draw-tools h2,.draw-preview h2{font-size:20px}.draw-tools h3{font-size:14px;margin-top:2px}.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tool-choice{border:2px solid var(--navy);border-radius:11px;background:var(--cream-2);min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:11px;font-weight:900;cursor:pointer;padding:2px}.tool-choice img{width:30px;height:30px;object-fit:contain}.tool-choice.active{background:var(--yellow)}.draw-colors .color-dot{width:32px;height:32px}.width-row{display:flex;gap:4px}.width-btn{flex:1;min-height:40px;border:2px solid var(--navy);border-radius:9px;background:var(--cream-2);display:grid;place-items:center;cursor:pointer}.width-btn span{display:block;background:var(--navy);border-radius:999px}.width-btn.active{background:var(--yellow)}.draw-save-actions{display:flex;flex-direction:column;gap:6px;border-top:2px dashed rgba(35,48,71,.16);padding-top:8px;margin-top:3px}.draw-canvas-panel{padding:12px;display:flex;flex-direction:column;gap:7px;min-width:0}.draw-canvas-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.draw-canvas-head h2{font-size:20px}.draw-canvas-scroll{overflow:auto;background:#efe9dd;border:2px dashed rgba(35,48,71,.25);border-radius:16px;padding:10px;display:flex;justify-content:center;max-height:calc(100vh - 260px)}.draw-canvas-wrap{flex:none;max-width:100%}.draw-canvas{border:var(--line);border-radius:14px;background:#fffdf7;touch-action:none;cursor:crosshair;display:block;box-shadow:0 4px 0 var(--navy);max-width:100%}.draw-hint-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);font-weight:700;flex-wrap:wrap}.cursor-readout{font-variant-numeric:tabular-nums}.preview-placeholder{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:25px 8px;color:var(--muted);font-size:13px;font-weight:600}.preview-placeholder img{width:80px;height:80px}.draw-tips{border-top:2px dashed rgba(35,48,71,.16);padding-top:8px;display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted);font-weight:600}.draw-tips strong{color:var(--navy);font-size:14px}.watch-page{min-height:100vh;padding-bottom:32px}.watch-header{min-height:82px;display:flex;align-items:center;gap:14px;padding:10px clamp(14px,3vw,30px);border-bottom:var(--line);background:var(--cream)}.watch-header .header-brand img{height:48px}.watch-title{flex:1;min-width:0}.watch-title h1{font-size:clamp(20px,3vw,30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-title p{font-size:13px;color:var(--muted);font-weight:700}.watch-main{width:min(1200px,calc(100% - 24px));margin:20px auto 0;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.watch-stage{padding:10px}.watch-canvas{width:100%;height:auto;aspect-ratio:16/9;display:block;border:2px solid var(--navy);border-radius:16px;background:#c5e9ff}.watch-controls{display:flex;align-items:center;gap:8px;padding-top:9px}.watch-controls input{flex:1;accent-color:var(--yellow)}.watch-controls span{font-size:12px;font-weight:800;white-space:nowrap}.watch-info{display:flex;flex-direction:column;gap:10px}.watch-privacy{display:flex;align-items:flex-start;gap:7px;border-top:2px dashed rgba(35,48,71,.16);padding-top:9px;font-size:12px;color:var(--muted);font-weight:600}.watch-error{display:flex;flex-direction:column;min-height:100vh}.watch-error-card{margin:60px auto;max-width:560px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.watch-error-card img{width:80px;height:80px}@media(max-width:1180px){.editor-layout{grid-template-columns:210px minmax(0,1fr)}.right-rail{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;position:static;max-height:none;overflow:visible}.creator-layout{grid-template-columns:190px minmax(0,1fr) 315px}.part-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.editor-layout{grid-template-columns:188px minmax(0,1fr)}.creator-layout{grid-template-columns:180px minmax(0,1fr)}.creator-picker{grid-column:1 / -1;position:static;max-height:none}.draw-layout{grid-template-columns:240px minmax(0,1fr)}.draw-preview{grid-column:1 / -1;max-height:none;flex-direction:row;align-items:center;flex-wrap:wrap}.draw-preview .character-preview-canvas{width:220px}.help-demo{grid-template-columns:1fr}}@media(max-width:900px){body{font-size:16px}.btn-small{min-height:56px}.topbar-tools .btn:nth-child(2),.topbar-tools .btn:nth-child(6),.topbar-tools .btn:nth-child(7),.topbar-tools .icon-btn,.editor-title{display:none}.editor-title-wrap{min-width:120px}.editor-topbar{gap:6px;padding:7px 9px}.save-status{font-size:11px;padding:3px 8px}.editor-layout{grid-template-columns:1fr}.asset-tray,.right-rail{display:none}.stage-column{gap:8px}.streak{display:none}.filmstrip,.more-tools{margin-left:8px;margin-right:8px}.scene-card{width:180px}.scene-tools-row,.scrub-row{width:100%}.recovery-banner{margin:8px}.welcome-choices,.home-choices,.friends-columns,.test-moves-grid{grid-template-columns:1fr}.welcome-collage{display:none}.welcome-hero{padding-top:28px}.home-greeting{padding:18px}.greeting-buddy{height:110px}.creator-main,.draw-main{width:calc(100% - 18px);padding-top:12px}.creator-layout{grid-template-columns:1fr}.creator-categories{position:static;order:2}.creator-categories nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.category-btn{grid-template-columns:1fr;justify-items:center;text-align:center;min-height:72px}.category-btn img{grid-row:auto;width:28px;height:28px}.category-btn small{display:none}.creator-stage{order:1}.creator-picker{order:3}.creator-arrows{gap:2px}.big-arrow{width:58px;height:58px;min-width:58px}.character-preview-wrap{max-width:100%}.part-grid{grid-template-columns:repeat(4,1fr)}.creator-heading-actions{width:100%}.creator-heading-actions .btn{flex:1}.draw-layout{grid-template-columns:1fr}.draw-tools{order:2;max-height:none}.draw-canvas-panel{order:1}.draw-preview{order:3}.draw-canvas-scroll{max-height:none}.draw-heading-actions{width:100%}.draw-heading-actions .btn{flex:1}.watch-main{grid-template-columns:1fr}.watch-info{order:-1}.share-row{flex-wrap:wrap}.share-row-actions{width:100%}.header-user .nickname{display:none}.app-header{gap:8px;padding:8px 10px}.header-brand img{height:44px}.header-back{font-size:14px;padding:6px 10px}.first-hint{position:static;max-width:none;margin-top:8px}.stage-tip{position:static;transform:none;margin-top:8px}.phone-playbar .icon-btn{width:52px;height:52px;min-width:52px}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.template-grid,.choice-row{grid-template-columns:1fr}.home-main{padding-top:16px}.fab-new{display:none}}@media(max-width:560px){h1{font-size:30px}.home-greeting{flex-direction:column;align-items:flex-start}.greeting-buddy{align-self:flex-end;margin-top:-20px}.home-choice{min-height:100px;padding:14px}.home-choice-icon{width:54px;height:54px;min-width:54px}.home-choice-copy strong{font-size:20px}.project-grid,.character-grid,.parts-grid,.share-grid{grid-template-columns:1fr}.part-grid{grid-template-columns:repeat(3,1fr)}.creator-arrows .big-arrow{width:52px;height:52px;min-width:52px}.big-arrow img{width:30px;height:30px}.creator-name-row{flex-direction:column;align-items:stretch}.creator-save-wrap{align-items:stretch}.test-moves-grid{grid-template-columns:1fr}.draw-canvas-scroll{padding:4px}.draw-heading-actions .btn{font-size:13px;padding-left:7px;padding-right:7px}.phone-tab span{font-size:10px}.welcome-actions{flex-direction:column;width:100%}.welcome-actions .btn{width:100%}.welcome-footer{flex-direction:column;text-align:center}.scene-card{width:165px}.editor-title-wrap{flex:1 1 100px}.save-status{max-width:150px;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.inline-link{font-weight:900;text-decoration-thickness:2px;text-underline-offset:3px}.community-page,.profile-page,.admin-page{min-height:100vh}.community-main,.profile-main,.admin-main{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:24px 0 70px;display:flex;flex-direction:column;gap:18px}.community-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(125deg,#fffdf7,#e8ddff)}.community-hero h1{font-size:clamp(30px,4vw,46px)}.community-hero p{color:var(--muted);font-weight:600;max-width:700px}.community-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.community-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.community-card{border:var(--line);border-radius:var(--radius-card);background:var(--cream-2);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.community-open{border:0;background:transparent;padding:0;text-align:left;color:inherit;cursor:pointer}.community-thumb{position:relative;aspect-ratio:16/9;background:#c5e9ff;border-bottom:var(--line)}.community-thumb img{width:100%;height:100%;object-fit:cover}.community-card-copy{padding:10px 14px 8px}.community-card-copy h3{font-size:21px}.community-card-copy p{color:var(--muted);font-size:14px;font-weight:600;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.community-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:12px;color:var(--muted);font-weight:700}.community-author{display:inline-flex;align-items:center;gap:5px}.community-author img{width:24px;height:24px;object-fit:contain}.community-stats{display:flex;align-items:center;gap:12px;padding:8px 12px;border-top:2px dashed rgba(35,48,71,.16);font-size:13px;font-weight:900}.community-stats span{display:inline-flex;align-items:center;gap:4px}.community-stats .mini-action{margin-left:auto}.community-post-main{width:min(1240px,calc(100% - 28px));margin:0 auto;padding:22px 0 60px}.community-post-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:18px}.community-post-head h1{font-size:clamp(28px,4vw,44px)}.community-post-head p{color:var(--muted);font-weight:600}.community-post-actions{display:flex;gap:7px;flex-wrap:wrap}.community-post-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.community-player{padding:10px}.community-description{padding:10px 6px;color:var(--muted);font-weight:600}.community-post-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 6px 6px}.comments-panel{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 140px);overflow-y:auto}.comment-list{display:flex;flex-direction:column;gap:10px}.comment-row{display:flex;align-items:flex-start;gap:8px;border-bottom:2px dashed rgba(35,48,71,.12);padding-bottom:8px}.comment-row .avatar{width:36px;height:36px}.comment-row>div{flex:1}.comment-row p{font-size:14px;font-weight:600;margin-top:2px;white-space:pre-wrap;overflow-wrap:anywhere}.comment-time{margin-left:6px;font-size:11px;color:var(--muted);font-weight:700}.comment-form{display:flex;flex-direction:column;gap:8px;border-top:2px dashed rgba(35,48,71,.16);padding-top:10px}.comment-form textarea,.profile-edit textarea,.community-publish-box textarea{border:var(--line);border-radius:14px;background:var(--cream-2);padding:9px 13px;font:inherit;resize:vertical}.community-error{margin:60px auto;max-width:520px;text-align:center}.profile-head{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:linear-gradient(125deg,#fffdf7,#e6f8ed)}.profile-avatar{width:150px;height:180px;object-fit:contain;border:var(--line);border-radius:22px;background:var(--yellow)}.profile-copy{flex:1;min-width:220px}.profile-copy p{color:var(--muted);font-weight:600}.username-line{font-size:13px!important;font-weight:800!important}.profile-actions{display:flex;gap:8px;flex-wrap:wrap}.profile-storage{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.profile-storage>div:first-child{min-width:220px}.profile-storage p{color:var(--muted);font-size:13px;font-weight:700}.storage-bar{flex:1;min-width:180px;height:18px;border:2px solid var(--navy);border-radius:999px;background:var(--cream-2);overflow:hidden}.storage-bar>div{height:100%;background:var(--green);border-right:2px solid var(--navy)}.profile-edit{display:flex;flex-direction:column;gap:12px}.profile-section{display:flex;flex-direction:column;gap:10px}.profile-section-head{display:flex;align-items:center;gap:10px}.profile-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.profile-post-card{display:flex;gap:10px;border:var(--line);border-radius:16px;background:var(--cream-2);padding:8px;text-decoration:none;color:inherit;box-shadow:0 3px 0 var(--navy)}.profile-post-thumb{width:116px;min-width:116px;aspect-ratio:16/9;border:2px solid var(--navy);border-radius:9px;overflow:hidden;background:#c5e9ff}.profile-post-thumb img{width:100%;height:100%;object-fit:cover}.profile-post-card>div:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.profile-post-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-post-card small{display:flex;align-items:center;gap:2px;color:var(--muted);font-size:11px;font-weight:700}.admin-tabs{display:flex;gap:6px;flex-wrap:wrap}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.admin-stat{border:var(--line);border-radius:18px;background:var(--cream-2);padding:18px;box-shadow:0 4px 0 var(--navy);display:flex;flex-direction:column}.admin-stat strong{font-size:34px}.admin-stat span{color:var(--muted);font-size:13px;font-weight:800}.admin-list{display:flex;flex-direction:column;gap:6px;padding:12px}.admin-user-row{display:flex;align-items:center;gap:9px;border:2px solid var(--navy);border-radius:12px;background:var(--cream-2);padding:6px 9px;flex-wrap:wrap}.admin-user-copy{flex:1;min-width:220px;display:flex;flex-direction:column;font-size:13px}.admin-user-copy span{color:var(--muted);font-size:11px;font-weight:600}.admin-post-thumb{width:80px;height:46px;object-fit:cover;border:2px solid var(--navy);border-radius:8px}.danger-pill{background:#ffe1e1}.admin-assets-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}.admin-supplied{display:flex;flex-direction:column;gap:8px}.supplied-counts{display:grid;grid-template-columns:1fr 1fr;gap:5px;font-size:12px;font-weight:700}.supplied-thumbs{display:flex;gap:6px;flex-wrap:wrap}.supplied-thumbs img{width:58px;height:58px;object-fit:cover;border:2px solid var(--navy);border-radius:9px;background:var(--cream-2)}.admin-custom-assets{grid-column:2}.admin-list-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.admin-asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.admin-asset-card{border:2px solid var(--navy);border-radius:12px;background:var(--cream-2);padding:6px;display:flex;flex-direction:column;gap:4px;font-size:12px}.admin-asset-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#fff8ea;border-radius:7px}.admin-asset-card small{color:var(--muted);font-weight:600}.admin-asset-card>div{display:flex;gap:3px;flex-wrap:wrap}.asset-studio{grid-column:1 / -1;border:var(--line);border-radius:var(--radius-panel);background:#efe7ff;padding:14px;display:flex;flex-direction:column;gap:9px}.asset-studio-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.asset-studio-canvas{width:100%;max-height:430px;object-fit:contain;border:var(--line);border-radius:14px;background:var(--cream-2);touch-action:none;cursor:crosshair}.asset-studio-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;align-items:end}.admin-presets{display:flex;flex-direction:column;gap:12px}.preset-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.preset-card{border:var(--line);border-radius:16px;background:var(--cream-2);padding:10px;display:flex;flex-direction:column;gap:6px}.preset-preview{width:100%;height:auto;aspect-ratio:280/190;border:2px solid var(--navy);border-radius:12px;background:var(--cream)}.community-publish-box{border:2px dashed var(--purple);border-radius:15px;background:#f3edff;padding:12px;display:flex;flex-direction:column;gap:8px}.community-publish-box h3{font-size:18px}.community-publish-box textarea{width:100%}@media(max-width:900px){.community-post-layout{grid-template-columns:1fr}.comments-panel{max-height:none}.admin-assets-layout{grid-template-columns:1fr}.admin-custom-assets{grid-column:1}.preset-columns{grid-template-columns:1fr}.profile-head{align-items:flex-start}.profile-avatar{width:110px;height:132px}}.stage-tip{position:static!important;transform:none!important;margin-top:8px;max-width:100%}.header-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-right:4px}.header-nav-link{display:inline-flex;align-items:center;min-height:44px;padding:4px 9px;border-radius:10px;font-size:14px;font-weight:900;text-decoration:none}.header-nav-link:hover{background:#fff3bf}.admin-link{background:var(--mavy-yellow, #FFD447);border:2px solid var(--mavy-navy, #233047)}.shortcut-card{display:grid;grid-template-columns:1fr 1fr;gap:3px 14px;border:2px solid #233047;border-radius:13px;background:#fffdf7;padding:9px 12px;font-size:12px;font-weight:700}.shortcut-card strong{grid-column:1 / -1;font-size:14px}canvas.collage-friend{aspect-ratio:200 / 260;pointer-events:none}canvas.greeting-buddy{aspect-ratio:180 / 220}@media(max-width:900px){.header-user .nickname{display:none}.header-nav-link{font-size:12px;padding:2px 5px;min-height:40px}.shortcut-card{grid-template-columns:1fr}}.editor-layout{grid-template-columns:238px minmax(0,1fr) 334px;align-items:start}.editor-layout.panels-hidden{grid-template-columns:minmax(0,1fr)}.editor-layout.panels-hidden .asset-tray,.editor-layout.panels-hidden .right-rail{display:none}.stage-wrap{display:flex;flex-direction:column;align-items:center;min-width:0}.stage-shell{width:min(100%,1040px);margin:0 auto}.stage-shell.asset-over{outline:5px dashed #7b5cff;outline-offset:-7px}.stage-drop-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--yellow, #ffd447);border:3px dashed #233047;border-radius:18px;padding:12px 22px;font-size:20px;font-weight:900;pointer-events:none;box-shadow:0 5px #233047}.tray-card[draggable=true]{cursor:grab}.tray-card[draggable=true]:active{cursor:grabbing}.asset-tray{height:var(--stage-h, calc(100vh - 110px) );max-height:var(--stage-h, calc(100vh - 110px) )}.tray-scroll{flex:1 1 auto}.right-rail{max-height:var(--stage-h, calc(100vh - 108px) );overflow-y:auto}.editor-layout .filmstrip,.editor-layout .more-tools{margin:0;width:100%}.filmstrip-head-actions{gap:7px}.clip-timeline{margin-top:10px;padding-top:9px;border-top:2px dashed rgba(35,48,71,.2)}.clip-timeline-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.clip-timeline-head h3{font-size:18px}.timeline-hint{display:block;color:var(--muted, #6b6e80);font-size:12px;font-weight:600;max-width:640px}.clip-timeline-scroll{overflow-x:auto;overflow-y:hidden;padding:6px 0 4px}.clip-timeline-inner{position:relative;display:flex;flex-direction:column;gap:4px;min-width:100%}.timeline-ruler-row,.timeline-row{display:flex;align-items:center;gap:6px}.timeline-row-name{width:110px;min-width:110px;display:flex;align-items:center;gap:5px;border:2px solid #233047;border-radius:9px;background:#fffdf7;padding:2px 5px;font-size:11px;font-weight:900;text-align:left;cursor:pointer;overflow:hidden}.timeline-row-name img{width:26px;height:26px;object-fit:contain;flex:none}.timeline-row-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-row-name.ruler-name{justify-content:center;color:#6b6e80;cursor:default;border-style:dashed}.timeline-ruler{position:relative;height:28px;border-bottom:2px solid #233047;flex:none;touch-action:none;cursor:pointer}.ruler-tick{position:absolute;top:5px;transform:translate(-50%);font-size:10px;font-weight:800;color:#6b6e80;white-space:nowrap;pointer-events:none}.ruler-tick:after{content:"";position:absolute;left:50%;top:14px;width:2px;height:7px;background:#23304759}.ruler-playhead{position:absolute;top:20px;bottom:-8px;width:3px;background:var(--coral, #ff7a7a);pointer-events:none}.timeline-lane{position:relative;height:44px;border:2px solid #233047;border-radius:10px;background:repeating-linear-gradient(90deg,#fffdf7 0 39px,#f4efe3 39px 40px);flex:none;touch-action:none;overflow:hidden}.timeline-clip{position:absolute;top:5px;height:30px;border:2px solid #233047;border-radius:8px;background:#d9ccff;display:flex;align-items:center;padding:0 9px;font-size:11px;font-weight:900;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.timeline-clip:active{cursor:grabbing}.timeline-clip.selected{background:var(--yellow, #ffd447);box-shadow:inset 0 0 0 2px #233047;z-index:4}.timeline-clip-label{pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:2}.clip-edge{position:absolute;top:-4px;bottom:-4px;width:9px;cursor:ew-resize;z-index:3}.clip-edge-left{left:-5px}.clip-edge-right{right:-5px}.clip-fade{position:absolute;top:0;bottom:0;width:44%;pointer-events:none;z-index:1}.clip-fade-in{left:0;background:linear-gradient(90deg,#ffffffe6,#fff0)}.clip-fade-out{right:0;background:linear-gradient(270deg,#ffffffe6,#fff0)}.timeline-lane .pose-diamond{top:9px;z-index:3}.timeline-empty{padding:8px 2px;font-size:13px}.clip-timeline-head .zoom-control input{width:120px}.fade-controls{border:2px dashed #233047;border-radius:13px;background:#fffdf7;padding:8px 10px;margin:8px 0;display:flex;flex-direction:column;gap:6px}.fade-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.fade-head label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800}.fade-head select{min-height:36px;border:2px solid #233047;border-radius:9px;background:#fffdf7;font-weight:800}.fade-buttons{display:grid;grid-template-columns:1fr 1fr;gap:4px}.fade-buttons .btn{font-size:12px;padding:4px 6px}@media(max-width:1180px){.editor-layout{grid-template-columns:214px minmax(0,1fr)}.asset-tray{height:calc(100vh - 110px);max-height:calc(100vh - 110px)}.editor-layout.panels-hidden{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.editor-layout{grid-template-columns:1fr}}.clip-edge{position:absolute;top:0;bottom:0;width:10px;cursor:ew-resize;z-index:3}.timeline-clip.clip-walk,.timeline-clip.clip-run,.timeline-clip.clip-move{background:#bfe6ff}.timeline-clip.clip-wave,.timeline-clip.clip-cheer,.timeline-clip.clip-dance{background:#ffd9d9}.timeline-clip.selected{background:var(--yellow, #ffd447)}.scene-card{width:190px}.add-scene-card{width:122px;min-height:132px}.filmstrip{padding:13px}.filmstrip-head{margin-bottom:6px}.scene-strip{padding-bottom:8px}.scene-card{width:205px}.scene-mini-actions .icon-btn.tiny{width:31px;height:31px;min-width:31px}.scene-mini-actions .icon-btn.tiny img{width:17px;height:17px}.scene-name{min-width:52px}.editor-layout{grid-template-columns:220px minmax(0,1fr) 310px}.stage-shell{width:min(100%,1500px)}.filmstrip{width:auto;margin:14px 14px 0}.clip-edge{width:16px;background:#2330471a;border-left:2px solid #233047;border-right:2px solid #233047;border-radius:6px}.clip-edge-left{left:0}.clip-edge-right{right:0}.clip-edge:after{content:"";position:absolute;top:7px;bottom:7px;left:6px;width:2px;border-radius:2px;background:#23304799}.timeline-clip{padding-left:14px;padding-right:14px}.tray-scroll,.right-rail,.creator-picker,.pose-list,.scene-strip,.clip-timeline-scroll{scrollbar-width:thin;scrollbar-color:#7b5cff #e8e1d2;scrollbar-gutter:stable}.tray-scroll::-webkit-scrollbar,.right-rail::-webkit-scrollbar,.creator-picker::-webkit-scrollbar,.pose-list::-webkit-scrollbar,.scene-strip::-webkit-scrollbar,.clip-timeline-scroll::-webkit-scrollbar{width:12px;height:12px}.tray-scroll::-webkit-scrollbar-thumb,.right-rail::-webkit-scrollbar-thumb,.creator-picker::-webkit-scrollbar-thumb,.pose-list::-webkit-scrollbar-thumb,.scene-strip::-webkit-scrollbar-thumb,.clip-timeline-scroll::-webkit-scrollbar-thumb{background:#7b5cff;border:2px solid #e8e1d2;border-radius:999px}.tray-scroll::-webkit-scrollbar-track,.right-rail::-webkit-scrollbar-track,.creator-picker::-webkit-scrollbar-track,.pose-list::-webkit-scrollbar-track,.scene-strip::-webkit-scrollbar-track,.clip-timeline-scroll::-webkit-scrollbar-track{background:#e8e1d2;border-radius:999px}.right-rail,.creator-picker{background-image:linear-gradient(to bottom,transparent calc(100% - 26px),#fff8ea 100%);background-attachment:local}.asset-tray{border-bottom:6px solid #233047}.home-greeting{position:relative;overflow:hidden}.greeting-cast{display:flex;align-items:flex-end;justify-content:flex-end;margin-left:auto;min-width:0}.greeting-cast .greeting-buddy{height:150px;width:auto;margin-left:-16px;transform:rotate(-3deg);filter:drop-shadow(0 5px 0 rgba(35,48,71,.1))}.greeting-cast .cast-0{height:178px;margin-left:0;transform:rotate(3deg);z-index:3}.greeting-cast .cast-1{height:148px;transform:rotate(-5deg);z-index:2}.greeting-cast .cast-2{height:128px;transform:rotate(6deg);z-index:1}.greeting-cast .cast-3{height:112px;transform:rotate(-7deg);opacity:.85}@media(max-width:900px){.greeting-cast .greeting-buddy{height:92px}.greeting-cast .cast-0{height:110px}.greeting-cast .cast-2,.greeting-cast .cast-3{display:none}}.tool-shape{width:28px;height:28px;border:3px solid var(--navy, #233047);background:var(--cream, #fff8ea);display:inline-block}.tool-shape-circle{border-radius:50%}.tool-shape-box{border-radius:5px}.enter-actions{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0}.enter-actions .btn{flex:1;font-size:12px;padding:4px 6px}.scene-card[draggable=true]{cursor:grab}.scene-card[draggable=true]:active{cursor:grabbing}.timeline-head-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.timeline-mode{display:flex;gap:3px}.transition-chip select{max-width:74px}.pose-frames{margin-top:10px;border-top:2px dashed rgba(35,48,71,.2);padding-top:9px}.pose-frames-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.pose-frames-head h3{font-size:18px}.pose-frames-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pose-frame-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 2px 6px}.pose-frame-card{flex:none;width:100px;border:2px solid #233047;border-radius:12px;background:#fffdf7;padding:4px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;box-shadow:0 2px #233047}.pose-frame-card.selected{background:var(--yellow, #ffd447);outline:3px solid var(--yellow, #ffd447);outline-offset:1px}.pose-thumb-canvas{width:86px;height:104px;border-radius:8px;background:#fffdf7;pointer-events:none}.pose-frame-card span{font-size:11px;font-weight:900}.pose-frame-card small{font-size:10px;color:#6b6e80;font-weight:700}.clip-fade-handle{position:absolute;top:0;width:12px;height:15px;z-index:6;cursor:ew-resize;touch-action:none;background:#fffdf7;border:2px solid #233047;border-top:0;border-radius:0 0 6px 6px;box-shadow:0 1px #233047}.clip-fade-handle:after{content:"";position:absolute;left:4px;top:4px;width:2px;height:6px;border-radius:2px;background:#233047}.clip-fade-handle-out:after{left:6px}.clip-fade-handle:hover{background:var(--yellow, #ffd447)}.clip-fade-in,.clip-fade-out{width:auto}.record-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:6px 0}.record-actions small{color:#6b6e80;font-size:11px;font-weight:700}.record-dock{position:fixed;left:18px;bottom:18px;z-index:260;width:min(340px,calc(100vw - 36px));background:#fffdf7;border:3px solid #233047;border-radius:18px;box-shadow:0 6px #233047;padding:12px 14px;display:flex;flex-direction:column;gap:5px}.record-live{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900;color:#b42323}.record-dot{width:12px;height:12px;border-radius:50%;background:#e53935;animation:record-pulse .9s infinite alternate}@keyframes record-pulse{to{opacity:.25}}.record-dock strong{font-size:24px}.record-dock p{font-size:12px;font-weight:700;color:#6b6e80}.record-dock-actions{display:flex;gap:5px;margin-top:3px}.record-dock-actions .btn{flex:1}.pose-mode-pill{margin-top:1px;border:2px solid #233047;border-radius:999px;background:#efe7ff;padding:0 7px;font-size:10px;font-weight:900;cursor:pointer;min-height:20px}.pose-mode-pill:hover{background:var(--yellow, #ffd447)}.transition-visuals{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border:2px solid #233047;border-radius:14px;background:#fffdf7;padding:3px 7px 4px}.transition-label{font-size:11px;font-weight:900;color:#6b6e80}.transition-choice{border:2px solid #233047;border-radius:10px;background:#fffdf7;padding:2px 3px;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:74px;cursor:pointer}.transition-choice.selected{background:var(--yellow, #ffd447);box-shadow:0 2px #233047}.transition-choice strong{font-size:10px;font-weight:900}.transition-preview{position:relative;width:68px;height:38px;overflow:hidden;border:1px solid #233047;border-radius:6px;background:#c5e9ff;display:block}.transition-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.transition-cut .transition-to{clip-path:inset(0 0 0 55%)}.transition-cut:after{content:"";position:absolute;left:55%;top:0;bottom:0;width:2px;background:#233047;transform:translate(-1px)}.transition-fade .transition-to{animation:transition-fade-preview 2.4s ease-in-out infinite}.transition-slide .transition-to{animation:transition-slide-preview 2.4s ease-in-out infinite}@keyframes transition-fade-preview{0%,20%{opacity:0}55%,to{opacity:1}}@keyframes transition-slide-preview{0%,20%{transform:translate(100%)}55%,to{transform:translate(0)}}.transition-length{font-size:11px}.playground{margin-bottom:30px;padding:14px 18px 0;background:linear-gradient(120deg,#fffdf7,#e8f8ff);overflow:hidden}.playground-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap}.playground-head h2{font-size:clamp(24px,3vw,34px)}.playground-head p{color:#6b6e80;font-weight:600;max-width:640px}.playground-stage{position:relative;height:350px;margin-top:4px;touch-action:pan-y}.playground-friend{position:absolute;width:100px;height:124px;margin-left:-50px;margin-top:-62px;cursor:grab;touch-action:none;z-index:1;animation:playground-bob 3s ease-in-out infinite alternate}.playground-friend:active{cursor:grabbing;z-index:6}.playground-friend canvas{width:100%;height:100%;display:block;pointer-events:none}.playground-friend.springing{transition:transform .5s cubic-bezier(.34,1.56,.64,1)}@keyframes playground-bob{to{translate:0 -7px}}.home-toggle{flex-wrap:wrap}.home-toggle small{width:100%;color:#6b6e80;font-size:12px;font-weight:600}@media(max-width:900px){.playground-stage{height:430px}.playground-friend{width:82px;height:102px;margin-left:-41px;margin-top:-51px}}.welcome-park{width:min(1200px,calc(100% - 32px));margin:0 auto 28px;position:relative;z-index:2}.welcome-park .playground{margin-bottom:0}.friend-tag{position:absolute;left:50%;bottom:calc(100% + 1px);transform:translate(-50%);background:#fffdf7;border:2px solid #233047;border-radius:10px;padding:3px 8px;display:flex;flex-direction:column;align-items:center;white-space:nowrap;box-shadow:0 2px #233047;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:10}.friend-tag strong{font-size:12px;line-height:1.1}.friend-tag small{font-size:10px;color:#6b6e80;font-weight:700}.playground-friend:hover .friend-tag,.playground-friend.dragging .friend-tag,.playground-friend:focus-within .friend-tag{opacity:1}@media(max-width:900px){.welcome-park{width:calc(100% - 18px)}}.flipbook-page{min-height:100vh;padding-bottom:24px;background:var(--cream)}.flipbook-topbar{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;background:var(--cream);border-bottom:var(--line)}.flipbook-title{flex:1;min-width:160px;max-width:380px;min-height:48px;border:2px solid transparent;border-radius:12px;background:transparent;padding:4px 10px;font-size:clamp(20px,2.4vw,30px);font-weight:900}.flipbook-title:hover,.flipbook-title:focus{background:var(--cream-2);border-color:var(--navy);outline:0}.flip-save{display:inline-flex;align-items:center;min-height:38px;border:2px solid var(--navy);border-radius:999px;background:var(--cream-2);padding:3px 11px;font-size:12px;font-weight:800;white-space:nowrap}.flip-save-saving{background:#fff3bf}.flip-save-error{background:#ffe1e1}.flipbook-top-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-left:auto}.flip-play{min-width:104px}.flip-play.playing{background:var(--yellow)}.flip-more{margin:10px 14px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.flip-inline{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:800}.flip-inline select{min-height:44px;border:2px solid var(--navy);border-radius:10px;background:var(--cream-2);font-weight:800}.flipbook-main{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;padding:12px 14px 0;align-items:start}.flipbook-main.drawer-closed{grid-template-columns:minmax(0,1fr)}.flip-drawer{padding:10px;position:sticky;top:76px;max-height:calc(100vh - 92px);display:flex;flex-direction:column;gap:8px;overflow:hidden}.flip-drawer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.flip-tab{min-height:50px;border:2px solid var(--navy);border-radius:11px;background:var(--cream-2);display:flex;align-items:center;gap:5px;padding:4px 7px;font-size:12px;font-weight:900;cursor:pointer}.flip-tab img{width:23px;height:23px;object-fit:contain}.flip-tab.active{background:var(--yellow)}.flip-drawer-scroll{overflow-y:auto;min-height:0;padding-right:3px}.flip-drawer-scroll h3{font-size:15px;margin:8px 0 5px}.flip-asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.flip-asset{border:2px solid var(--navy);border-radius:11px;background:var(--cream-2);padding:4px;display:flex;flex-direction:column;align-items:center;gap:2px;min-height:82px;cursor:pointer;box-shadow:0 2px 0 var(--navy)}.flip-asset.selected{background:var(--yellow)}.flip-asset img{width:100%;height:56px;object-fit:contain}.flip-asset span{font-size:10px;font-weight:800;text-align:center;line-height:1.1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.flip-draw-link{margin:10px 0 4px;width:100%}.flip-center{min-width:0;display:flex;flex-direction:column;gap:8px}.flip-objectbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border:var(--line);border-radius:16px;background:var(--cream-2);padding:6px 8px}.flip-object-name{font-weight:900;font-size:14px;min-width:100px}.flip-object-actions{display:flex;align-items:center;gap:3px;flex-wrap:wrap;margin-left:auto}.flip-mini{min-height:48px;border:2px solid var(--navy);border-radius:10px;background:var(--cream);padding:3px 7px;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:900;cursor:pointer}.flip-mini:disabled{opacity:.4}.flip-mini.danger{background:#ffe1e1}.flip-stage-wrap{border:var(--line);border-radius:var(--radius-panel);overflow:hidden;background:var(--cream-2);box-shadow:0 7px 0 var(--navy)}.flip-stage{width:100%;height:auto;aspect-ratio:16 / 9;display:block;touch-action:none;cursor:crosshair;background:#bfe6ff}.flip-filmstrip{padding:10px 12px}.flip-filmstrip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.flip-filmstrip-head h2{font-size:20px}.flip-frame-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.flip-copy-frame{min-height:54px;font-size:17px}.flip-frame-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 2px}.flip-frame{position:relative;flex:none;width:160px;border:3px solid var(--navy);border-radius:12px;background:var(--cream-2);padding:0;overflow:hidden;cursor:pointer;box-shadow:0 3px 0 var(--navy)}.flip-frame.selected{outline:5px solid var(--yellow);outline-offset:1px}.flip-frame canvas{width:100%;height:auto;display:block;aspect-ratio:16 / 9}.flip-frame-number{position:absolute;left:5px;top:5px;width:25px;height:25px;display:grid;place-items:center;border:2px solid var(--navy);border-radius:999px;background:var(--yellow);font-size:12px;font-weight:900}.flip-frame-hold{position:absolute;right:5px;bottom:5px;border:2px solid var(--navy);border-radius:999px;background:var(--cream);padding:0 6px;font-size:10px;font-weight:900}.flip-filmstrip-note{font-size:12px;color:var(--muted);font-weight:700;margin-top:2px}@media(max-width:900px){.flipbook-main{grid-template-columns:1fr;padding:8px}.flip-drawer{position:static;max-height:280px;order:2}.flip-center{order:1}.flipbook-title{flex:1 1 120px;font-size:20px}.flip-object-actions{width:100%;margin-left:0}.flip-frame{width:132px}.flip-frame-actions .btn{font-size:12px;padding-left:7px;padding-right:7px}}.home-choices{grid-template-columns:repeat(4,minmax(0,1fr))}.flipbook-choice{background:#ffe9b8}@media(max-width:1180px){.home-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.flip-entry{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 14px 0;font-size:13px;font-weight:800}@media(max-width:900px){.flip-entry{padding:8px 10px 0}.flip-entry .btn{flex:1}}.flip-attach-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;border:2px dashed var(--navy);border-radius:14px;background:#fffbe8;padding:6px 8px;font-size:12px;font-weight:800}.flip-attach-row select{min-height:44px;border:2px solid var(--navy);border-radius:9px;background:var(--cream-2);font-weight:800}.flip-mini.pose-on{background:var(--yellow);box-shadow:inset 0 0 0 2px var(--navy)}.park-speech{position:absolute;left:50%;bottom:calc(100% + 2px);transform:translate(-50%);background:#fffdf7;border:3px solid #233047;border-radius:12px;padding:3px 9px;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:0 3px #233047;animation:park-speech-in .16s ease-out;z-index:12;pointer-events:none}.park-speech:after{content:"";position:absolute;left:50%;bottom:-8px;transform:translate(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #233047}@keyframes park-speech-in{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}.playground-friend.bumped{animation-duration:.5s}.flip-attach-tune{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:4px 10px;width:100%;margin-top:4px;padding-top:6px;border-top:2px dashed rgba(35,48,71,.25)}.flip-attach-tune label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.flip-attach-tune label span{min-width:34px}.flip-attach-tune input[type=range]{flex:1;min-width:70px;accent-color:var(--navy);min-height:28px}