.scene-blur-guides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:crosshair;touch-action:none}.scene-blur-guides svg{width:100%;height:100%;pointer-events:none;overflow:visible}.scene-blur-guides circle,.scene-blur-guides line{fill:none;stroke:var(--color-accent-strong);stroke-width:1.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px var(--color-surface-raised)) drop-shadow(0 0 2px var(--color-surface-raised))}.scene-blur-guides .blur-falloff{stroke-dasharray:5 5}.scene-blur-guides .blur-axis{stroke-dasharray:2 4}.scene-blur-handle{position:absolute;width:28px;height:28px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:var(--color-surface-raised);color:var(--color-accent-strong);border:1.5px solid var(--color-accent-strong);box-shadow:0 1px 5px var(--color-shadow-tinted-medium);font-size:18px;padding:0;cursor:move;touch-action:none}.scene-blur-handle:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:3px}.scene-blur-handle.handle-softness{border-style:dashed}.scene-blur-scope{display:block;font-size:10px;font-weight:400;color:var(--color-text-muted);margin-top:4px}.inspector .scene-blur-hint{margin-top:-8px}.scene-blur-actions{display:flex;justify-content:space-between;gap:8px}.scene-blur-actions .subtle-button{font-size:10px}.property-effect-mode{min-width:0;overflow:hidden;text-overflow:ellipsis}.property-effect-strength{flex-shrink:0}.inspector.panel-effects{left:auto;right:24px;transform:none;width:300px}.popover-dismiss.effects-dismiss{pointer-events:none}.scene-blur-done{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-accent-strong)}.scene-blur-done button{border:1px solid var(--color-accent-border);background:var(--color-surface);padding:5px 10px;border-radius:5px}@media(max-width:700px){.inspector.panel-effects{right:16px;width:280px}}.panel-effects select{display:block;width:100%;margin-top:8px;padding:9px;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);background:var(--color-surface-raised);font-size:11px}.project-media-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--color-modal-scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:24px}.project-media-picker{width:min(920px,100%);height:min(680px,calc(100dvh - 48px));display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 24px 80px var(--color-shadow-tinted-strong);overflow:hidden}.project-media-picker>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 18px}.project-media-picker h1{font-size:25px;letter-spacing:-.8px;margin:0 0 6px}.project-media-picker header p{font-size:12px;color:var(--color-text-secondary);margin:0}.project-media-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 28px 18px;border-bottom:1px solid var(--color-border)}.project-media-filters{display:flex;gap:3px;padding:3px;background:var(--color-surface-subtle);border-radius:8px}.project-media-filters button{border-radius:5px;padding:7px 11px;font-size:11px;color:var(--color-text-secondary);white-space:nowrap}.project-media-filters button[aria-pressed=true]{color:var(--color-text);background:var(--color-surface-raised);box-shadow:0 1px 4px var(--color-shadow-soft)}.project-media-search{display:flex;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);background:var(--color-surface-raised)}.project-media-search input{border:0;outline:none;background:transparent;width:170px;min-width:0;font-size:11px}.project-media-search:focus-within{outline:2px solid var(--color-focus-ring);outline-offset:2px}.project-media-body{flex:1;min-height:0;display:flex;overflow:hidden}.project-media-library{flex:1;min-width:0;padding:18px 24px;overflow-y:auto;overscroll-behavior:contain}.project-media-count{font-size:10px;color:var(--color-text-secondary);margin:0 0 13px}.project-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}.project-media-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-raised);text-align:left;padding:0 0 12px}.project-media-card:hover{border-color:var(--color-accent-border)}.project-media-card.is-selected{border-color:var(--color-accent-strong);box-shadow:0 0 0 1px var(--color-accent-strong);background:var(--color-accent-surface-subtle)}.project-media-thumbnail{aspect-ratio:4 / 3;width:100%;position:relative;display:grid;place-items:center;background:var(--color-surface-subtle);color:var(--color-text-muted);overflow:hidden}.project-media-thumbnail>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.project-media-kind{position:absolute;left:8px;bottom:8px;display:flex;align-items:center;gap:4px;background:var(--color-surface-raised);color:var(--color-text);padding:4px 6px;border-radius:4px;font-size:9px}.project-media-selected{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--color-on-primary);background:var(--color-accent-strong)}.project-media-name{font-size:12px;font-weight:600;margin:11px 12px 4px;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-media-uses{font-size:10px;color:var(--color-text-secondary);margin:0 12px}.project-media-detail{width:340px;flex-shrink:0;padding:24px;border-left:1px solid var(--color-border);overflow-y:auto;overscroll-behavior:contain;background:var(--color-canvas)}.project-media-preview{aspect-ratio:4 / 3;display:grid;place-items:center;position:relative;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.project-media-preview img,.project-media-preview video{display:block;width:100%;height:100%;object-fit:contain;min-height:0}.project-media-preview-status{position:absolute;padding:7px 10px;border-radius:5px;background:var(--color-surface);font-size:11px;color:var(--color-text-secondary)}.project-media-detail h2{font-size:14px;overflow-wrap:anywhere;margin:18px 0 6px}.project-media-metadata{font-size:10px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.project-media-detail h3{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);margin:26px 0 10px}.project-media-detail ul{margin:0;padding:0 0 0 14px}.project-media-detail li{font-size:11px;line-height:1.6;margin:4px 0;overflow-wrap:anywhere}.project-media-empty{min-height:270px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--color-text-secondary)}.project-media-empty h2{font-size:16px;font-weight:500;color:var(--color-text);margin:14px 0 7px}.project-media-empty p{max-width:265px;font-size:12px;line-height:1.6;margin:0}.project-media-picker>footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--color-border);padding:18px 24px}.project-media-picker>footer p{font-size:11px;line-height:1.5;color:var(--color-text-secondary);max-width:300px;margin:0}.project-media-picker>footer>div{display:flex;gap:10px;flex-shrink:0}.project-media-picker .primary-button{margin:0;width:auto;padding:11px 18px;font-size:12px}.project-media-picker .secondary-button{padding:11px 18px;font-size:12px}.project-media-picker .project-media-error{color:var(--color-danger);font-size:11px}.device-project-media{margin-top:8px}@media(max-width:680px){.project-media-scrim{padding:12px}.project-media-picker{height:calc(100dvh - 24px);border-radius:14px}.project-media-picker>header{padding:20px 18px 16px}.project-media-tools{flex-wrap:wrap;padding:0 18px 14px;gap:12px}.project-media-search{flex:1;min-width:120px}.project-media-search input{width:100%}.project-media-body{overflow-y:auto;display:block}.project-media-library{padding:16px 18px;overflow:visible}.project-media-detail{width:auto;padding:18px;border-left:0;border-top:1px solid var(--color-border);overflow:visible}.project-media-picker>footer{padding:14px 18px;flex-wrap:wrap;gap:12px}.project-media-picker>footer>div{width:100%}.project-media-picker>footer button{flex:1}}.backdrop-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--color-modal-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.backdrop-modal{width:min(1040px,100%);height:860px;max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;box-shadow:0 25px 100px var(--color-shadow-tinted-deep);overflow:hidden}.backdrop-modal-header{display:flex;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:24px 28px 18px;border-bottom:1px solid var(--color-border-subtle)}.backdrop-eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--color-accent-text);font-weight:600}.backdrop-modal h1{margin:7px 0 5px;font-size:26px;letter-spacing:-.8px}.backdrop-modal-header p{margin:0;font-size:11px;color:var(--color-text-secondary)}.backdrop-modal-body{display:grid;flex:1;grid-template-columns:minmax(0,1fr) 350px;min-height:0;overflow-y:auto;scrollbar-gutter:stable}.backdrop-preview-column{padding:28px;background:var(--color-surface);align-self:start;position:sticky;top:0}.backdrop-composition{width:100%;aspect-ratio:16 / 10;max-height:calc(100dvh - 470px);min-height:140px;display:flex;align-items:center;justify-content:center;position:relative;border-radius:10px;overflow:hidden;background:var(--color-surface-hover)}.backdrop-composition canvas{width:100%;height:100%;object-fit:contain;display:block}.backdrop-preview-status{position:absolute;bottom:12px;font-size:10px;background:var(--color-surface);color:var(--color-text-secondary);padding:6px 9px;border-radius:5px}.backdrop-preview-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--color-text-secondary);margin-top:12px}.backdrop-preview-caption span:first-child{color:var(--color-text)}.backdrop-preview-note{font-size:11px;line-height:1.7;color:var(--color-text-secondary);margin:24px 0 0}.backdrop-settings{padding:22px;border-left:1px solid var(--color-border-subtle)}.backdrop-categories{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}.backdrop-categories button{padding:8px 9px;border:1px solid var(--color-border);border-radius:6px;font-size:10px;color:var(--color-text-secondary)}.backdrop-categories button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.backdrop-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.backdrop-preset-grid button{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;padding:3px;text-align:left}.backdrop-preset-grid button.selected{border-color:var(--color-accent-border-strong);background:var(--color-accent-surface)}.backdrop-preset-grid canvas{width:100%;aspect-ratio:8 / 5;display:block;border-radius:5px}.backdrop-preset-grid button>span{padding:7px 4px 4px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--color-text)}.backdrop-settings-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:22px 0 10px}.backdrop-modal h2{font-size:12px;font-weight:600;margin:0}.backdrop-settings-heading button{font-size:9px;display:flex;gap:4px;align-items:center;color:var(--color-text-secondary)}.backdrop-color{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin:12px 0}.backdrop-color>span:last-child{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--color-text-secondary)}.backdrop-color input[type=color]{width:27px;height:27px;padding:2px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:5px;cursor:pointer}.backdrop-color .backdrop-hex{width:76px;font-size:10px;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:5px;padding:6px;background:var(--color-surface)}.backdrop-settings .slider-field{margin-top:17px}.backdrop-tint{border-top:1px solid var(--color-border);margin-top:24px;padding-top:18px}.backdrop-tint>p{color:var(--color-text-secondary);font-size:10px;line-height:1.5}.backdrop-upload{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 14px;text-align:center;border:1px dashed var(--color-border-strong);border-radius:10px;color:var(--color-text-secondary)}.backdrop-upload strong{font-size:12px;color:var(--color-text);max-width:100%;overflow-wrap:anywhere}.backdrop-upload p{font-size:10px;line-height:1.7;margin:0}.backdrop-fit{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:18px 0}.backdrop-fit select{padding:6px 8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:5px}.backdrop-modal .backdrop-error{font-size:11px;color:var(--color-danger);line-height:1.6}.backdrop-modal-footer{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;padding:18px 28px;border-top:1px solid var(--color-border)}.backdrop-modal-footer>span{font-size:10px;color:var(--color-text-secondary)}.backdrop-modal-footer>div{display:flex;gap:10px}.backdrop-modal .primary-button,.backdrop-modal .secondary-button{width:auto;font-size:11px;padding:10px 14px}.backdrop-modal .primary-button{background:var(--color-primary);color:var(--color-on-primary);border-radius:8px}.backdrop-modal .primary-button:hover{background:var(--color-primary-hover)}.advanced-backdrop-button{margin-top:18px}@media(max-height:760px){.backdrop-preview-note{display:none}}@media(max-width:760px){.backdrop-modal-scrim{padding:12px}.backdrop-modal{max-height:calc(100dvh - 24px)}.backdrop-modal-header{padding:18px}.backdrop-modal-body{display:block}.backdrop-preview-column{padding:18px;position:static}.backdrop-composition{aspect-ratio:16 / 9}.backdrop-preview-note{display:none}.backdrop-settings{border-left:0;padding:18px}.backdrop-modal-footer{padding:12px 18px}.backdrop-modal-footer>span{display:none}.backdrop-modal-footer>div{width:100%;justify-content:flex-end}}.backdrop-motion{border-top:1px solid var(--color-border);margin-top:24px;padding-top:18px}.backdrop-playback-buttons,.backdrop-scene-picker{display:flex;align-items:center;gap:10px}.backdrop-motion p{color:var(--color-text-secondary);font-size:10px;line-height:1.5}.backdrop-motion-modes{display:flex;gap:5px;margin-top:12px}.backdrop-motion-modes button{padding:7px 16px;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:11px}.backdrop-motion-modes button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.backdrop-motion-reset{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--color-text-secondary);margin-top:12px}.backdrop-playback{border-top:1px solid var(--color-border-subtle);margin-top:18px;padding-top:14px;font-size:10px}.backdrop-playback-buttons{flex-wrap:wrap;gap:8px}.backdrop-play-button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:105px;padding:9px 10px;border-radius:7px;background:var(--color-primary);color:var(--color-on-primary)}.backdrop-play-button:disabled{opacity:.5}.backdrop-loop{display:flex;align-items:center;gap:4px;color:var(--color-text-secondary)}.backdrop-loop input,.backdrop-preview-scrubber{accent-color:var(--color-primary)}.backdrop-preview-time{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.backdrop-preview-scrubber{width:100%;margin:14px 0}.backdrop-scene-picker{justify-content:space-between;color:var(--color-text-secondary)}.backdrop-scene-picker select{min-width:0;max-width:70%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:5px;padding:6px;font-size:10px}.demo-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--color-modal-scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:flex-end}.demo-drawer{width:min(460px,100%);height:100%;overflow-y:auto;overscroll-behavior:contain;background:var(--color-canvas);border-left:1px solid var(--color-border);box-shadow:-18px 0 60px var(--color-shadow-medium);padding:28px;animation:demo-drawer-in .22s ease-out}.demo-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-eyebrow{color:var(--color-accent-text);font-size:9px;font-weight:600;letter-spacing:1.5px}.demo-drawer h1{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:8px 0 0}.demo-drawer-intro{margin:12px 0 25px;color:var(--color-text-secondary);font-size:12px}.demo-card-list{display:flex;flex-direction:column;gap:20px}.demo-card{border:1px solid var(--color-border);border-radius:14px;overflow:hidden;background:var(--color-surface)}.demo-card.is-playing{border-color:var(--color-accent-border-strong)}.demo-card-preview{aspect-ratio:16 / 9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-surface-subtle)}.demo-card-preview img{width:100%;height:100%;object-fit:contain}.demo-live-preview{position:absolute;display:block}.demo-preview-placeholder{font-size:11px;color:var(--color-text-secondary)}.demo-loading{position:absolute;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:7px;font-size:11px;color:var(--color-text-secondary);background:var(--color-surface-raised);box-shadow:0 2px 8px var(--color-shadow-soft)}.demo-loading svg{animation:demo-loading-spin 1s linear infinite}@keyframes demo-loading-spin{to{transform:rotate(360deg)}}.demo-card-number{position:absolute;top:12px;left:12px;font-size:9px;font-weight:600;border-radius:5px;padding:4px 7px;color:var(--color-text-secondary);background:var(--color-surface)}.demo-play{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 2px 8px var(--color-shadow-medium)}.demo-play:hover{background:var(--color-primary-hover)}.demo-card-details{border-top:1px solid var(--color-border-subtle);padding:17px}.demo-card-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.demo-card h2{font-size:14px;letter-spacing:-.2px;margin:0}.demo-card-title>span{white-space:nowrap;font-size:10px;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.demo-card p{font-size:11px;line-height:1.6;margin:7px 0 14px;color:var(--color-text-secondary)}.demo-use{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:7px;font-size:11px;font-weight:600;color:var(--color-text);background:var(--color-surface-raised)}.demo-use:hover{background:var(--color-accent-surface);border-color:var(--color-accent-border)}.demo-card .demo-card-error{color:var(--color-danger)}.demo-drawer-footer{display:flex;flex-direction:column;gap:10px;align-items:flex-start;font-size:10px;color:var(--color-text-secondary);padding:24px 0 4px;line-height:1.5}.demo-drawer-footer button{color:var(--color-accent-strong);text-decoration:underline;font-size:inherit}@keyframes demo-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:520px){.demo-drawer{width:100%;padding:22px 18px}}@media(prefers-reduced-motion:reduce){.demo-drawer,.demo-loading svg{animation:none}}.present-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:7px;height:35px;padding:0 12px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);background:var(--color-surface);font-size:11px;font-weight:550}.present-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.presentation{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#101216;color:#fff;outline:none;overscroll-behavior:contain}.presentation-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:6px;border:1px solid #ffffff26;border-radius:12px;background:#171b22e8;box-shadow:0 6px 30px #0004;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s ease}.presentation-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;min-width:44px;padding:0 12px;border-radius:7px;font-size:12px;color:#fff}.presentation-controls button:hover{background:#ffffff1c}.presentation-controls button:focus-visible{outline:2px solid #c7e4ff;outline-offset:-2px}.presentation-controls>span{padding:0 12px;color:#b6bdc9;font-size:11px;white-space:nowrap}.presentation-idle{cursor:none}.presentation-idle .presentation-controls{opacity:0;pointer-events:none}.presentation-idle .presentation-controls:focus-within,.presentation-idle .presentation-controls:hover{opacity:1;pointer-events:auto;cursor:auto}@media(max-width:700px){.presentation-controls>span{display:none}}@media(prefers-reduced-motion:reduce){.presentation-controls{transition:none}}.alignment-controls{position:relative;letter-spacing:0}.guides-toggle{display:flex;align-items:center;border:1px solid var(--color-accent-border-subtle);border-radius:6px;height:25px;background:var(--color-surface);margin-right:5px}.guides-toggle button{display:flex;gap:5px;align-items:center;justify-content:center;height:100%;padding:0 7px;color:var(--color-accent-text);font-size:9px}.guides-toggle button+button{padding:0 4px;border-left:1px solid var(--color-accent-border-subtle)}.guides-toggle.on{background:var(--color-accent-surface);border-color:var(--color-primary-muted)}.guides-toggle.on button{color:var(--color-accent-strong)}.guides-toggle button:hover{color:var(--color-primary-hover);background:var(--color-accent-surface-hover)}.alignment-popover{position:absolute;right:0;top:34px;width:274px;background:var(--color-surface);border:1px solid var(--color-accent-border-subtle);border-radius:12px;padding:16px;box-shadow:0 12px 40px var(--color-shadow-tinted-medium);font-size:11px;letter-spacing:0;z-index:35;color:var(--color-accent-text)}.alignment-heading{display:flex;align-items:center;justify-content:space-between;color:var(--color-primary-hover);font-size:12px}.alignment-heading b{font-weight:550}.alignment-heading button{padding:3px;color:var(--color-accent-muted)}.alignment-popover p{font-size:9px;color:var(--color-accent-muted);line-height:1.6;margin:7px 0 13px}.alignment-switch{display:flex;align-items:center;justify-content:space-between;margin:11px 0;font-size:10px}.alignment-switch input{accent-color:var(--color-accent);cursor:pointer}.grid-presets{display:flex;gap:5px;margin:13px 0}.grid-presets button{flex:1;padding:7px 3px;background:var(--color-accent-surface-subtle);border:1px solid var(--color-accent-border-subtle);border-radius:5px;font-size:9px}.grid-presets button:hover,.add-guide-buttons button:hover{background:var(--color-accent-surface-hover)}.grid-dimensions{display:flex;gap:10px}.grid-dimensions label{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:1;font-size:9px}.grid-dimensions input{width:44px;padding:5px 3px 5px 7px;border:1px solid var(--color-accent-border-subtle);background:var(--color-accent-surface-subtle);border-radius:5px;font-size:10px}.guide-appearance{display:flex;gap:14px;margin:14px 0;padding-bottom:14px;border-bottom:1px solid var(--color-accent-surface)}.guide-appearance label{display:flex;align-items:center;gap:7px;font-size:9px;flex:1}.guide-appearance input[type=color]{width:27px;height:22px;background:none;border:1px solid var(--color-accent-border-subtle);padding:1px;border-radius:4px;cursor:pointer}.guide-appearance input[type=range]{width:60px;height:3px;accent-color:var(--color-accent);cursor:pointer}.custom-guide-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.7px;color:var(--color-accent-text)}.custom-guide-heading small{font-size:8px;letter-spacing:0;margin-left:5px;color:var(--color-primary-muted)}.custom-guide-heading button{font-size:9px;letter-spacing:0;color:var(--color-danger-muted);padding:2px}.add-guide-buttons{display:flex;gap:8px;margin-top:10px}.add-guide-buttons button{border:1px solid var(--color-accent-border-subtle);background:var(--color-accent-surface-subtle);border-radius:6px;padding:8px 4px;display:flex;align-items:center;justify-content:center;gap:5px;flex:1;font-size:9px}.alignment-popover .guide-tip{font-size:9px;line-height:1.65;margin:12px 0 0}.workspace-heading{position:relative;z-index:18}.alignment-overlay,.preview-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.alignment-overlay{z-index:4}.preview-grid{overflow:hidden}.grid-line{position:absolute;background:var(--guide-color);opacity:var(--guide-opacity);pointer-events:none}.grid-vertical{top:0;bottom:0;width:1px}.grid-horizontal{left:0;right:0;height:1px}.custom-guide{position:absolute;pointer-events:auto;touch-action:none;outline:none}.guide-x{top:0;bottom:0;width:13px;transform:translate(-50%);cursor:ew-resize}.guide-y{left:0;right:0;height:13px;transform:translateY(-50%);cursor:ns-resize}.guide-line{position:absolute;background:var(--guide-color);opacity:var(--guide-opacity);box-shadow:0 0 0 1px var(--color-guide-halo)}.guide-x .guide-line{width:1px;left:6px;top:0;bottom:0}.guide-y .guide-line{height:1px;top:6px;left:0;right:0}.guide-handle{position:absolute;background:var(--guide-color);color:var(--color-control-text);font-size:8px;padding:3px 5px;border-radius:3px;opacity:.85;font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 1px 4px var(--color-shadow-soft);-webkit-user-select:none;user-select:none}.guide-x .guide-handle{top:8px;left:6px;transform:translate(-50%)}.guide-y .guide-handle{left:8px;top:6px;transform:translateY(-50%)}.custom-guide:hover .guide-line,.custom-guide.dragging .guide-line,.custom-guide:focus-visible .guide-line{opacity:1;box-shadow:0 0 0 1px var(--color-guide-halo-active)}.custom-guide:hover .guide-handle,.custom-guide.dragging .guide-handle,.custom-guide:focus-visible .guide-handle{opacity:1}.custom-guide:focus-visible .guide-handle{outline:2px solid var(--color-highlight);outline-offset:2px}.custom-guide.noninteractive{pointer-events:none}.drag-axis-hint{position:absolute;left:50%;bottom:20px;transform:translate(-50%);padding:6px 10px;background:var(--color-drag-hint-bg);color:var(--color-on-primary);border:1px solid var(--color-control-edge);border-radius:6px;font-size:9px;letter-spacing:.2px;pointer-events:none;z-index:6;box-shadow:0 3px 8px var(--color-shadow-soft)}.drag-axis-hint kbd{font:inherit;color:var(--color-accent-border);margin-right:5px}@media(max-width:600px){.guides-toggle span{display:none}.guides-toggle{margin-right:1px}.guides-toggle button{padding:0 5px}.alignment-popover{position:fixed;right:12px;top:110px;width:min(274px,calc(100vw - 24px))}.workspace-label>span:last-child{max-width:80px}.preview-actions{gap:4px}.stage-caption>span:first-child{font-size:7px}.guide-handle{font-size:7px}.drag-axis-hint{bottom:12px;font-size:8px;white-space:nowrap}}:root{--color-canvas: #f5f6f8;--color-surface: #fcfdfb;--color-surface-raised: #ffffff;--color-surface-subtle: #f0f2f4;--color-surface-hover: #e9ebee;--color-text: #292d35;--color-text-secondary: #7f8792;--color-text-muted: #969ba5;--color-text-faint: #a6acb6;--color-border: #e2e5e8;--color-border-subtle: #edf0f1;--color-border-strong: #cfd4dc;--color-divider: #e5e7eb;--color-accent: #478da8;--color-accent-strong: #2b6870;--color-accent-text: #6a7e92;--color-accent-muted: #95bbbb;--color-accent-highlight: #a0fbf5;--color-accent-border: #88adca;--color-accent-border-strong: #7dc0bd;--color-accent-border-subtle: #d4e8e7;--color-accent-surface: #d2ebf7;--color-accent-surface-hover: #e0e8f1;--color-accent-surface-subtle: #ebf4f4;--color-focus-ring: #4b8fb6;--color-ink: #22252b;--color-control-bg: #292c33;--color-control-hover: #41464b;--color-control-active: #14161a;--color-control-text: #ffffff;--color-control-muted: #a7adb8;--color-control-tick: #9a9ca4;--color-control-accent: #b7edef;--color-primary: #252d34;--color-primary-hover: #394152;--color-on-primary: #e9f5f7;--color-primary-muted: #7f919f;--color-record: #de6b58;--color-record-hover: #ed7867;--color-on-record: #ffffff;--color-playhead: #df7964;--color-live: #f56156;--color-focus-point: #f9db6a;--color-success: #749152;--color-danger: #a34f49;--color-danger-muted: #b6786f;--color-danger-surface: #f7eae5;--color-danger-border: #ebd7cc;--color-shadow: #000000;--color-shadow-tinted: #222b40;--color-highlight: #ffffff;--color-scrim: #27303c;--color-spectrum-rose: #e68a96;--color-spectrum-blue: #86b5ed;--color-spectrum-green: #a8d879;--color-spectrum-yellow: #f1d67a;--guide-color: #ffee69;--color-shadow-soft: color-mix( in srgb, var(--color-shadow) 6.667%, transparent );--color-shadow-tinted-faint: color-mix( in srgb, var(--color-shadow-tinted) 3.137%, transparent );--color-shadow-tinted-strong: color-mix( in srgb, var(--color-shadow-tinted) 25.098%, transparent );--color-stage-corner: color-mix( in srgb, var(--color-text-faint) 31.373%, transparent );--color-badge-surface: color-mix( in srgb, var(--color-highlight) 47.843%, transparent );--color-badge-border: color-mix( in srgb, var(--color-highlight) 43.922%, transparent );--color-shadow-faint: color-mix( in srgb, var(--color-shadow) 1.961%, transparent );--color-border-translucent: color-mix( in srgb, var(--color-border) 50.196%, transparent );--color-timeline-resize: color-mix( in srgb, var(--color-accent-muted) 53.333%, transparent );--color-ruler-tick: color-mix( in srgb, var(--color-border-strong) 31.373%, transparent );--color-ruler-major-tick: color-mix( in srgb, var(--color-border-strong) 50.196%, transparent );--color-control-highlight: color-mix( in srgb, var(--color-highlight) 13.333%, transparent );--color-control-outline: color-mix( in srgb, var(--color-highlight) 7.451%, transparent );--color-control-inset-shadow: color-mix( in srgb, var(--color-shadow) 53.333%, transparent );--color-control-divider: color-mix( in srgb, var(--color-highlight) 10.196%, transparent );--color-control-edge: color-mix( in srgb, var(--color-highlight) 18.824%, transparent );--color-shadow-trace: color-mix( in srgb, var(--color-shadow) 1.176%, transparent );--color-shadow-tinted-soft: color-mix( in srgb, var(--color-shadow-tinted) 8.235%, transparent );--color-shadow-tinted-medium: color-mix( in srgb, var(--color-shadow-tinted) 12.549%, transparent );--color-shadow-medium: color-mix( in srgb, var(--color-shadow) 13.333%, transparent );--color-swatch-border: color-mix( in srgb, var(--color-shadow) 3.529%, transparent );--color-modal-scrim: color-mix( in srgb, var(--color-scrim) 21.176%, transparent );--color-shadow-tinted-deep: color-mix( in srgb, var(--color-shadow-tinted) 20%, transparent );--color-drop-overlay: color-mix( in srgb, var(--color-accent-surface-subtle) 93.725%, transparent );--color-guide-halo: color-mix( in srgb, var(--color-highlight) 8.627%, transparent );--color-guide-halo-active: color-mix( in srgb, var(--color-highlight) 40%, transparent );--color-drag-hint-bg: color-mix( in srgb, var(--color-primary) 86.275%, transparent )}:root{font-family:DM Sans Variable,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-text);background:var(--color-canvas);font-synthesis:none;font-weight:450}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.3;cursor:default}button,input,select,textarea{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-focus-ring)}button{transition:background .16s,color .16s,box-shadow .16s,opacity .16s}button svg{flex-shrink:0}input[type=number]::-webkit-inner-spin-button{opacity:0}input[type=number]:hover::-webkit-inner-spin-button{opacity:1}input,textarea,select{color:inherit}svg{vertical-align:middle}button:disabled:hover{background:none}.studio{height:100dvh;min-height:740px;display:flex;flex-direction:column;padding:0 30px;overflow:hidden;position:relative}.topbar{height:86px;flex-shrink:0;display:flex;align-items:center;border-bottom:1px solid var(--color-divider);gap:27px;position:relative;z-index:25}.brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:650;letter-spacing:-1.4px;-webkit-user-select:none;user-select:none}.brand-mark{height:32px;width:32px;border-radius:10px;display:grid;place-items:center;background:var(--color-ink);color:var(--color-control-accent);box-shadow:0 2px 3px var(--color-shadow-soft)}.brand-dot{color:var(--color-record)}.beta{font-size:8px;letter-spacing:1.2px;color:var(--color-accent-text);border:1px solid var(--color-accent-border-subtle);border-radius:4px;padding:4px 5px;margin:0 0 0 -3px}.project-title{display:grid;grid-template-columns:auto 24px;align-items:center;position:relative;padding-left:26px;border-left:1px solid var(--color-divider)}.project-title>input{width:190px;background:none;border:0;font-size:12px;font-weight:550;padding:3px 0;outline-offset:2px}.project-title>button{height:22px;display:grid;place-items:center}.saved-indicator{grid-column:1/-1;color:var(--color-text-muted);font-size:10px;display:flex;align-items:center;gap:5px;margin-top:3px}.saved-indicator>span{width:6px;height:6px;background:#01a901;border-radius:50%}.header-actions{margin-left:auto;display:flex;gap:16px;align-items:center}.history-actions{display:flex;gap:3px;padding-right:13px;border-right:1px solid var(--color-divider)}.icon-button{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;color:var(--color-text-secondary);padding:0}.icon-button:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-button.active{background:var(--color-accent-surface);color:var(--color-accent-strong)}.export-button{height:36px;background:var(--color-ink);color:var(--color-control-text);border-radius:9px;display:flex;align-items:center;gap:9px;font-size:11px;padding:0 13px;box-shadow:0 2px 4px var(--color-shadow-soft)}.export-button:hover{background:var(--color-primary-hover)}.export-button>svg:last-child{margin-left:8px;color:var(--color-accent-muted)}.workspace{display:flex;flex-direction:column;flex:1;min-height:270px;padding-top:21px}.workspace-heading{display:flex;align-items:center;justify-content:space-between;height:24px;margin-bottom:16px}.workspace-label{font-size:9px;letter-spacing:1.6px;color:var(--color-text-secondary);display:flex;align-items:center;gap:10px}.workspace-label>span:last-child{letter-spacing:0;font-size:11px;color:var(--color-text-faint)}.tiny-square{width:5px;height:5px;background:var(--color-primary-muted);border-radius:1px}.muted-divider{color:var(--color-border-strong);padding:0 5px}.preview-actions{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:550;color:var(--color-text-muted);letter-spacing:.4px}.small-dot{width:2px;height:2px;border-radius:50%;background:var(--color-border-strong)}.stage-area{flex:1;min-height:190px;display:flex;align-items:center;justify-content:center;container-type:size}.stage{position:relative;width:min(100cqw,calc(100cqh * var(--ratio, 1.77778)));border-radius:13px;overflow:hidden;box-shadow:0 1px 2px var(--color-shadow-tinted-faint),0 18px 35px -28px var(--color-shadow-tinted-strong);border:1px solid var(--color-border);isolation:isolate}.stage canvas{width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none}.stage canvas:active{cursor:grabbing}.stage canvas.focus-cursor{cursor:crosshair}.stage-corner{position:absolute;width:10px;height:10px;border-color:var(--color-stage-corner);border-style:solid;pointer-events:none}.top-left{left:16px;top:16px;border-width:1px 0 0 1px}.top-right{right:16px;top:16px;border-width:1px 1px 0 0}.bottom-left{bottom:16px;left:16px;border-width:0 0 1px 1px}.bottom-right{bottom:16px;right:16px;border-width:0 1px 1px 0}.stage-badge{position:absolute;left:30px;bottom:24px;font-size:8px;font-weight:550;letter-spacing:1px;color:var(--color-text-secondary);display:flex;gap:6px;align-items:center;pointer-events:none;background:var(--color-badge-surface);border:1px solid var(--color-badge-border);padding:5px 7px;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.idle-dot,.live-dot{width:4px;height:4px;background:var(--color-accent-text);border-radius:50%}.live-dot{background:var(--color-live);animation:pulse 1s infinite}.stage-caption{height:33px;display:flex;align-items:center;justify-content:space-between;color:var(--color-text-faint);font-size:9px;padding:0 2px}.stage-caption>span:first-child{display:flex;gap:5px;align-items:center}.stage-caption>span:last-child{font-style:italic;color:var(--color-accent-muted);font-size:10px}.focus-reticle{position:absolute;transform:translate(-50%,-50%);color:var(--color-focus-point);pointer-events:none}.editor{flex-shrink:0;padding-top:4px}.editor-toolbar{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.scene-tools{display:flex;align-items:center;gap:6px}.scene-count{font-size:8px;letter-spacing:1px;color:var(--color-text-muted);white-space:nowrap}.tool-divider{width:1px;height:15px;background:var(--color-divider);margin:0 6px}.text-tool{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--color-text-secondary);border-radius:6px;white-space:nowrap;padding:7px 6px}.text-tool:hover,.text-tool.selected{background:var(--color-accent-surface);color:var(--color-accent-strong)}.scene-tools .icon-button{width:25px}.playback{display:flex;align-items:center;gap:17px}.playback .icon-button{width:24px;color:var(--color-text-muted)}.play-button{width:35px;height:35px;display:grid;place-items:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:50%;box-shadow:0 2px 4px var(--color-shadow-faint)}.play-button:hover{background:var(--color-accent-surface-hover)}.play-button .lucide-play{margin-left:2px}.play-button .lucide-pause{margin-left:1px}.time-controls{justify-self:end;display:flex;align-items:center;gap:13px}.time-readout{font-size:10px;font-variant-numeric:tabular-nums;font-weight:550;color:var(--color-text-secondary)}.time-readout>span{color:var(--color-text-faint);font-weight:400}.loop-button{color:var(--color-border-strong);padding:4px}.loop-button.on{color:var(--color-accent-text)}.timeline-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;padding:8px 9px 0;margin:0 -9px}.timeline-content{position:relative;padding-top:1px}.scene-track{display:flex;gap:0;height:87px;align-items:stretch}.scene-clip{flex-shrink:0;padding:0 5px 0 0;position:relative;cursor:pointer}.clip-heading{height:21px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:7px 7px 0 0;font-size:8px;color:var(--color-text-muted);overflow:hidden;gap:5px;white-space:nowrap}.clip-heading>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-heading b{font-weight:500;color:var(--color-text-secondary);padding-left:7px}.clip-heading>span:last-child{font-size:8px;flex-shrink:0}.filmstrip{height:46px;display:flex;align-items:center;justify-content:space-around;overflow:hidden;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);gap:5px;padding:4px 5px}.filmstrip img{height:39px;width:58px;object-fit:contain;opacity:.8;border-radius:2px;pointer-events:none;box-shadow:0 2px 5px var(--color-shadow-soft)}.selected .clip-heading{background:var(--color-accent-surface);border-color:var(--color-accent-border-strong)}.selected .clip-heading b{color:var(--color-accent-strong)}.selected .filmstrip,.selected .keyframe-lane{border-color:var(--color-accent-border-strong)}.keyframe-lane{height:19px;background:var(--color-border-subtle);border:1px solid var(--color-border);border-top:1px solid var(--color-border-translucent);border-radius:0 0 7px 7px;position:relative;margin-right:0}.selected .keyframe-lane{background:var(--color-accent-surface)}.keyframe-lane:before{content:"";position:absolute;left:10px;right:10px;top:8px;height:1px;background:var(--color-primary-muted)}.keyframe{width:19px;height:19px;position:absolute;top:-1px;transform:translate(-50%);display:grid;place-items:center;color:var(--color-accent-muted);z-index:2;padding:0;touch-action:none;border-radius:3px}.keyframe:hover{color:var(--color-accent-strong);background:var(--color-accent-surface-hover)}.keyframe.chosen{color:var(--color-accent-strong)}.keyframe.chosen svg{stroke:var(--color-accent-surface-subtle);stroke-width:1.5;filter:drop-shadow(0 0 1px var(--color-accent-strong))}.clip-resize{position:absolute;right:5px;top:28px;height:29px;width:7px;cursor:ew-resize;border-right:2px solid var(--color-timeline-resize);touch-action:none}.add-scene{width:74px;margin-left:8px;border:1px dashed var(--color-border-strong);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;flex-direction:column;color:var(--color-text-faint);flex-shrink:0;font-size:8px}.add-scene:hover{background:var(--color-accent-surface);border-color:var(--color-accent-border);color:var(--color-accent-text)}.ruler{height:34px;margin-top:9px;position:relative;cursor:ew-resize;touch-action:none;background:repeating-linear-gradient(90deg,var(--color-ruler-tick) 0px,var(--color-ruler-tick) 1px,transparent 1px,transparent 8px);background-size:100% 6px;background-repeat:no-repeat}.ruler>span{position:absolute;top:0;height:10px;border-left:1px solid var(--color-ruler-major-tick)}.ruler b{display:block;position:absolute;left:4px;top:12px;font-size:8px;font-weight:450;color:var(--color-text-faint);letter-spacing:.4px}.playhead{position:absolute;top:-5px;height:112px;width:1px;background:var(--color-playhead);pointer-events:none;z-index:3}.playhead-cap{position:absolute;top:0;left:-3px;width:7px;height:7px;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%);background:var(--color-playhead)}.playhead>span{position:absolute;bottom:-9px;left:-10px;background:var(--color-ink);color:var(--color-control-text);padding:3px 6px;font-size:8px;border-radius:4px;font-variant-numeric:tabular-nums;box-shadow:0 2px 3px var(--color-shadow-soft);min-width:23px;text-align:center}.timeline-footer{height:27px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:var(--color-text-faint)}.timeline-footer>span{display:flex;align-items:center;gap:6px}.timeline-footer>span>svg{color:var(--color-accent-muted)}.timeline-footer button{font-size:8px;color:var(--color-text-faint);padding:0}.timeline-footer button:hover{color:var(--color-accent-strong)}.timeline-footer>div{display:flex;align-items:center;gap:1px}.timeline-footer .icon-button{height:20px;width:20px}.timeline-footer .delete-position{flex-shrink:0}.timeline-footer .delete-position:hover{color:var(--color-danger);background:var(--color-danger-surface)}.timeline-footer label{margin-left:8px;border-left:1px solid var(--color-divider);padding-left:12px}.timeline-footer input{width:32px;border:0;background:none;text-align:center;font-size:9px;padding:0;color:var(--color-text-secondary)}.text-thumb,.video-thumb{display:grid;place-items:center;width:70px;height:44px;color:var(--color-accent-text)}.filmstrip-text{font-weight:550;font-size:12px;color:var(--color-accent-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 12px}.add-media-wrap{position:relative;z-index:30}.add-media-button{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:8px;padding:9px 10px;background:var(--color-surface);box-shadow:0 2px 3px var(--color-shadow-trace)}.add-media-button:hover{background:var(--color-accent-surface-subtle)}.local-badge{margin-left:auto;color:var(--color-accent-muted);display:flex;gap:6px;align-items:center;font-size:7px;letter-spacing:1px}.local-badge>span{width:6px;height:6px;border-radius:50%;background:#01a901}.menu{position:absolute;background:var(--color-surface-raised);border:1px solid var(--color-divider);border-radius:12px;padding:7px;box-shadow:0 10px 40px var(--color-shadow-tinted-soft),0 2px 6px var(--color-shadow-tinted-faint);width:248px;z-index:40;text-align:left}.project-menu{top:49px;left:20px}.menu-title{font-size:8px;letter-spacing:1.3px;color:var(--color-text-faint);padding:10px}.menu>button{width:100%;display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:6px;font-size:11px;text-align:left}.menu>button:hover{background:var(--color-accent-surface-subtle)}.menu>button>svg{color:var(--color-accent-text)}.menu kbd{margin-left:auto;color:var(--color-text-faint)}.menu-divider{height:1px;background:var(--color-border-subtle);margin:4px}.menu>small{display:block;font-size:9px;color:var(--color-text-faint);line-height:1.6;padding:8px 10px}.menu button small{display:block;font-size:9px;color:var(--color-text-faint);margin-top:4px}.menu button span{flex:1}.add-menu{bottom:50px;left:0}.menu-dismiss{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.popover-dismiss{position:fixed;top:86px;right:0;bottom:75px;left:0;z-index:14}.inspector{width:290px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 15px 50px var(--color-shadow-tinted-medium),0 3px 10px var(--color-shadow-tinted-faint);z-index:19;padding:16px;overflow:auto;animation:enter .18s ease-out}.inspector-heading{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:13px;letter-spacing:-.2px}.inspector-heading .icon-button{height:24px;width:24px}.inspector p{font-size:10px;color:var(--color-text-muted);margin:7px 0 18px;line-height:1.5}.slider-field{display:block;margin:16px 0}.slider-field>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--color-text-secondary);margin-bottom:12px;gap:4px}.number-field{font-size:9px;color:var(--color-text-muted);background:var(--color-surface-subtle);border:1px solid var(--color-surface-hover);border-radius:5px;padding-right:5px;white-space:nowrap}.number-field input{border:0;background:none;text-align:right;font-size:10px;max-width:53px;outline-offset:0;padding:4px 2px 4px 5px}.slider-field>input{width:100%;display:block;height:3px;accent-color:var(--color-accent);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-accent-border-subtle);border-radius:4px}.slider-field>input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;width:12px;background:var(--color-surface);border:2px solid var(--color-accent);border-radius:50%;box-shadow:0 1px 3px var(--color-shadow-medium)}.swatch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.swatch-grid>button{height:42px;border-radius:9px;border:1px solid var(--color-swatch-border);display:grid;place-items:center}.swatch-grid>button.chosen{outline:2px solid var(--color-accent-muted);outline-offset:2px}.color-field,.toggle-field,.select-field{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--color-text-secondary);border-top:1px solid var(--color-border-subtle);padding-top:14px;margin-top:16px;gap:10px}.color-field>span{display:flex;align-items:center;gap:6px;font-size:9px}.color-field input[type=color]{width:28px;height:24px;border:1px solid var(--color-border);border-radius:4px;background:none;padding:1px;cursor:pointer}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:13px}.two-cols .slider-field{margin-top:16px}.secondary-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;padding:11px;font-size:10px;font-weight:500}.secondary-button:hover{background:var(--color-accent-surface)}.full{width:100%}.preset-row{display:flex;gap:6px;margin:19px 0}.preset-row>button{flex:1;background:var(--color-accent-surface-subtle);border:1px solid var(--color-accent-border-subtle);border-radius:6px;padding:9px 3px;font-size:10px;color:var(--color-accent-text)}.preset-row>button:hover{background:var(--color-accent-surface-hover)}.subtle-button{font-size:10px;color:var(--color-text-muted);margin:8px auto;display:block;padding:6px}.subtle-button:hover{color:var(--color-accent-strong)}.toggle-field input{accent-color:var(--color-accent)}.aspect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.aspect-grid>button{display:flex;flex-direction:column;align-items:center;background:var(--color-surface-subtle);border:1px solid var(--color-divider);border-radius:7px;font-size:10px;gap:8px;padding:15px 2px 10px;color:var(--color-text-muted)}.aspect-grid>button>span{display:block;height:22px;max-width:37px;border:1px solid currentColor;border-radius:2px}.aspect-grid small{font-size:7px}.aspect-grid .chosen{background:var(--color-accent-surface);border-color:var(--color-accent-border);color:var(--color-accent-strong)}.easing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.easing-grid>button{padding:5px 4px 9px;border:1px solid var(--color-divider);border-radius:7px;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:9px}.easing-grid>button.chosen{background:var(--color-accent-surface);color:var(--color-accent);border-color:var(--color-accent-muted)}.easing-grid svg{width:100%;display:block;margin-bottom:7px}.select-field select{max-width:155px;border:1px solid var(--color-divider);background:var(--color-surface);border-radius:5px;font-size:9px;padding:6px;color:var(--color-text-secondary)}.text-label{font-size:10px;color:var(--color-text-muted);display:block}.text-label input{display:block;width:100%;padding:9px;margin:8px 0 12px;border:1px solid var(--color-divider);border-radius:7px;background:var(--color-surface);font-size:11px}.inspector textarea{width:100%;resize:vertical;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);padding:11px;font-size:14px;line-height:1.5}.danger-link{font-size:9px;color:var(--color-danger-muted);padding:10px;display:block;margin:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:var(--color-modal-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:24px}.modal{position:relative;background:var(--color-surface);width:460px;border:1px solid var(--color-highlight);border-radius:20px;padding:34px;box-shadow:0 25px 100px var(--color-shadow-tinted-deep);max-height:90vh;overflow:auto;animation:enter .2s ease-out}.modal-close{position:absolute;right:17px;top:17px}.modal-eyebrow{font-size:8px;color:var(--color-accent-text);letter-spacing:1.5px;font-weight:550;display:block;margin:10px 0 16px}.modal h1{font-size:28px;font-weight:550;letter-spacing:-1px;line-height:1.1;margin:0 0 12px}.modal>p{font-size:11px;color:var(--color-text-muted);margin:0 0 25px;line-height:1.6}.export-preview{display:flex;flex-direction:column;gap:5px;border:1px solid var(--color-accent-border-subtle);border-radius:8px;padding:11px 13px;margin:18px 0;background:var(--color-surface)}.export-preview b{font-size:11px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.export-preview>span{font-size:10px;color:var(--color-text-secondary)}.export-troubleshooting{margin:0 0 18px;font-size:11px;color:var(--color-text-secondary)}.export-troubleshooting summary{cursor:pointer}.export-troubleshooting label{display:flex;align-items:center;gap:8px;margin-top:12px}.export-troubleshooting input{accent-color:var(--color-accent)}.modal .export-troubleshooting p{font-size:10px;line-height:1.6;margin:8px 0 0}.export-options{display:flex;gap:12px;margin:20px 0}.export-options>label{flex:1;font-size:10px;color:var(--color-accent-text);min-width:0}.export-options select{font-size:10px;display:block;width:100%;margin-top:8px;border:1px solid var(--color-accent-border-subtle);border-radius:7px;background:var(--color-accent-surface-subtle);padding:10px 7px;color:var(--color-accent-strong)}.export-format{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--color-accent-muted);border-bottom:1px solid var(--color-accent-surface);padding-bottom:15px;margin-bottom:14px}.export-format>span:first-child{display:flex;align-items:center;gap:7px;color:var(--color-success)}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--color-success)}.modal p.export-note{font-size:9px;color:var(--color-accent-muted);line-height:1.7;margin:0 0 22px}.primary-button{background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;padding:13px;border-radius:8px;gap:9px;font-size:11px;font-weight:500;box-shadow:0 3px 5px var(--color-shadow-soft)}.primary-button:hover{background:var(--color-primary-hover)}.primary-button>span{font-size:9px;margin-left:auto;color:var(--color-primary-muted)}.modal .secondary-button{margin-top:9px;font-size:10px}.export-progress>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--color-accent-text)}.export-progress b{font-weight:500}.export-progress progress{width:100%;accent-color:var(--color-accent);height:5px;margin-top:15px}.export-success{display:flex;align-items:center;gap:8px;color:var(--color-success);font-size:11px;margin:15px 0}.error-message{font-size:11px;color:var(--color-danger);padding:10px;background:var(--color-danger-surface);border:1px solid var(--color-danger-border);border-radius:6px;margin:12px 0}.help-modal{width:500px}.help-steps>div{display:flex;gap:18px;margin:23px 0}.help-steps>div>span{font-size:10px;color:var(--color-accent-muted);border:1px solid var(--color-accent-border-subtle);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.help-steps h3{font-size:12px;font-weight:550;margin:2px 0 5px}.help-steps p{font-size:10px;color:var(--color-accent-muted);line-height:1.7;margin:0}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0;color:var(--color-accent-muted);font-size:9px}.shortcuts kbd{background:var(--color-accent-surface-subtle);border:1px solid var(--color-accent-border-subtle);border-radius:4px;padding:4px;font-size:8px;margin-right:5px}.drop-overlay{position:fixed;top:10px;right:10px;bottom:10px;left:10px;border:2px dashed var(--color-accent-border-strong);z-index:60;background:var(--color-drop-overlay);display:grid;place-items:center;border-radius:20px;pointer-events:none;text-align:center;color:var(--color-accent)}.drop-overlay h2{font-size:24px;font-weight:500;letter-spacing:-.5px;color:var(--color-accent-strong)}.drop-overlay p{font-size:12px}.toast{position:fixed;bottom:104px;left:50%;transform:translate(-50%);z-index:70;display:flex;gap:8px;align-items:center;background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary-hover);border-radius:9px;font-size:11px;padding:12px 16px;box-shadow:0 5px 30px var(--color-shadow-medium);white-space:nowrap;animation:enter .2s ease-out}.toast svg{color:var(--color-accent-border)}.toast-undo{color:var(--color-on-primary);font-size:inherit;font-weight:600;padding:3px 6px;border-radius:4px;text-decoration:underline;text-underline-offset:3px}.toast-undo:hover{background:var(--color-primary-hover)}@keyframes enter{0%{opacity:0;margin-bottom:-5px}to{opacity:1;margin-bottom:0}}@keyframes pulse{50%{opacity:.4}}@media(min-width:1500px){.studio{padding:0 55px}.topbar{height:94px}.workspace{padding-top:24px}.editor-toolbar{height:60px}.scene-track{height:97px}.filmstrip{height:56px}.filmstrip img{height:45px;width:67px}.playhead{height:122px}.workspace-heading{margin-bottom:20px}.brand{font-size:29px}.workspace-label{font-size:10px}.scene-count{font-size:9px}.text-tool,.time-readout{font-size:11px}}@media(max-width:1150px){.studio{padding:0 24px}.topbar{gap:20px}.project-title{padding-left:20px}.header-actions{gap:10px}.local-badge{display:none}.add-media-button{padding:9px 8px}.add-media-button span{display:none}.scene-tools{gap:3px}.scene-tools .text-tool{font-size:9px}.scene-count{font-size:7px}.tool-divider{margin:0 3px}.playback{gap:12px}.timeline-footer{font-size:8px}}@media(max-width:850px){.beta{display:none}.project-title>input{width:155px}.studio{padding:0 18px;min-height:700px}.topbar{height:75px;gap:17px}.project-title{padding-left:17px}.header-actions{gap:8px}.history-actions{padding-right:6px}.scene-tools .scene-count,.scene-tools .tool-divider,.scene-tools .text-tool span{display:none}.add-media-button{border:0;background:none}.workspace-label>span:last-child{font-size:10px}.stage-area{min-height:180px}.toast{bottom:107px;font-size:10px}.workspace{padding-top:13px}}@media(max-width:600px){.studio{padding:0 12px;min-height:710px}.topbar{gap:11px;height:72px}.brand{font-size:22px;gap:7px}.brand-mark{height:27px;width:27px;border-radius:8px}.project-title{border:0;padding:0}.project-title>input{width:125px;font-size:10px}.saved-indicator{font-size:8px}.header-actions>.icon-button,.history-actions{display:none}.export-button{padding:0 9px;gap:5px;height:31px;font-size:10px}.export-button>svg:last-child{display:none}.workspace-label{font-size:8px;gap:6px;letter-spacing:1px}.workspace-label>span:last-child{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{font-size:8px;gap:6px}.stage{border-radius:9px}.stage-badge{left:20px;bottom:16px;font-size:7px}.stage-caption{font-size:8px}.editor-toolbar{grid-template-columns:1fr auto 1fr}.playback,.time-controls{gap:5px}.time-readout{font-size:8px}.scene-tools{gap:0}.scene-tools .icon-button{width:20px}.scene-tools .text-tool{padding:6px 4px}.loop-button{display:none}.popover-dismiss{bottom:135px}.timeline-footer>span{font-size:7px;gap:3px}.timeline-footer>div>.icon-button{display:none}.timeline-footer label,.timeline-footer button{font-size:7px}.stage-caption>span:last-child{font-size:8px}.project-menu{left:-75px}.toast{bottom:146px;font-size:9px;max-width:92vw;white-space:normal}.modal{padding:26px;width:100%}.modal h1{font-size:25px}.export-options{flex-direction:column}.export-options select{font-size:11px}.modal-backdrop{padding:15px}.export-preview>div>span{font-size:8px}.stage-area{min-height:150px}.workspace{min-height:225px}.stage-caption{height:28px}.workspace-heading{margin-bottom:11px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:601px){.studio{min-height:620px}.topbar{height:72px}.workspace{padding-top:14px}.workspace-heading{margin-bottom:10px}.stage-caption{height:28px}.editor-toolbar{height:45px}.ruler{height:29px}.timeline-footer{height:24px}.popover-dismiss{top:72px}}.rendered-preview{width:100%;display:block;border:1px solid var(--color-accent-border-subtle);border-radius:9px;margin:15px 0;max-height:230px;object-fit:contain;background:var(--color-accent-surface-subtle)}@media(min-width:850px){.text-tool{font-size:11px}.scene-count{font-size:9px}.workspace-label{font-size:10px}.time-readout{font-size:11px}.stage-caption{font-size:10px}.timeline-footer,.timeline-footer button,.clip-heading{font-size:9px}.clip-heading>span:last-child{font-size:9px}.ruler b,.add-scene{font-size:9px}.local-badge{font-size:8px}}.studio{--shelf-clearance: 100px}.bottom-bar{position:relative;flex-shrink:0;display:grid;grid-template-columns:minmax(36px,1fr) minmax(0,900px) minmax(0,1fr);align-items:center;gap:16px;height:var(--shelf-clearance)}.bottom-bar .add-media-wrap{position:relative;left:auto;top:auto;justify-self:start}.property-shelf{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;padding:6px;border-radius:12px;background:var(--color-control-bg);border:1px solid var(--color-control-outline);box-shadow:0 5px 14px var(--color-shadow-soft);min-width:0;position:relative;z-index:15}.property-control{min-width:0;height:54px;padding:9px 10px;border-radius:7px;border:1px solid transparent;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:6px;transition:background .12s,border-color .12s}.property-control:hover{background:var(--color-control-hover)}.property-control[aria-expanded=true]{background:var(--color-control-active);border-color:var(--color-accent)}.property-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:500;color:var(--color-control-muted)}.property-label svg{flex-shrink:0}.property-control[aria-expanded=true] .property-label{color:var(--color-accent-highlight)}.property-value{display:flex;align-items:center;gap:5px;color:var(--color-control-text);font-size:11px;line-height:14px;font-weight:550;font-variant-numeric:tabular-nums;white-space:nowrap}.property-swatch{width:10px;height:10px;border-radius:2px;border:1px solid var(--color-control-muted);flex-shrink:0}.inspector{position:absolute;bottom:var(--shelf-clearance);left:50%;transform:translate(-50%);max-height:calc(100dvh - var(--shelf-clearance) - 100px);max-width:calc(100vw - 32px)}.popover-dismiss{bottom:0}.toast{bottom:calc(var(--shelf-clearance) + 8px)}.export-type{border:0;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.export-type legend{padding:0;margin-bottom:9px;font-size:11px;color:var(--color-text-secondary)}.export-type label{position:relative;cursor:pointer}.export-type input{position:absolute;opacity:0;width:1px;height:1px}.export-type label>span{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--color-border);border-radius:9px;color:var(--color-text-secondary)}.export-type b,.export-type small{display:block}.export-type b{font-size:12px;color:var(--color-text)}.export-type small{margin-top:3px;font-size:9px}.export-type input:checked+span{background:var(--color-accent-surface-subtle);border-color:var(--color-accent)}.export-type input:focus-visible+span{outline:2px solid var(--color-focus-ring);outline-offset:3px}.export-type-check{margin-left:auto;color:var(--color-accent-strong);visibility:hidden;flex-shrink:0}.export-type input:checked+span .export-type-check{visibility:visible}.export-type:disabled{opacity:.6}@media(max-width:1200px){.bottom-bar{grid-template-columns:36px minmax(0,1fr)}.bottom-bar .local-badge,.bottom-bar .add-media-button>span{display:none}}@media(max-width:980px){.studio{--shelf-clearance: 157px;min-height:700px}.property-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.studio{--shelf-clearance: 214px;min-height:810px}.bottom-bar{gap:10px}.property-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.property-control{padding:9px 7px}.property-label{font-size:9px}.property-value{font-size:10px}.inspector{position:absolute;bottom:var(--shelf-clearance);max-height:calc(100dvh - var(--shelf-clearance) - 90px)}}.entrance-settings{margin-top:16px}.motion-sections{display:flex;gap:4px;padding:4px;margin:14px 0;background:var(--color-surface-subtle);border-radius:8px}.motion-sections button{flex:1;padding:8px;border-radius:5px;font-size:11px;color:var(--color-text-secondary)}.motion-sections button[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-accent-strong);box-shadow:0 1px 3px var(--color-shadow-soft)}.entrance-settings h3{font-size:12px;font-weight:600;margin:0 0 8px}.entrance-settings .select-field{margin-bottom:16px}.entrance-settings .subtle-button{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.scene-clip{position:relative}.entrance-track{position:absolute;left:1px;right:1px;bottom:19px;height:4px;pointer-events:none}.entrance-track>span{display:block;height:100%;background:var(--color-accent);border-radius:0 2px 2px 0;opacity:.7}.panel-text,.panel-easing{width:340px}.text-style-controls{margin:14px 0}.text-style-controls .select-field,.entrance-settings .select-field{padding-top:0;border-top:0;margin-top:12px;margin-bottom:14px}.text-style-controls select{max-width:200px}.text-style-controls .slider-field{margin-top:18px}@media(min-width:851px){.panel-text{left:30px;transform:none}}.panel-text .inspector-heading{position:sticky;top:-16px;padding:10px 0;margin-top:-10px;background:var(--color-surface);z-index:1}.export-diagnostics{margin:0 0 16px;font-size:11px;color:var(--color-text-secondary)}.export-diagnostics summary{cursor:pointer}.modal .export-diagnostics p{font-size:11px;line-height:1.6;margin:10px 0}.demo-starters-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:7px;height:35px;padding:0 12px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);background:var(--color-surface);font-size:11px;font-weight:550;white-space:nowrap}.demo-starters-button:hover{color:var(--color-accent-strong);border-color:var(--color-accent-border);background:var(--color-accent-surface)}.demo-label-short{display:none}@media(min-width:761px)and (max-width:1000px){.demo-label-full{display:none}.demo-label-short{display:inline}}@media(max-width:760px){.topbar{flex-wrap:wrap;align-content:center;height:112px;gap:10px 16px}.project-title{margin-left:auto}.header-actions{width:100%;margin-left:0}.demo-starters-button{margin-right:auto;height:31px}.popover-dismiss{top:112px}}.property-shelf-wrap{min-width:0;position:relative;padding-top:17px}.property-shelf{grid-template-columns:repeat(var(--property-count, 9),minmax(0,1fr))}.property-control{padding-inline:8px}.property-control.scope-start{border-left-color:var(--color-control-outline)}.property-value{overflow:hidden;text-overflow:ellipsis}.shelf-context{position:absolute;top:0;left:8px;font-size:9px;line-height:12px;color:var(--color-text-secondary);white-space:nowrap}.property-scope{margin:4px 0 12px;font-size:10px;color:var(--color-accent-text)}.canvas-tools{display:flex;border:1px solid var(--color-accent-border-subtle);border-radius:6px;overflow:hidden;background:var(--color-surface)}.canvas-tools button{display:flex;align-items:center;gap:4px;font-size:10px;padding:6px 8px}.canvas-tools button[aria-pressed=true]{background:var(--color-accent-surface);color:var(--color-accent-strong)}.stage canvas.move-cursor{cursor:move}.stage canvas.orbit-cursor{cursor:grab}.stage canvas.orbit-cursor:active{cursor:grabbing}.stage-status{position:absolute;z-index:4;inset:auto 16px 16px;margin-inline:auto;width:fit-content;max-width:calc(100% - 32px);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:10px 14px;border:1px solid var(--color-border);border-radius:9px;background:var(--color-surface);color:var(--color-text-secondary);box-shadow:0 4px 16px var(--color-shadow-soft);font-size:11px}.stage-status>span{overflow-wrap:anywhere}.device-model-choices{display:flex;gap:10px;margin-bottom:18px}.device-model-choices button{flex:1;justify-content:center}.device-model-choices button[aria-pressed=true],.preset-row button[aria-pressed=true]{background:var(--color-accent-surface);border-color:var(--color-accent)}.device-screen-fit,.device-ending{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;font-size:11px;color:var(--color-text-secondary)}.device-screen-fit label{display:flex;align-items:center;gap:8px}.device-screen-fit{flex-wrap:wrap}.device-screen-fit select,.device-ending select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px;padding:6px;color:var(--color-text)}.device-screen-fit input[type=color],.panel-device-model input[type=color]{width:30px;height:28px;cursor:pointer;border:0;padding:0;background:none}.device-media-name{font-size:10px;color:var(--color-text-secondary);margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-screen-guidance{display:grid;gap:5px;margin-top:12px;color:var(--color-text-secondary);font-size:10px;line-height:1.5}.device-screen-guidance strong{color:var(--color-text);font-size:12px;font-weight:550;font-variant-numeric:tabular-nums}.device-sizing-tips{margin:10px 0 14px;color:var(--color-text-secondary);font-size:10px}.device-sizing-tips summary{cursor:pointer}.device-sizing-tips p{margin:8px 0 0}.device-crop{margin:15px 0;border-top:1px solid var(--color-border);padding-top:12px}.device-crop summary{cursor:pointer;font-size:11px;color:var(--color-text-secondary)}.device-motion-presets{border-top:1px solid var(--color-border);margin-top:14px;padding-top:14px;display:flex;gap:8px;flex-wrap:wrap}.device-motion-presets>span{flex-basis:100%;font-size:10px;color:var(--color-text-secondary)}.device-motion-presets button{flex:1;justify-content:center;font-size:11px}.device-filmstrip{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;color:var(--color-accent-text);overflow:hidden}.device-filmstrip img{height:100%;width:auto;max-width:70%;object-fit:contain}.device-filmstrip>span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:900px){.property-control{padding-inline:5px}.property-label{font-size:9px;gap:3px}.property-value{font-size:10px}.preview-actions{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:980px){.studio{--shelf-clearance: 110px}.property-shelf{grid-template-columns:repeat(var(--property-count, 9),minmax(92px,1fr));overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-control-muted) var(--color-control-bg)}}@media(max-width:700px){.shelf-context{left:6px}.workspace-heading{height:auto;min-height:24px;flex-wrap:wrap;gap:8px}.workspace-label{min-width:0}.workspace-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-actions{margin-left:auto;flex-shrink:0}.canvas-tools button{padding:5px}}