:root{font-family:ui-rounded,SF Pro Rounded,Avenir Next,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#32262b;background:#efe3cf;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;--ink: #32262b;--muted-ink: #6f5d60;--paper: #fff9ed;--paper-deep: #f2dfc3;--paper-shadow: #c6aa88;--stage: #cc675b;--stage-deep: #8d3f42;--accent: #e7a733;--accent-ink: #332217;--border: rgba(63, 43, 47, .18);--soft-border: rgba(63, 43, 47, .1);--focus: #176a73;--shadow: rgba(67, 42, 38, .16)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 9% 8%,rgba(255,255,255,.7),transparent 26%),linear-gradient(155deg,#f5ead7,#e6d1b7)}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:active:not(:disabled){filter:brightness(.94)}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{width:min(100%,680px);min-height:100vh;min-height:100dvh;margin:0 auto;padding:max(62px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom))}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 2px 14px}.eyebrow,.stage-kicker{margin:0 0 3px;color:var(--stage-deep);font-size:11px;font-weight:800;line-height:16px;letter-spacing:.17em;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1{margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(31px,9vw,43px);font-weight:700;line-height:1.08;letter-spacing:-.035em}.subtitle{margin:4px 0 0;color:var(--muted-ink);font-size:14px;font-weight:600;line-height:20px}.frame-counter{flex:0 0 auto;min-width:62px;min-height:58px;border:1px solid rgba(78,44,48,.22);border-radius:20px 10px;display:grid;place-content:center;color:var(--paper);background:var(--stage-deep);box-shadow:0 7px #592d3024;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;line-height:24px;text-align:center;transform:rotate(1.2deg)}.frame-counter span{display:block;color:#f0cda8;font-family:inherit;font-size:8px;font-weight:800;line-height:11px;letter-spacing:.16em}.workspace{display:grid;gap:12px}.frame-panel,.stage-card,.controls-panel{min-width:0;border:1px solid var(--border);background:#fff9edcc;box-shadow:0 12px 30px var(--shadow)}.frame-panel{border-radius:18px 18px 11px;padding:10px}.section-heading,.stage-copy{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading{margin:0 2px 8px}.section-heading h2,.stage-copy h2{margin:0;color:var(--ink);font-size:16px;font-weight:800;line-height:22px}.section-heading span,.material-note{color:var(--muted-ink);font-size:11px;font-weight:700;line-height:16px;text-align:right}.frame-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.frame-slot{position:relative;min-width:0;min-height:72px;padding:5px;border:1px solid var(--border);border-radius:13px 8px;overflow:hidden;color:var(--muted-ink);background:var(--paper);cursor:pointer;touch-action:manipulation;transition:transform .13s ease,background-color .13s ease,box-shadow .13s ease}.frame-slot:nth-child(2n){transform:rotate(.8deg)}.frame-slot:nth-child(odd){transform:rotate(-.65deg)}.frame-slot[aria-pressed=true]{color:var(--accent-ink);background:#f8d789;box-shadow:inset 0 0 0 2px #6f412647,0 5px #5d3a2a1f;transform:translateY(-2px) rotate(0)}.frame-slot:active:not(:disabled){transform:translateY(1px)}.frame-number{position:absolute;top:5px;left:7px;z-index:2;font-size:11px;font-weight:900;line-height:16px}.mini-puppet{--puppet-base: #df9f35;--puppet-edge: #9e6524;--paper-texture: linear-gradient(135deg, rgba(255, 255, 255, .16), transparent 60%);--paper-size: auto;position:relative;width:45px;height:58px;margin:5px auto 0;display:block}.mini-head,.mini-body,.mini-arms i,.mini-legs i{position:absolute;display:block;border:1px solid var(--puppet-edge);background-color:var(--puppet-base);background-image:var(--paper-texture);background-size:var(--paper-size)}.mini-head{top:2px;left:15px;width:16px;height:16px;border-radius:50%;z-index:4}.mini-head.pose-1{border-radius:32% 58% 42% 52%;transform:rotate(-10deg)}.mini-head.pose-2{border-radius:4px;transform:rotate(8deg)}.mini-body{top:19px;left:13px;width:20px;height:23px;border-radius:5px 5px 7px 7px;z-index:3}.mini-body.pose-1{transform:skew(-8deg)}.mini-body.pose-2{width:24px;left:11px;border-radius:10px 10px 4px 4px}.mini-arms,.mini-legs{position:absolute;inset:0}.mini-arms i{top:21px;width:5px;height:25px;border-radius:5px;transform-origin:50% 3px;z-index:1}.mini-arms i:first-child{left:10px;transform:rotate(17deg)}.mini-arms i:last-child{right:10px;transform:rotate(-17deg)}.mini-arms.pose-1 i:first-child{transform:rotate(56deg)}.mini-arms.pose-1 i:last-child{transform:rotate(-56deg)}.mini-arms.pose-2 i:first-child{transform:rotate(-42deg)}.mini-arms.pose-2 i:last-child{transform:rotate(42deg)}.mini-arms.pose-3 i:first-child{transform:rotate(145deg)}.mini-arms.pose-3 i:last-child{transform:rotate(-20deg)}.mini-legs i{top:39px;width:6px;height:18px;border-radius:0 0 5px 5px;transform-origin:50% 2px;z-index:2}.mini-legs i:first-child{left:15px}.mini-legs i:last-child{right:14px}.mini-legs.pose-1 i:first-child{transform:rotate(22deg)}.mini-legs.pose-1 i:last-child{transform:rotate(-22deg)}.mini-legs.pose-2 i:first-child{transform:rotate(-23deg)}.mini-legs.pose-2 i:last-child{transform:rotate(30deg)}.stage-card{border-radius:22px 13px;padding:13px}.stage-copy{min-height:43px;margin:0 2px 9px}.stage-kicker{margin-bottom:0;font-size:9px;line-height:14px}.material-note{max-width:120px;padding-top:2px}.paper-stage{position:relative;height:330px;border:1px solid rgba(60,35,39,.22);border-radius:17px 17px 10px 10px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(90deg,transparent 49.6%,rgba(119,58,59,.08) 50%,transparent 50.4%),radial-gradient(circle at 50% 20%,#fdf1d2,#e9c99f 42%,#bd766d 110%);box-shadow:inset 0 10px 24px #61343424}.paper-stage:before,.paper-stage:after{content:"";position:absolute;top:0;bottom:0;width:24px;z-index:5;pointer-events:none;background:linear-gradient(90deg,#9d4647,#c95d57);box-shadow:3px 0 9px #4c222629}.paper-stage:before{left:0}.paper-stage:after{right:0;transform:scaleX(-1)}.stage-cord{position:absolute;top:0;left:50%;width:1px;height:37px;background:#4b302c5c}.stage-cord:after{content:"";position:absolute;left:-4px;bottom:-4px;width:9px;height:9px;border-radius:50%;background:var(--stage-deep)}.stage-floor{position:absolute;right:22px;bottom:15px;left:22px;height:25px;border-radius:50%;background:#4e2f2e2e;filter:blur(2px)}.puppet{--puppet-base: #df9f35;--puppet-edge: #8f5e24;--paper-texture: linear-gradient(145deg, rgba(255, 255, 255, .18), transparent 62%);--paper-size: auto;position:relative;z-index:3;width:210px;height:280px;margin-top:11px;filter:drop-shadow(0 8px 4px rgba(78,45,39,.2));transform-origin:50% 90%}.color-0{--puppet-base: #e0a13b;--puppet-edge: #8f5e24}.color-1{--puppet-base: #cf675a;--puppet-edge: #813d40}.color-2{--puppet-base: #4f8e9a;--puppet-edge: #285764}.color-3{--puppet-base: #87627b;--puppet-edge: #55394e}.material-0{--paper-texture: linear-gradient(145deg, rgba(255, 255, 255, .2), transparent 60%);--paper-size: auto}.material-1{--paper-texture: radial-gradient(circle at 3px 3px, rgba(57, 34, 31, .22) 1px, transparent 1.4px);--paper-size: 8px 8px}.material-2{--paper-texture: repeating-linear-gradient(125deg, rgba(255, 255, 255, .18) 0 4px, rgba(50, 32, 34, .1) 4px 6px);--paper-size: auto}.part-control{position:absolute;min-width:44px;min-height:44px;margin:0;padding:0;border:0;display:block;background:transparent;cursor:pointer;touch-action:manipulation}.part-control:after{content:"";position:absolute;inset:4px;border:1px dashed transparent;border-radius:14px;transition:border-color .12s ease,background-color .12s ease}.part-control:hover:not(:disabled):after,.part-control:focus-visible:after{border-color:#32262b5c;background:#fff9ed21}.paper-piece{position:absolute;display:block;border:1px solid var(--puppet-edge);background-color:var(--puppet-base);background-image:var(--paper-texture);background-size:var(--paper-size);box-shadow:inset 2px 2px #ffffff29,2px 4px #5b362b1f;transition:transform .18s ease,border-radius .18s ease,width .18s ease,left .18s ease}.part-head{top:5px;left:70px;z-index:5;width:72px;height:74px}.head-piece{inset:9px;border-radius:50%}.face{position:absolute;top:23px;left:16px;width:5px;height:5px;border-radius:50%;background:var(--puppet-edge);box-shadow:18px 0 var(--puppet-edge)}.face:after{content:"";position:absolute;top:12px;left:8px;width:12px;height:5px;border-bottom:1px solid var(--puppet-edge);border-radius:50%}.part-head.pose-1 .head-piece{border-radius:30% 58% 40% 55%;transform:rotate(-9deg) translate(-2px,1px)}.part-head.pose-2 .head-piece{border-radius:11px;transform:rotate(8deg) scale(.94)}.part-arms{top:79px;left:8px;z-index:3;width:194px;height:112px}.part-arms:focus-visible{outline:0}.part-arms:focus-visible .arm-piece{outline:3px solid var(--focus);outline-offset:3px}.arm-piece{top:20px;width:25px;height:100px;border-radius:14px;transform-origin:50% 13px}.arm-piece-left{left:18px;transform:rotate(15deg)}.arm-piece-right{right:17px;transform:rotate(-15deg)}.part-arms.pose-1 .arm-piece-left{transform:rotate(58deg)}.part-arms.pose-1 .arm-piece-right{transform:rotate(-58deg)}.part-arms.pose-2 .arm-piece-left{transform:rotate(-43deg)}.part-arms.pose-2 .arm-piece-right{transform:rotate(43deg)}.part-arms.pose-3 .arm-piece-left{transform:rotate(142deg)}.part-arms.pose-3 .arm-piece-right{transform:rotate(-23deg)}.part-body{top:71px;left:56px;z-index:4;width:100px;height:126px}.body-piece{inset:9px 10px;border-radius:18px 18px 12px 12px}.part-body.pose-1 .body-piece{transform:skew(-8deg) rotate(-2deg);border-radius:12px 23px 15px 10px}.part-body.pose-2 .body-piece{left:5px;width:90px;transform:scaleY(.92) translateY(5px);border-radius:30px 30px 9px 9px}.part-legs{top:174px;left:49px;z-index:2;width:112px;height:103px}.leg-piece{top:2px;width:29px;height:91px;border-radius:7px 7px 14px 14px;transform-origin:50% 9px}.leg-left{left:24px}.leg-right{right:24px}.part-legs.pose-1 .leg-left{transform:rotate(22deg)}.part-legs.pose-1 .leg-right{transform:rotate(-22deg)}.part-legs.pose-2 .leg-left{transform:rotate(-24deg) translateY(-3px)}.part-legs.pose-2 .leg-right{transform:rotate(32deg) translateY(5px)}.puppet.is-idle{animation:paper-flutter 2.8s ease-in-out infinite}.puppet.is-previewing{animation:frame-pop .23s ease-out both}@keyframes paper-flutter{0%,to{filter:drop-shadow(0 8px 4px rgba(78,45,39,.2)) brightness(.99)}50%{filter:drop-shadow(0 11px 5px rgba(78,45,39,.24)) brightness(1.025)}}@keyframes frame-pop{0%{transform:scale(.975) rotate(-.5deg);opacity:.82}to{transform:scale(1) rotate(0);opacity:1}}.stage-hint{margin:9px 4px 0;color:var(--muted-ink);font-size:12px;line-height:18px;text-align:center}.controls-panel{border-radius:18px 12px;padding:11px}.preview-row{display:grid;grid-template-columns:minmax(112px,.75fr) minmax(0,1.25fr);gap:8px}.primary-button,.speed-button,.edit-grid button,.utility-row button,.share-fallback button{min-height:48px;border:1px solid var(--border);border-radius:12px;background:var(--paper);cursor:pointer;touch-action:manipulation;transition:transform .11s ease,filter .11s ease,background-color .11s ease}.primary-button{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--accent-ink);background:#f1bf56;font-size:15px;font-weight:850;line-height:20px;box-shadow:0 5px #633e2529}.primary-button.is-playing{color:var(--paper);background:var(--stage-deep)}.primary-button:active,.edit-grid button:active,.utility-row button:active{transform:translateY(2px)}.speed-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.speed-button{min-width:0;padding:5px;color:var(--muted-ink);font-size:11px;font-weight:750;line-height:16px}.speed-button[aria-pressed=true]{color:var(--paper);background:var(--stage-deep)}.edit-grid{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.edit-grid button{min-width:0;padding:8px 9px;display:flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--ink);font-size:12px;font-weight:750;line-height:17px;text-align:left}.edit-grid button>span:first-child:not(.control-swatch):not(.material-chip){width:22px;color:var(--stage-deep);font-size:18px;line-height:22px;text-align:center}.control-swatch,.material-chip{flex:0 0 auto;width:23px;height:23px;border:1px solid var(--puppet-edge);border-radius:50%;background-color:var(--puppet-base);background-image:var(--paper-texture);background-size:var(--paper-size)}.material-chip{--puppet-base: #d8b37b;--puppet-edge: #805d39;border-radius:6px}.utility-row{margin-top:8px;display:grid;grid-template-columns:.75fr .75fr 1.5fr;gap:7px}.utility-row button{min-width:0;padding:7px;color:var(--muted-ink);font-size:12px;font-weight:800;line-height:17px}.utility-row .share-button{color:var(--paper);background:#2d6e73}.share-note,.status-line{margin:8px 4px 0;color:var(--muted-ink);font-size:11px;line-height:17px}.status-line{min-height:17px;color:var(--stage-deep);font-weight:700;text-align:center}.share-fallback{margin-top:9px;padding:9px;border:1px dashed rgba(54,78,79,.35);border-radius:12px;background:#dfefe799}.share-fallback p{margin:0 0 4px;color:var(--ink);font-size:11px;font-weight:800;line-height:16px}.share-fallback a{min-height:44px;padding:7px 6px;display:flex;align-items:center;color:#285f65;font-size:10px;font-weight:650;line-height:15px;word-break:break-all}.share-fallback button{width:100%;margin-top:5px;color:var(--paper);background:#2d6e73;font-size:12px;font-weight:800;line-height:17px}footer{margin:14px 8px 0;color:var(--muted-ink);font-size:10px;line-height:16px;text-align:center}@media(max-width:349px){.app-shell{padding-right:9px;padding-left:9px}.frame-counter{min-width:56px}.frame-strip{gap:5px}.frame-slot{min-height:68px}.paper-stage{height:306px}.preview-row{grid-template-columns:1fr}}@media(min-width:560px)and (max-height:520px)and (min-aspect-ratio:4 / 3)and (max-aspect-ratio:3 / 1){.app-shell{width:100%;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.app-header{align-items:center;margin-bottom:9px}h1{font-size:29px;line-height:34px}.subtitle{display:none}.frame-counter{min-height:50px}.workspace{grid-template-columns:minmax(250px,.92fr) minmax(280px,1.08fr);align-items:start;gap:9px}.frame-panel,.stage-card{grid-column:1}.controls-panel{grid-column:2;grid-row:1 / span 2}.paper-stage{height:300px}.puppet.is-idle{animation:none}.stage-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.puppet.is-idle,.puppet.is-previewing{animation:none}}