:root{--page: #f7f4ee;--page-dot: #e3dbcf;--card: #ffffff;--card-soft: #f8fbfa;--field: #f4f9f8;--field-strong: #e6f5f2;--line: #cddcda;--line-strong: #97bbb5;--text: #1f3440;--text-soft: #394f5c;--muted: #667982;--faint: #8a9aa0;--teal: #1a847b;--teal-dark: #0e5e58;--teal-soft: #dbf3ef;--purple: #7258d6;--purple-soft: #f0edff;--danger: #e95050;--navy: #214254;--shadow: 0 12px 32px rgba(31, 52, 64, .08);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-width:1180px;min-height:100vh;background:radial-gradient(circle at 1px 1px,rgba(212,204,193,.55) 1px,transparent 0) 0 0 / 30px 30px,var(--page)}button,textarea,input,select{font:inherit}button{min-height:30px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:var(--field);color:var(--text);cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}button:hover:not(:disabled){border-color:var(--line-strong);box-shadow:0 5px 14px #1f344014;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.48}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:7px;outline:none;background:var(--field);color:var(--text-soft)}textarea{resize:none;line-height:1.5;padding:10px}input{padding:9px 10px}select{min-height:35px;padding:6px 9px}textarea:focus,input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1a847b1f}h1,h2,h3,p{margin:0}h2{font-size:11px;font-weight:850;letter-spacing:.01em}h3{font-size:11px;font-weight:800}.icon{display:block;flex:0 0 auto;width:18px;height:18px}.wide{width:100%}.primary{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:800}.primary:hover:not(:disabled){background:var(--teal-dark);border-color:var(--teal-dark)}.app-shell{min-height:100vh;display:grid;grid-template-columns:76px minmax(0,1fr)}.app-main{min-width:0;padding:10px 12px 14px 14px}.side-navigation{position:sticky;top:0;z-index:20;display:flex;flex-direction:column;align-items:stretch;height:100vh;border-right:1px solid #dde5e3;background:#ffffffe6;padding:15px 8px 12px}.brand-mark{display:grid;place-items:center;height:42px;margin-bottom:11px;color:var(--teal-dark)}.brand-mark .icon{width:25px;height:25px}.nav-primary,.nav-secondary{display:grid;gap:7px}.side-navigation button{display:grid;place-items:center;gap:4px;min-height:60px;padding:6px 3px;border-color:transparent;background:transparent;color:var(--navy);font-size:9px}.side-navigation button .icon{width:20px;height:20px}.side-navigation button.active{background:var(--teal);border-color:var(--teal);color:#fff;box-shadow:0 7px 15px #1a847b2e}.side-navigation button.active:hover{border-color:var(--teal)}.nav-divider{height:1px;margin:8px 12px;background:var(--line)}.side-navigation .help-button{width:28px;min-height:28px;margin:auto auto 0;border-color:var(--line);font-size:12px}.top-bar{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:0 3px 8px 12px}.page-heading{display:flex;align-items:center;gap:12px}.page-heading h1{font-size:18px;line-height:1}.page-heading span{color:var(--muted);font-size:11px;font-weight:600}.page-heading i{color:var(--line-strong);font-style:normal}.top-actions{display:flex;align-items:center;gap:8px}.top-actions button{display:flex;align-items:center;gap:6px;min-height:34px;background:#ffffffb8;font-size:10px;font-weight:700}.top-actions button .icon{width:14px;height:14px}.top-actions .back-button{color:var(--teal-dark)}.project-name{display:flex;align-items:center;gap:7px;margin-right:2px;color:var(--teal-dark);font-size:11px;font-weight:800}.avatar{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-strong);border-radius:999px;background:#ead8c7;color:var(--navy);font-size:10px;font-weight:900}.page-workspace{min-height:calc(100vh - 79px)}.panel{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow);padding:12px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.create-workspace{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(220px,260px);gap:9px;overflow:hidden}.create-workspace>*{min-width:0}.create-left{display:grid;grid-template-rows:minmax(270px,.92fr) minmax(285px,1.08fr);gap:9px;min-width:0;min-height:0}.create-center{display:flex;min-width:0;min-height:0}.reference-panel{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.segmented{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--field)}.segmented button{border:0;border-radius:0;background:transparent;color:var(--muted);font-size:10px}.segmented button.active{background:var(--teal-soft);color:var(--teal-dark);font-weight:800}.reference-art{position:relative;aspect-ratio:848 / 480;overflow:hidden;border:1px solid var(--line-strong);border-radius:6px;background:linear-gradient(#c9e3ee 0 47%,#ecf3ed 47% 52%,#aebbb5 52% 100%)}.reference-upload-preview{display:block;width:100%;max-height:210px;aspect-ratio:848 / 480;box-sizing:border-box;object-fit:cover;object-position:center;overflow:hidden;border:1px solid var(--line-strong);border-radius:6px;background:var(--field)}.reference-upload-placeholder{display:grid;place-items:center;max-height:210px;aspect-ratio:848 / 480;border:1px dashed #b9c5c8;border-radius:6px;background:#eceff0;color:#9aa8ac}.reference-upload-placeholder .icon{width:32px;height:32px;stroke-width:1.4;opacity:.72}.reference-art.green,.reference-art.orb{background:linear-gradient(#d8ece3 0 47%,#eef4ef 47% 52%,#b5c2ae 52% 100%)}.reference-art.ramp{background:linear-gradient(#c9e2ea 0 55%,#eef4f2 55% 59%,#dfe7e3 59% 100%)}.reference-art.compact{width:100%;height:34px;border:0;border-radius:4px}.reference-ground{position:absolute;inset:52% 0 0;background:#758a7e73}.reference-sun{position:absolute;top:20px;right:25px;width:28px;height:28px;border-radius:50%;background:#ffffffd9}.reference-cloud{position:absolute;height:9px;border-radius:999px;background:#ffffffbf}.cloud-one{top:30px;left:22px;width:42px}.cloud-two{top:51px;right:65px;width:35px}.paper-shape{position:absolute;z-index:2;background:#fffaf2;clip-path:polygon(3% 38%,61% 4%,96% 35%,85% 83%,25% 96%)}.paper-shape{top:53px;left:73px;width:118px;height:69px;transform:rotate(-8deg)}.orb-shape{position:absolute;z-index:2;display:grid;place-items:center;top:52px;left:83px;width:91px;height:60px;border-radius:5px;background:#6d9669}.orb-shape span{width:38px;height:38px;border:9px solid #d9eb94;border-radius:50%;background:#fbfff1}.ramp-shape{position:absolute;z-index:2;top:58px;left:70px;width:124px;height:45px;background:#dc5050;transform:rotate(-8deg)}.reference-art.compact .reference-sun,.reference-art.compact .reference-cloud{display:none}.reference-art.compact .paper-shape{top:9px;left:35%;width:29px;height:18px}.reference-art.compact .orb-shape{top:5px;left:calc(50% - 14px);width:28px;height:24px}.reference-art.compact .orb-shape span{width:15px;height:15px;border-width:4px}.reference-art.compact .ramp-shape{top:10px;left:30%;width:37px;height:14px}.reference-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.reference-thumbs button{padding:3px;min-height:40px}.reference-thumbs button.active{border-color:var(--teal);box-shadow:0 0 0 2px #1a847b24}.replace-image{display:flex;align-items:center;justify-content:center;gap:7px;min-height:30px;border:1px solid var(--line);border-radius:6px;background:var(--field);color:var(--teal-dark);cursor:pointer;font-size:10px;font-weight:800}.replace-image input{display:none}.replace-image .icon{width:13px;height:13px;transform:rotate(180deg)}.initial-panel{display:flex;flex-direction:column;gap:9px}.initial-panel textarea{flex:1;min-height:126px;font-size:11px}.duration-picker{display:grid;grid-template-columns:1fr 92px;align-items:center;gap:8px;color:var(--navy);font-size:9px;font-weight:850}.duration-picker input{min-height:34px;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:850;text-align:center}.preview-panel{display:flex;flex-direction:column;justify-content:flex-start;min-width:0;width:100%}.preview-panel .motion-stage{--stage-max-height: clamp(410px, calc(100vh - 205px) , 680px)}.preview-toolbar{display:flex;align-items:center;gap:5px}.preview-toolbar button{min-height:27px;padding:4px 8px;background:var(--field);font-size:9px;font-weight:700}.preview-toolbar button.active{border-color:var(--teal);background:var(--teal);color:#fff}.motion-stage{--stage-max-height: clamp(295px, calc(100vh - 350px) , 420px);position:relative;width:min(100%,calc(var(--stage-max-height) * 848 / 480));aspect-ratio:848 / 480;margin:0 auto;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#050809}.motion-pending-screen{position:absolute;inset:0;z-index:6;background:#050809}.stage-reference-backdrop{position:absolute;inset:-24px;z-index:0;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;object-position:center;filter:blur(20px) saturate(.9);transform:scale(1.08);opacity:.92;pointer-events:none}.stage-reference-image{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;transform-origin:center;background:transparent}.generated-output{position:absolute;inset:0;z-index:5;width:100%;height:100%;object-fit:cover;background:#102026}.motion-path{position:absolute;z-index:7;inset:0;width:100%;height:100%;pointer-events:none}.motion-path path{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-dasharray:7 6;pointer-events:stroke;cursor:pointer}.motion-path .mapped-path{stroke:var(--purple);transform:translate(-4px,4px)}.motion-path .left-hand-path{stroke:var(--purple)}.motion-path .right-hand-path{stroke:#f0b83f}.motion-path circle{fill:#fff;stroke:var(--teal);stroke-width:4}.motion-path .left-hand-node{stroke:var(--purple)}.motion-path .right-hand-node{stroke:#f0b83f}.motion-path .selected-path{stroke-width:6;stroke-dasharray:none;filter:drop-shadow(0 0 5px rgba(255,255,255,.86))}.motion-path .selected-path-nodes circle{r:10px;stroke-width:5;filter:drop-shadow(0 0 5px rgba(255,255,255,.86))}.stage-hand-skeleton{opacity:.45}.stage-hand-skeleton line{stroke-width:5;stroke-linecap:round;stroke-dasharray:none}.stage-hand-skeleton circle{fill:currentColor;stroke:#ffffffb8;stroke-width:1.5}.left-hand-skeleton{color:var(--purple);stroke:var(--purple)}.right-hand-skeleton{color:#f0b83f;stroke:#f0b83f}.left-hand-skeleton line{stroke:var(--purple)}.right-hand-skeleton line{stroke:#f0b83f}.playback-controls{padding:8px 5px 0}.playback-controls>input{width:100%;height:4px;accent-color:var(--teal)}.transport-row{position:relative;display:flex;align-items:center;justify-content:center;min-height:31px}.transport-buttons{display:flex;justify-content:center;align-items:center;gap:10px}.transport-buttons button{display:grid;place-items:center;min-width:30px;min-height:25px;padding:2px 7px;border-color:transparent;background:transparent;color:var(--navy);line-height:1}.transport-buttons .play-button{font-size:15px}.time-readout{position:absolute;left:calc(50% + 160px);display:flex;justify-content:center;gap:5px;font-size:9px}.time-readout strong{color:var(--teal)}.time-readout span{color:var(--muted)}.player-tools{position:absolute;right:0;display:flex;justify-content:flex-end;color:var(--navy);font-size:11px}.player-tools button{display:grid;place-items:center;min-width:24px;min-height:24px;padding:0;border-color:transparent;background:transparent;color:var(--navy);font-size:13px;line-height:1}.preview-panel:fullscreen,.focused-preview:fullscreen{display:flex;flex-direction:column;width:100vw;height:100vh;padding:22px;border:0;border-radius:0;background:#fff}.preview-panel:fullscreen .motion-stage,.focused-preview:fullscreen .motion-stage{--stage-max-height: calc(100vh - 112px) ;flex:0 0 auto}.preview-panel:fullscreen .playback-controls,.focused-preview:fullscreen .playback-controls{flex:0 0 auto}.segment-panel{min-width:0;overflow:hidden}.segment-panel .time-ruler{display:grid;grid-template-columns:repeat(9,1fr);margin-top:12px;color:var(--muted);font-size:8px}.thumbnail-track{position:relative;display:grid;grid-template-columns:repeat(10,1fr);gap:2px;height:50px;margin-top:6px}.thumbnail-track>button{position:relative;min-width:0;height:48px;min-height:0;padding:1px;overflow:hidden;border-radius:3px;background:#050809}.thumbnail-track>button img{display:block;width:100%;height:44px;border-radius:2px;object-fit:cover}.thumbnail-track>button>span:not(.thumbnail-pending){position:absolute;right:3px;bottom:3px;padding:1px 3px;border-radius:3px;background:#050809ad;color:#fff;font-size:7px;font-weight:850}.thumbnail-track .reference-art{height:44px}.thumbnail-pending{display:block;width:100%;height:44px;border-radius:3px;background:#050809}.selected-range{position:absolute;top:-3px;bottom:-3px;border:2px solid var(--teal);background:#dbf3ef47;pointer-events:none}.selected-range:before,.selected-range:after{content:"";position:absolute;top:-1px;bottom:-1px;width:5px;background:var(--teal)}.selected-range:before{left:-3px}.selected-range:after{right:-3px}.selected-range b{position:absolute;top:-18px;padding:2px 4px;border-radius:3px;background:var(--teal-dark);color:#fff;font-size:7px}.selected-range b:first-child{left:-2px}.selected-range b:last-child{right:-2px}.thumbnail-track .playhead{position:absolute;top:-14px;bottom:-6px;width:1px;background:var(--navy);pointer-events:none}.range-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:11px}.range-controls label{display:grid;grid-template-columns:29px 1fr;align-items:center;gap:6px;color:var(--muted);font-size:8px}.range-controls input{width:100%;accent-color:var(--teal)}.edit-entry{display:flex;flex-direction:column;gap:8px}.segment-summary{display:flex;align-items:baseline;gap:7px;color:var(--teal-dark);font-size:10px}.segment-summary span,.segment-summary small{color:var(--muted)}.edit-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;flex:1}.edit-entry-grid button{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;text-align:left;background:var(--field)}.edit-entry-grid button:last-child{border-color:#cdc4f2;background:var(--purple-soft);color:var(--purple)}.edit-entry-grid button .icon{width:20px;height:20px}.edit-entry-grid button span{display:grid;gap:3px;min-width:0}.edit-entry-grid strong{color:var(--teal-dark);font-size:9px}.edit-entry-grid button:last-child strong{color:var(--purple)}.edit-entry-grid small{color:var(--muted);font-size:7px;line-height:1.25}.empty-hint{color:var(--muted);font-size:10px}.help-panel{display:flex;flex-direction:column}.help-panel ol{display:grid;gap:0;margin:18px 0 0;padding:0;list-style:none}.help-panel li{position:relative;display:grid;grid-template-columns:27px 1fr;gap:8px;min-height:76px}.help-panel li:not(:last-child):after{content:"";position:absolute;top:23px;bottom:0;left:11px;width:1px;background:var(--line)}.help-panel li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--field-strong);color:var(--teal-dark);font-size:10px;font-weight:900}.help-panel li strong{font-size:10px}.help-panel li p{margin-top:7px;color:var(--muted);font-size:9px;line-height:1.45}.tips-card{display:grid;grid-template-columns:19px 1fr;gap:7px;margin-top:auto;padding:12px 10px;border:1px solid var(--line);border-radius:7px;background:var(--field)}.create-tips{align-self:flex-end;width:min(100%,360px)}.tips-card .icon{width:15px;height:15px;color:var(--teal)}.tips-card strong{color:var(--teal-dark);font-size:9px}.tips-card p{margin-top:7px;color:var(--muted);font-size:8px;line-height:1.5}.edit-workspace{display:grid;gap:10px}.text-workspace{grid-template-columns:minmax(0,2fr) minmax(310px,.92fr)}.motion-workspace{grid-template-columns:minmax(0,1fr) 400px}.focused-preview{min-width:0;padding:14px}.focused-preview .motion-stage{--stage-max-height: calc(100vh - 190px) ;min-height:0}.version-pill{padding:4px 7px;border-radius:4px;background:var(--field);color:var(--muted);font-size:8px}.instruction-panel{display:flex;flex-direction:column;gap:12px;padding:16px}.selected-reference-video{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--field)}.selected-reference-video .version-preview{width:92px}.selected-reference-video strong{display:block;overflow:hidden;color:var(--teal-dark);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.selected-reference-video small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.choose-reference-button{min-height:38px;color:var(--teal-dark);font-size:10px;font-weight:850}.textarea-wrap{position:relative;flex:1;min-height:300px}.textarea-wrap textarea{height:100%;min-height:300px;padding:13px;font-size:12px}.textarea-wrap small{position:absolute;right:10px;bottom:10px;color:var(--muted);font-size:9px}.instruction-actions{display:grid;gap:8px;margin-top:auto}.motion-focused .motion-stage{--stage-max-height: calc(100vh - 190px) ;min-height:0}.motion-stage-wrap{position:relative}.live-camera{min-width:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:7px;background:#fff}.live-camera-title{display:flex;justify-content:space-between;align-items:center;height:28px;padding:0 8px;color:var(--teal-dark);font-size:8px}.camera-body{position:relative;height:126px;overflow:hidden;background:#d7ddd9}.camera-body video,.hand-tracking-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-body video{transform:scaleX(-1)}.hand-tracking-canvas{z-index:1;pointer-events:none}.camera-placeholder{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:5px;background:#d8ddda}.camera-placeholder button{position:relative;z-index:2;min-height:25px;padding:3px 7px;background:#ffffffe0;font-size:8px}.camera-placeholder small{max-width:150px;color:var(--muted);font-size:7px;text-align:center}.camera-symbol{display:grid;place-items:center;width:58px;height:42px;border:2px solid rgba(26,132,123,.42);border-radius:8px;color:#0c5b56b8;background:#ffffff2e}.camera-symbol .icon{width:28px;height:28px;stroke-width:1.5}.joint-chip{position:absolute;right:6px;bottom:5px;padding:3px 5px;border-radius:3px;background:#ffffffd6;color:var(--teal-dark);font-size:7px}.camera-off-chip{position:absolute;right:6px;bottom:5px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;min-height:22px;padding:0 0 1px;border-radius:999px;border-color:#ffffffb8;background:#ffffffe0;color:var(--teal-dark);font-size:16px;line-height:16px;font-weight:900;text-align:center}.camera-off-chip:hover{background:#fff;color:var(--danger)}.capture-preview-panel{min-width:0}.capture-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px}.trajectory-preview{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--field)}.trajectory-title{display:flex;justify-content:space-between;align-items:center;height:28px;padding:0 8px;color:var(--teal-dark);font-size:8px}.trajectory-title span{padding:2px 4px;border-radius:3px;background:var(--teal-soft);color:var(--teal-dark);font-size:7px;font-weight:900}.trajectory-canvas{padding:4px 6px 6px}.trajectory-canvas svg{display:block;width:100%;height:96px}.trajectory-grid{fill:none;stroke:#c8d8d5;stroke-width:1}.trajectory-input,.trajectory-mapped,.trajectory-left,.trajectory-right{fill:none;stroke-linecap:round;stroke-width:3}.trajectory-input{stroke:var(--teal);stroke-dasharray:4 4}.trajectory-mapped,.trajectory-left{stroke:var(--purple)}.trajectory-right{stroke:#f0b83f}.trajectory-canvas circle{fill:#fff;stroke:var(--teal);stroke-width:2}.trajectory-legend{display:flex;gap:8px;color:var(--muted);font-size:7px}.trajectory-legend span:before{content:"";display:inline-block;width:9px;height:2px;margin-right:3px;vertical-align:middle;background:var(--purple)}.trajectory-legend span:last-child:before{background:#f0b83f}.camera-motion-preview{display:grid;align-content:center;justify-items:center;gap:7px;height:106px;padding:8px;overflow:hidden}.camera-motion-frame{position:relative;width:82%;aspect-ratio:16 / 9;border:2px solid var(--teal);border-radius:4px;background:#dce8e6;transform-origin:center}.camera-motion-frame:before,.camera-motion-frame:after{content:"";position:absolute;background:#12676066}.camera-motion-frame:before{top:50%;left:0;width:100%;height:1px}.camera-motion-frame:after{top:0;left:50%;width:1px;height:100%}.camera-motion-frame span{position:absolute;top:50%;left:50%;width:12px;height:12px;border:2px solid var(--teal-dark);border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.camera-motion-preview small{color:var(--muted);font-size:7px;font-variant-numeric:tabular-nums}.mapping-inspector{display:flex;flex-direction:column;gap:0;padding:10px}.mapping-inspector section{display:grid;gap:7px;padding:9px 0;border-bottom:1px solid #e7eeec}.mapping-inspector section:first-child{padding-top:2px}.mapping-inspector section h2{display:flex;align-items:center;gap:5px;font-size:9px}.mapping-inspector section h2>span{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--field-strong);color:var(--teal-dark);font-size:8px}.joint-grid button,.hand-mode-grid button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;font-size:8px}.joint-grid button.active,.hand-mode-grid button.active{border-color:var(--teal);background:var(--teal);color:#fff;font-weight:800}.joint-grid .icon{width:14px;height:14px}.hand-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px}.hand-tabs button{min-height:25px;border-color:transparent;background:transparent;color:var(--muted);font-size:8px}.hand-tabs button.active{border-bottom-color:var(--teal);color:var(--teal-dark);font-weight:800}.joint-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.hand-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.hand-mode-grid button{min-height:34px;background:var(--field);color:var(--muted)}.motion-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.motion-control-grid button{min-height:34px;background:var(--field);color:var(--muted);font-size:8px;font-weight:800}.motion-control-grid button.active{border-color:var(--teal);background:var(--teal);color:#fff}.control-mode-section .hand-mode-grid{margin-top:1px}.semantic-live-preview{display:grid;align-content:center;justify-items:center;gap:5px;min-height:106px;padding:9px;text-align:center}.semantic-live-preview strong{color:var(--teal-dark);font-size:12px}.semantic-live-preview small{color:var(--muted);font-size:8px}.semantic-live-preview output{color:var(--teal-dark);font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}.semantic-strength-meter{width:88%;height:5px;overflow:hidden;border-radius:999px;background:#dce8e6}.semantic-strength-meter span{display:block;height:100%;border-radius:inherit;background:var(--teal);transition:width .14s ease}.semantic-gesture-controls{display:grid;gap:8px}.semantic-gesture-controls>p{color:var(--muted);font-size:8px;line-height:1.45}.semantic-gesture-cards{display:grid;gap:6px}.semantic-gesture-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--field)}.semantic-gesture-card.active{border-color:var(--teal);background:var(--teal-soft);box-shadow:inset 0 0 0 1px #1a847b1f}.semantic-gesture-card.confirmed{box-shadow:inset 3px 0 0 var(--teal-dark)}.semantic-gesture-card strong{color:var(--teal-dark);font-size:9px}.semantic-gesture-card output{color:var(--teal-dark);font-size:9px;font-weight:900;font-variant-numeric:tabular-nums}.semantic-gesture-card p{grid-column:1 / -1;display:-webkit-box;overflow:hidden;color:var(--muted);font-size:8px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.semantic-gesture-card .semantic-strength-meter{grid-column:1 / -1;width:100%}.semantic-confirmation{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#fff}.semantic-confirmation.confirmed{border-color:var(--teal-dark);background:var(--teal-soft)}.semantic-confirmation>div{display:grid;gap:2px;min-width:0}.semantic-confirmation strong{color:var(--teal-dark);font-size:8px}.semantic-confirmation span{color:var(--muted);font-size:7px}.semantic-confirmation button{min-height:28px;padding:4px 10px;font-size:8px;white-space:nowrap}.semantic-gesture-hint{color:var(--muted);font-size:8px;line-height:1.45}.camera-motion-controls{display:grid;gap:7px}.camera-control-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.camera-control-heading label{display:flex;align-items:center;gap:5px;color:var(--teal-dark);font-size:8px;font-weight:800}.camera-control-heading input{width:13px;height:13px;accent-color:var(--teal-dark)}.camera-control-heading button{min-height:24px;padding:2px 7px;font-size:7px}.camera-control-row{display:grid;grid-template-columns:54px minmax(0,1fr) 42px;align-items:center;gap:6px;color:var(--muted);font-size:7px}.camera-control-row input[type=range]{width:100%;height:14px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.camera-control-row input[type=range]::-webkit-slider-runnable-track{height:4px;border:0;border-radius:0;background:#c8e9e3}.camera-control-row input[type=range]::-webkit-slider-thumb{width:3px;height:14px;margin-top:-5px;border:0;border-radius:1px;appearance:none;-webkit-appearance:none;background:var(--teal-dark)}.camera-control-row input[type=range]::-moz-range-track{height:4px;border:0;border-radius:0;background:#c8e9e3}.camera-control-row input[type=range]::-moz-range-thumb{width:3px;height:14px;border:0;border-radius:1px;background:var(--teal-dark)}.camera-control-row output{color:var(--teal-dark);font-size:7px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.camera-easing-row{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:6px;color:var(--muted);font-size:7px}.camera-easing-row select{width:100%}.camera-gesture-hint{color:var(--muted);font-size:7px;line-height:1.45}.semantic-settings{display:grid;gap:9px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8}.semantic-settings h3{color:var(--navy);font-size:11px}.semantic-settings>p{color:var(--muted);font-size:8px;line-height:1.45}.semantic-settings label{display:grid;gap:5px;color:var(--teal-dark);font-size:9px;font-weight:800}.semantic-settings textarea{min-height:70px;resize:vertical;font-size:10px;line-height:1.45}.more-joints{min-height:24px;border:0;background:transparent;color:var(--teal-dark);font-size:8px}.mapping-inspector select{min-height:30px;font-size:9px}.reference-path-panel{flex:1;min-height:0}.reference-path-canvas{position:relative;width:100%;aspect-ratio:848 / 480;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#050809}.reference-path-canvas img,.reference-path-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.reference-path-empty{display:grid;place-items:center;width:100%;height:100%;color:#ffffff73;background:#050809}.reference-path-empty .icon{width:34px;height:34px}.reference-path-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.reference-path-overlay path{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:8 7;filter:drop-shadow(0 1px 2px rgba(255,255,255,.65))}.reference-path-overlay .left-hand-path{stroke:var(--purple)}.reference-path-overlay .right-hand-path{stroke:#f0b83f}.reference-path-overlay circle{fill:#fff;stroke-width:5;filter:drop-shadow(0 1px 2px rgba(255,255,255,.65))}.reference-path-overlay .left-hand-node{stroke:var(--purple)}.reference-path-overlay .right-hand-node{stroke:#f0b83f}.semantic-hand-overlay{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.semantic-frozen-hand{opacity:.68;color:#d8fffb;filter:drop-shadow(0 3px 8px rgba(0,82,79,.5))}.semantic-frozen-hand polygon{fill:#6cded347;stroke:#e6fffdd9;stroke-width:2;stroke-linejoin:round}.semantic-frozen-hand line{stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.semantic-frozen-hand circle{fill:#f2fffee6;stroke:#117b73e6;stroke-width:2}.capture-actions{display:grid;gap:6px;margin-top:auto;padding-top:10px}.capture-actions button{min-height:38px;font-size:9px;font-weight:800}.capture-actions .wide{grid-column:1 / -1}.path-actions{display:flex;justify-content:flex-end;min-height:38px;padding:6px 4px 0}.path-actions button{min-width:116px;min-height:30px;font-size:9px;font-weight:800}.job-status,.connection-warning,.job-error{width:100%;max-width:100%;min-width:0;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;border-radius:6px;font-size:9px}.job-status{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:var(--teal-soft);color:var(--teal-dark);font-weight:800}.job-status span{min-width:0;overflow-wrap:anywhere}.job-status button,.job-error button{flex:0 0 auto;min-height:22px;padding:2px 6px}.connection-warning{padding:7px;border:1px solid #ead48b;background:#fff8df;color:#715c19}.job-error{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px;border:1px solid #eeb8ae;background:#fff3f1;color:#7b2c21}.job-error div{display:grid;min-width:0;gap:2px}.job-error strong,.job-error small{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.job-error small{font-size:7px}.versions-workspace,.works-workspace{display:grid;align-content:start;gap:12px}.versions-toolbar,.works-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}.versions-toolbar>span,.works-toolbar>span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;color:var(--teal-dark);font-size:10px;font-weight:800}.versions-toolbar>div{display:flex;align-items:center;gap:9px}.versions-toolbar small{color:var(--muted);font-size:10px;font-weight:800}.versions-toolbar button,.works-toolbar button{min-height:34px;padding-inline:14px;font-size:9px;font-weight:850}.version-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.version-card{display:grid;grid-template-rows:auto auto auto auto minmax(33px,1fr) auto;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fffffff0;box-shadow:var(--shadow)}.version-card.active{border-color:var(--teal);box-shadow:0 0 0 2px #1a847b21,var(--shadow)}.version-card.selected{border-color:#1a847bb8;box-shadow:0 0 0 2px #1a847b29,var(--shadow)}.version-select{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:16px;color:var(--muted);font-size:8px;font-weight:800;cursor:pointer}.version-select input{width:14px;height:14px;margin:0;accent-color:var(--teal)}.version-preview{position:relative;aspect-ratio:848 / 480;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--field)}.version-preview video,.version-preview img{width:100%;height:100%;object-fit:cover;background:#112126}.version-preview .reference-art{width:100%;height:100%;border:0;border-radius:0}.version-empty-preview{width:100%;height:100%;background:#050809}.version-preview>span{position:absolute;top:8px;left:8px;padding:4px 6px;border-radius:4px;background:#214254c7;color:#fff;font-size:8px;font-weight:800}.version-card-heading{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px}.version-card-heading>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--field-strong);color:var(--teal-dark);font-size:9px;font-weight:900}.version-card-heading div{display:grid;gap:3px;min-width:0}.version-card-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.version-card-heading small{color:var(--muted);font-size:8px}.version-card-heading em{padding:3px 5px;border-radius:3px;background:var(--teal-soft);color:var(--teal-dark);font-size:8px;font-style:normal;font-weight:800}.version-segment{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:8px;border:1px solid #e4ecea;border-radius:6px;background:var(--field)}.version-segment span{grid-column:1 / -1;color:var(--muted);font-size:8px;font-weight:800}.version-segment strong{color:var(--teal-dark);font-size:10px}.version-segment small{color:var(--muted);font-size:9px}.version-description{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:9px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.version-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.version-card-actions button{min-height:34px;font-size:9px;font-weight:800}.empty-versions{display:grid;justify-items:center;gap:9px;padding:54px 20px;color:var(--muted);text-align:center}.empty-versions .icon{width:30px;height:30px;color:var(--teal)}.empty-versions h2{color:var(--text);font-size:14px}.empty-versions p{font-size:11px}.work-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.work-card{display:grid;grid-template-rows:auto auto auto;gap:10px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fffffff0;box-shadow:var(--shadow)}.work-preview{aspect-ratio:848 / 480;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#050809}.work-preview video{width:100%;height:100%;object-fit:cover;background:#050809}.work-card-heading{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px}.work-card-heading>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--field-strong);color:var(--teal-dark);font-size:8px;font-weight:900}.work-card-heading div{display:grid;min-width:0;gap:3px}.work-card-heading strong{overflow:hidden;color:var(--navy);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.work-card-heading small{color:var(--muted);font-size:8px}.work-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.work-card-actions button{min-height:34px;font-size:9px;font-weight:800}.settings-workspace{display:grid;grid-template-columns:minmax(420px,720px) minmax(300px,1fr);align-content:start;gap:14px;padding-top:4px}.settings-panel{display:grid;gap:15px;padding:18px}.settings-heading{display:grid;gap:6px}.settings-heading h2{font-size:12px}.settings-heading p{color:var(--muted);font-size:10px;line-height:1.45}.settings-field{display:grid;gap:7px;color:var(--navy);font-size:9px;font-weight:850}.settings-field small{color:var(--muted);font-size:8px;line-height:1.35}.settings-field select{min-height:38px;font-size:11px;font-weight:750}.api-key-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:7px}.api-key-row input{min-width:0;min-height:38px;font-size:11px}.api-key-row button{min-height:38px;font-size:9px;font-weight:800}.settings-prompt{min-height:118px;font-size:11px}.settings-number-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.settings-number-grid input{min-height:36px;font-size:11px;font-weight:750}.settings-actions{display:flex;gap:8px}.settings-actions button{min-width:108px;min-height:38px;font-size:9px;font-weight:850}.archived-panel{display:grid;align-content:start;gap:13px;padding:18px}.archive-toggle{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding-inline:12px;font-size:10px;font-weight:850}.archive-toggle span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:9px}.archived-version-list{display:grid;gap:10px;max-height:calc(100vh - 260px);overflow:auto;padding-right:2px}.archived-version-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#ffffffe0}.archived-version-item .version-preview{grid-row:span 2;align-self:start}.archived-version-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.archived-version-item small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.archived-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.archived-version-item button{align-self:end;min-height:30px;font-size:9px;font-weight:850}.archived-empty{padding:18px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:10px;text-align:center}.version-preview-backdrop{position:fixed;z-index:86;inset:0;display:grid;place-items:center;padding:22px;background:#0000009e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.version-preview-dialog{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;width:min(1080px,94vw);max-height:92vh;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#101010;box-shadow:0 24px 80px #00000094}.version-preview-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 2px 0 8px;color:#fff}.version-preview-dialog-heading h2{color:#fff;font-size:12px}.version-preview-dialog-heading p{margin-top:2px;color:#ffffff94;font-size:9px;font-weight:800}.version-preview-dialog-close{min-width:62px;min-height:30px;border-color:#ffffff38;background:#ffffff14;color:#fff;font-size:9px;font-weight:850}.version-preview-dialog-close:hover{background:#ffffff24}.version-preview-dialog-actions{display:flex;align-items:center;gap:8px}.version-preview-dialog-actions>button:first-child{min-width:76px;min-height:30px;border-color:#6ddcce8a;background:#208f84b3;color:#fff;font-size:9px;font-weight:850}.version-preview-player{display:grid;place-items:center;min-height:0;overflow:hidden;border-radius:10px;background:#000}.version-preview-player video,.version-preview-player img{display:block;width:100%;max-height:calc(92vh - 74px);object-fit:contain;background:#000}.work-editor-backdrop{position:fixed;z-index:87;inset:0;display:grid;place-items:center;padding:22px;background:#08121694;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.work-editor-dialog{display:grid;gap:14px;width:min(880px,94vw);max-height:90vh;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 22px 70px #0a1c2259}.work-editor-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.work-editor-heading h2{font-size:16px}.work-editor-heading p{margin-top:5px;color:var(--muted);font-size:10px}.work-editor-heading button,.work-editor-footer button{min-width:92px;min-height:36px;font-size:9px;font-weight:850}.work-title-field{display:grid;gap:6px;color:var(--navy);font-size:9px;font-weight:850}.work-title-field input{min-height:38px;font-size:11px}.work-clip-list{display:grid;gap:8px}.work-clip-row{display:grid;grid-template-columns:30px minmax(0,1fr) 174px auto;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.work-clip-order{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:9px;font-weight:900}.work-clip-copy{display:grid;min-width:0;gap:4px}.work-clip-copy strong{overflow:hidden;color:var(--navy);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.work-clip-copy small{color:var(--muted);font-size:8px}.work-clip-time{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.work-clip-time label{display:grid;gap:3px;color:var(--muted);font-size:8px;font-weight:800}.work-clip-time input{min-width:0;min-height:30px;padding-inline:7px;font-size:9px}.work-clip-actions{display:flex;align-items:center;gap:4px}.work-clip-actions button{min-width:30px;min-height:30px;padding-inline:7px;font-size:9px;font-weight:850}.work-clip-actions button:last-child{min-width:58px}.work-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;font-weight:800}.work-editor-footer>div{display:flex;gap:8px}.crop-modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:24px;background:#0812168f}.crop-modal{display:grid;gap:13px;width:min(900px,94vw);padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 22px 70px #0a1c2259}.crop-modal-heading{display:grid;gap:6px}.crop-modal-heading h2{font-size:13px}.crop-modal-heading p{color:var(--muted);font-size:10px;line-height:1.45}.crop-editor-shell{display:grid;justify-items:center;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#111}.crop-editor{position:relative;width:100%;max-height:min(64vh,660px);overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.crop-editor img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.crop-dim{position:absolute;z-index:1;background:#05080994;pointer-events:none}.crop-dim.top{top:0;left:0;width:100%}.crop-dim.left{left:0}.crop-dim.right{right:0}.crop-dim.bottom{left:0;right:0;bottom:0}.crop-box{position:absolute;z-index:2;overflow:visible;border:2px solid #fff;box-shadow:0 0 0 1px #0d7068b8,0 8px 24px #00000038;cursor:move}.crop-box:before{content:"";position:absolute;inset:-9999px;pointer-events:none}.crop-grid{position:absolute;background:#ffffffb8;pointer-events:none}.crop-grid.vertical-one{top:0;bottom:0;left:33.333%;width:1px}.crop-grid.vertical-two{top:0;bottom:0;left:66.666%;width:1px}.crop-grid.horizontal-one{left:0;right:0;top:33.333%;height:1px}.crop-grid.horizontal-two{left:0;right:0;top:66.666%;height:1px}.crop-handle{position:absolute;z-index:3;width:18px;height:18px;min-width:0;min-height:0;padding:0;border:2px solid #fff;border-radius:999px;background:var(--teal);box-shadow:0 0 0 1px #0d706873,0 2px 8px #0000003d}.crop-handle.nw{top:-10px;left:-10px;cursor:nwse-resize}.crop-handle.ne{top:-10px;right:-10px;cursor:nesw-resize}.crop-handle.sw{bottom:-10px;left:-10px;cursor:nesw-resize}.crop-handle.se{right:-10px;bottom:-10px;cursor:nwse-resize}.crop-actions{display:flex;justify-content:flex-end;gap:8px}.crop-actions button{min-width:120px;min-height:36px;font-size:9px;font-weight:850}.frame-picker-backdrop{position:fixed;z-index:82;inset:0;display:grid;place-items:center;padding:24px;background:#08121694}.frame-picker-modal{display:grid;gap:14px;width:min(940px,94vw);padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 22px 70px #0a1c2259}.frame-picker-heading{display:grid;gap:6px}.frame-picker-heading h2{font-size:13px}.frame-picker-heading p{color:var(--muted);font-size:10px;line-height:1.45}.frame-picker-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px;align-items:start}.frame-version-list{display:grid;gap:7px;max-height:440px;overflow:auto;padding-right:3px}.motion-reference-upload{display:grid;gap:3px;min-height:68px;padding:10px;border:1px dashed var(--teal);border-radius:7px;background:var(--teal-soft);color:var(--teal-dark);cursor:pointer}.motion-reference-upload:hover{background:#dff6f4}.motion-reference-upload input{display:none}.motion-reference-upload strong{font-size:10px;font-weight:900}.motion-reference-upload small,.frame-version-list-label,.frame-version-list-empty{color:var(--muted);font-size:8px;line-height:1.35}.frame-version-list-label{margin:4px 0 -1px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.frame-version-list-empty{margin:3px 2px}.uploaded-reference-choice{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center;min-height:58px;padding:9px;border:1px solid var(--teal);border-radius:7px;text-align:left;background:#effaf9}.uploaded-reference-choice span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--teal);color:#fff;font-size:15px;font-weight:900}.uploaded-reference-choice strong{overflow:hidden;color:var(--teal-dark);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.uploaded-reference-choice small{grid-column:2;color:var(--teal-dark);font-size:8px}.frame-version-list button{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center;min-height:58px;padding:9px;border-radius:7px;text-align:left}.frame-version-list button span{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--teal-soft);color:var(--teal-dark);font-size:9px;font-weight:900}.frame-version-list button strong{color:var(--navy);font-size:10px}.frame-version-list button small{grid-column:2;color:var(--muted);font-size:8px;font-weight:800}.frame-version-list button.active{border-color:var(--teal);background:var(--teal-soft)}.frame-version-list button.active span{background:var(--teal);color:#fff}.frame-version-list button:disabled{background:#f7f9f8;border-style:dashed;opacity:.62}.frame-version-list button:disabled span{background:#e7eeee;color:#7a8c91}.frame-picker-main{display:grid;gap:10px}.frame-selected-preview{position:relative;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#050809}.frame-selected-preview>img,.frame-selected-preview>video,.selected-frame-empty.large{display:block;width:100%;aspect-ratio:848 / 480;background:#050809;object-fit:cover}.selected-frame-badge{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:6px;background:#050809c2;color:#fff;box-shadow:0 5px 14px #00000038}.selected-frame-badge strong{font-size:9px;letter-spacing:.02em}.selected-frame-badge span{color:#9ff0e6;font-size:10px;font-weight:900}.selected-frame-summary{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.selected-frame-summary img,.selected-frame-empty{width:100%;aspect-ratio:16 / 9;border:2px solid var(--teal);border-radius:6px;background:#050809;object-fit:cover}.selected-frame-summary div{display:grid;gap:3px}.selected-frame-summary strong{color:var(--teal-dark);font-size:10px}.selected-frame-summary span{color:var(--navy);font-size:14px;font-weight:900}.selected-frame-summary small{color:var(--muted);font-size:8px;line-height:1.35}.frame-time-control{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;color:var(--teal-dark);font-size:10px;font-weight:900}.frame-time-control input{width:100%;accent-color:var(--teal)}.frame-picker-link{justify-self:start;padding:0;border:0;background:transparent;color:var(--teal-dark);font-size:9px;font-weight:800;text-decoration:underline}.frame-picker-error{width:100%;max-width:100%;min-width:0;margin:0;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;padding:8px 10px;border:1px solid #efb0a7;border-radius:6px;background:#fff4f1;color:#9a3a2d;font-size:10px;line-height:1.4}.frame-picker-actions{display:flex;justify-content:flex-end;gap:8px}.frame-picker-actions button,.frame-picker-empty button{min-width:120px;min-height:36px;font-size:9px;font-weight:850}.frame-picker-empty{display:grid;justify-items:center;gap:12px;padding:42px 12px;color:var(--muted);font-size:11px;text-align:center}.toast{position:fixed;z-index:70;left:50%;bottom:24px;width:max-content;max-width:min(520px,calc(100vw - 32px));transform:translate(-50%);overflow:hidden;overflow-wrap:anywhere;word-break:break-word;padding:9px 14px;border-radius:8px;background:var(--navy);color:#fff;box-shadow:0 8px 24px #1f34403d;font-size:10px;font-weight:800;text-align:center}.session-gate{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.session-gate form{display:grid;gap:16px;width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.session-gate form>span{color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.12em}.session-gate h1{font-size:26px}.session-gate p{color:var(--muted);line-height:1.55}.session-gate input{padding:11px;border:1px solid var(--line);border-radius:7px;outline:0}.session-gate input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #1a847b1f}.session-error{max-width:100%;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;color:#9e3528;font-size:12px}.loading-session{color:var(--muted);font-weight:800}@keyframes floatSubject{0%,to{translate:0 0;rotate:0deg}50%{translate:38px -42px;rotate:8deg}}@keyframes blink{50%{opacity:.25}}@media(min-width:1680px){.create-workspace{grid-template-columns:minmax(270px,310px) minmax(0,1fr) minmax(245px,285px);gap:12px}.create-left,.create-center{gap:12px}.panel{padding:14px}}@media(max-width:1279px){body{min-width:1180px}.app-main{padding-left:10px;padding-right:10px}.create-workspace{grid-template-columns:minmax(225px,250px) minmax(0,1fr) minmax(205px,230px)}.top-actions .project-name{display:none}}