:root{--ink:#17314f;--sub:#61778f;--blue:#469ef5;--pale:#ebf5ff;--line:#dce7f4;--panel:#fff;--shadow:0 20px 55px rgba(39,82,128,.09);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#f8fbff,#edf6ff 55%,#f8fbff);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.985);transform:translateY(-1px)}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:focus-visible,canvas:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2284e7;outline-offset:3px}nav{display:flex;gap:22px;color:#5c7289;font-size:.91rem}.topbar{height:70px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);border-bottom:1px solid #e4edf9;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:-.03em;font-size:1.17rem}.brandmark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#73b7ff,#318bea);display:grid;place-items:center;color:#fff;font-size:1.25rem;box-shadow:0 9px 20px #64aafa55}.headerlabel{font-size:.73rem;letter-spacing:.17em;font-weight:800;color:#7391b3}.layout{max-width:1680px;margin:auto;padding:32px 28px}.intro{padding:3px 2px 27px}.eyebrow{font-weight:800;color:#5681ac;letter-spacing:.14em;font-size:.76rem}.pill{padding:6px 11px;border-radius:999px;background:#e5f2ff;letter-spacing:normal;font-size:.73rem;color:#3b89c6;margin-left:11px}.intro h1{font-size:clamp(2.5rem,4.8vw,4.6rem);letter-spacing:-.055em;line-height:1.06;margin:13px 0}.intro h1 span{color:var(--blue)}.intro p{font-size:1.04rem;line-height:1.7;max-width:1020px;color:#4b627a}.privacy{display:inline-block;font-size:.82rem;color:#42739f;background:#e9f4ff;border:1px solid #d6e9fa;border-radius:10px;padding:9px 13px;font-weight:650}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr) 310px;align-items:start;gap:18px}.panel{border:1px solid #dfebf8;background:rgba(255,255,255,.94);border-radius:22px;box-shadow:var(--shadow);padding:19px}.controls-panel,.export-panel{position:sticky;top:90px}.panelheading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:15px}h2{font-size:1rem;margin:0;font-weight:800;letter-spacing:-.015em}.counter{color:#6e98bd;font-size:.69rem;font-weight:800;letter-spacing:.12em}.panel label{display:block;font-size:.84rem;font-weight:700;margin:15px 0 7px}.panel input[type=number],.panel select{width:100%;background:#f8fbff;border:1px solid #dae7f5;border-radius:11px;min-height:40px;padding:8px 10px;color:var(--ink)}.panel input[type=range]{width:100%;height:22px;accent-color:#4b9ef2;cursor:pointer}.panel output{float:right;color:#3d86c6;font-variant-numeric:tabular-nums}.primary,.subtle,.upload{border-radius:13px;border:1px solid #d9e7f6;min-height:41px;padding:10px 13px;font-weight:740;transition:transform .16s,filter .16s}.primary{background:linear-gradient(135deg,#4fafff,#3d90f4);border-color:#4799e8;color:#fff;box-shadow:0 8px 18px #5caefa44}.subtle{background:#f5f9ff;color:#355877}.upload{display:block;width:100%;text-align:left;background:#ebf6ff;border-style:dashed;border-color:#b8d8fa;color:#326d9d}.upload small{display:block;margin-top:4px;color:#6b8eae;font-weight:500;font-size:.75rem}.full{width:100%;margin-top:10px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f0f6fd;padding:5px;border-radius:13px}.segmented button{border:0;border-radius:10px;background:0 0;color:#547089;padding:10px;font-weight:730}.segmented button.selected{background:#fff;color:#2674ba;box-shadow:0 4px 16px #aacbea44}.file-note{font-size:.79rem;min-height:34px;color:#4d799e;background:#f5faff;padding:10px;border-radius:11px}.move-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.move-grid button{border:1px solid #dceafb;background:#f5f9fe;border-radius:11px;font-size:.7rem;font-weight:750;padding:8px 2px;color:#526f8b;min-height:62px}.move-grid button span{display:block;font-size:1.35rem;font-weight:500;margin-bottom:3px}.move-grid button.selected{background:#e7f3ff;color:#2074c0;border-color:#81bbfa}.hint{font-size:.79rem;color:var(--sub);line-height:1.5;margin:11px 0}.pose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pose-grid label{margin:7px 0 4px!important;font-size:.77rem}.pose-grid input{padding:7px 4px!important;text-align:center;font-size:.81rem!important;min-width:0}.panel hr{border:0;border-top:1px solid #e6edf7;margin:20px 0}.stagecol{min-width:0;display:grid;gap:18px}.preview-panel{padding:18px}.preview-badges{display:flex;gap:8px;flex-wrap:wrap}.preview-badges span,.stage-badge{background:#eef6ff;border:1px solid #dcecff;border-radius:8px;padding:6px 9px;color:#5682a8;font-size:.71rem;font-weight:760}.canvaswrap{border-radius:15px;overflow:hidden;background:#dceafa;position:relative;box-shadow:inset 0 0 0 1px #d2e2f1}.canvaswrap canvas{display:block;max-width:100%;width:auto;height:auto;max-height:65vh;object-fit:contain;background:#dceafa;margin:auto}.canvas-corner{position:absolute;top:15px;left:17px;font-size:.72rem;font-weight:850;letter-spacing:.14em;color:#326f9a;padding:8px 11px;background:#fff9;border-radius:8px;pointer-events:none}.canvas-corner span{color:#2292fb}.stage-badge{position:absolute;right:12px;bottom:12px;background:#fafdffdc;pointer-events:none}.transport{display:flex;align-items:center;gap:9px;margin-top:13px}.transport input[type=range]{flex:1;min-width:70px}.transport time{font-size:.79rem;color:#627d98;white-space:nowrap;font-variant-numeric:tabular-nums}.preview-foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;color:#6b829c;font-size:.79rem;align-items:center}.check{display:flex!important;gap:6px;margin:0!important;align-items:center;white-space:nowrap}.check input{accent-color:#318dec}.timeline-panel{min-height:180px}.timeline-track{height:16px;border-radius:20px;background:#eaf4ff;overflow:hidden;cursor:pointer;position:relative;display:flex;gap:2px;padding:3px}.bar{height:10px;border-radius:5px;background:#70b7ff;position:relative;flex-shrink:0}.bar.hold{background:#cadfee}.bar.active{background:#268ef2}.timeline-progress{position:absolute;z-index:2;width:2px;left:0;top:0;bottom:0;background:#1b568f;pointer-events:none}.sequence-summary{display:flex;justify-content:space-between;color:#55738e;font-size:.8rem;margin:13px 0 8px}.move-list{max-height:330px;overflow:auto}.move-row{border:1px solid #e1eafa;border-radius:13px;padding:11px;margin:8px 0;background:#fafdff}.move-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.move-name{font-weight:760;font-size:.85rem}.move-description{font-size:.74rem;color:#627d98}.move-edit{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:8px}.move-edit label{margin:0!important;font-size:.72rem}.move-edit input,.move-edit select{min-height:31px!important;padding:4px 5px!important;font-size:.78rem}.actions{display:flex;flex-wrap:wrap;gap:6px}.tiny{padding:6px 9px;min-height:30px;font-size:.75rem;border-radius:9px}.bottom-actions{margin-top:10px}.bottom-actions button{flex:1}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0 8px}.metrics div{background:#f5f9fe;border:1px solid #e4eef7;border-radius:13px;padding:11px}.metrics small{display:block;font-size:.73rem;color:#7a94aa;margin-bottom:6px}.metrics strong{font-size:.88rem;font-variant-numeric:tabular-nums}.note{border:1px solid #ddeefa;border-radius:14px;background:#f3faff;padding:13px;margin-top:16px}.note strong{font-size:.83rem}.note p{font-size:.78rem;color:#577590;line-height:1.58;margin:7px 0 0}.note.muted{background:#f9fbfd}.danger{color:#a94b54}.seo{margin-top:30px;padding:15px 5px}.seo h2{font-size:1.19rem}.seo p{color:#607990;line-height:1.7;max-width:1000px;font-size:.9rem}.busy{position:fixed;inset:0;background:#0e294d99;z-index:90;display:grid;place-items:center;padding:20px}.busycard{width:min(100%,420px);background:#fff;border-radius:24px;padding:30px;text-align:center;box-shadow:0 22px 70px #09294f66}.busycard h2{margin:12px 0}.busycard p{color:#64809b}.busycard button{margin-top:15px}.spinner{width:46px;height:46px;margin:auto;border:4px solid #dceeff;border-top-color:#278ff5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:8px;background:#e8f2ff;border-radius:20px;overflow:hidden}.progress div{background:#369af5;width:0;height:100%;transition:width .16s}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:1330px){.workspace{grid-template-columns:285px minmax(0,1fr)}.export-panel{grid-column:1/-1;position:static;display:block}.controls-panel{position:static}.export-panel .metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:980px){.workspace{grid-template-columns:minmax(0,1fr)}.controls-panel,.export-panel{grid-column:auto}.layout{padding:20px 16px}.controls-panel{position:static}.move-grid{grid-template-columns:repeat(8,1fr)}}@media(max-width:660px){.topbar{padding:0 14px;height:62px}.topbar nav{display:none}.headerlabel{font-size:.65rem}.intro{padding-bottom:15px}.intro h1{font-size:2.6rem}.panel{border-radius:17px;padding:14px}.move-grid{grid-template-columns:repeat(4,1fr)}.transport{flex-wrap:wrap}.transport input[type=range]{flex-basis:100%;order:3}.transport time{margin-left:auto}.preview-foot{flex-wrap:wrap}.preview-badges span:last-child{display:none}.metrics{grid-template-columns:repeat(2,1fr)!important}.move-edit{grid-template-columns:repeat(2,1fr)}.bottom-actions button{flex-basis:100%}.canvas-corner{font-size:.57rem}.stage-badge{font-size:.59rem}.brand{font-size:1rem}}.path-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 6px;font-size:.78rem;color:#416b90}.path-map-head span{font-size:.72rem;color:#7291ae}.path-map{display:block;width:100%;height:auto;border-radius:13px;border:1px solid #dce8f7;background:#f5f9ff}.path-map:focus-visible{outline:3px solid #2284e7;outline-offset:2px}.move-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:660px){.move-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}