.desktop-only{display:none}@media (max-width:899px){.studio>:not(.desktop-only,.toast){display:none!important}.studio{background:var(--bg);place-items:center;min-height:100dvh;display:grid}.desktop-only{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:360px;padding:32px 24px;display:flex}.desktop-only .studio-mark{border-radius:16px;width:52px;height:52px;margin-bottom:6px}.desktop-only h1{letter-spacing:-.03em;font-size:22px;font-weight:600;line-height:1.2}.desktop-only p{color:var(--muted);font-size:14px;line-height:1.55}.desktop-only .primary{border-radius:12px;align-items:center;gap:8px;height:40px;margin-top:8px;padding:0 18px;display:inline-flex}}.topbar-left{gap:10px;min-width:0}.topbar .studio-brand{border-radius:11px;flex:none;align-items:center;gap:8px;height:34px;padding:3px 11px 3px 3px;display:inline-flex}.studio-mark{width:28px;height:28px;color:var(--inverse);background:radial-gradient(120% 120% at 0% 0%, #fff3, #fff0 62%), var(--text);border-radius:8px;place-items:center;display:inline-grid;box-shadow:0 1px 2px #00000029,inset 0 0 0 .5px #ffffff24}.studio-brand .studio-wordmark{letter-spacing:-.025em;color:var(--text);font-size:14.5px;font-weight:600}.topbar .top-divider{background:var(--line);flex:none;width:1px;height:18px}.topbar .project-trigger{height:30px;color:var(--muted);border-radius:9px;flex:none;align-items:center;gap:2px;max-width:none;padding:0 6px 0 8px;display:inline-flex}.topbar .project-trigger:hover,.topbar .project-trigger.selected{background:var(--hover);color:var(--text)}.project-name-input{min-width:0;max-width:280px;height:30px;color:var(--text);font:inherit;text-overflow:ellipsis;background:0 0;border:0;border-radius:9px;outline:none;margin-left:-4px;padding:0 8px;font-size:14px;font-weight:550;transition:background-color .12s}.project-name-input:hover{background:var(--hover)}.project-name-input:focus{background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 0 0 3px color-mix(in srgb, var(--ring) 25%, transparent)}.project-name-placeholder{color:var(--muted);font-size:14px}.topbar-right{gap:6px}.topbar .history-tools{gap:2px;display:inline-flex}.topbar .history-tools .icon-button{width:32px;height:32px;color:var(--foreground-soft);border-radius:10px}.topbar .history-tools .icon-button:disabled{opacity:.35}.mode-switch{background:var(--surface);box-shadow:var(--raised-edge);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex}.mode-option{height:28px;color:var(--muted);font:inherit;cursor:default;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.mode-option[aria-pressed=true]{background:var(--text);color:var(--inverse)}.mode-soon{cursor:not-allowed;outline:none}.mode-soon:focus-visible{box-shadow:0 0 0 2px var(--ring)}.soon-badge{background:var(--well);box-shadow:var(--well-edge);letter-spacing:.01em;color:var(--muted);border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:600}.soon-tip{z-index:60;background:var(--text);width:220px;color:var(--inverse);text-align:left;opacity:0;pointer-events:none;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.45;transition:opacity .14s,transform .14s;display:flex;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px);box-shadow:0 10px 30px #0000002e}.soon-tip b{font-size:12.5px;font-weight:600}.soon-tip:before{content:"";background:inherit;border-radius:2px;width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%)rotate(45deg)}.mode-soon:hover .soon-tip,.mode-soon:focus-visible .soon-tip{opacity:1;transform:translate(-50%)}.paper-menu-item{justify-content:space-between;align-items:center;gap:18px;display:flex}.paper-menu-separator{background:var(--line);height:1px;margin:4px 6px}kbd,.menu-shortcut{background:var(--well);min-width:18px;height:20px;box-shadow:var(--well-edge);color:var(--muted);font:inherit;white-space:nowrap;border-radius:6px;align-items:center;padding:0 6px;font-size:11.5px;font-weight:500;display:inline-flex}.photo-studio .preview-column{padding-top:8px}.workspace-toolbar{display:none}.toast{animation:toast-drop .22s var(--motion-ease,ease);border-radius:12px;gap:10px;padding:8px 8px 8px 12px;font-size:13px;top:66px;bottom:auto}.toast .toast-icon{flex:none;display:inline-flex}.toast[data-tone=success] .toast-icon{color:#2f9e62}.toast[data-tone=error] .toast-icon{color:#d4483b}.toast[data-tone=info] .toast-icon{color:var(--muted)}.toast .icon-button{width:26px;height:26px}@keyframes toast-drop{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.import-status{top:66px}.photo-studio .empty-stage{border:1.5px dashed color-mix(in srgb, var(--muted) 35%, transparent);border-radius:12px;margin:0 8px 8px;transition:border-color .15s,background-color .15s}.photo-studio .empty-stage:hover{border-color:color-mix(in srgb, var(--muted) 60%, transparent);background:color-mix(in srgb, var(--bg) 40%, transparent)}.empty-stage .empty-stage-icon{background:var(--well);width:56px;height:56px;box-shadow:var(--well-edge);color:var(--foreground-soft);border-radius:18px;place-items:center;margin:0 auto 18px;display:inline-grid}.empty-stage-actions{justify-content:center;gap:8px;margin-top:22px;display:flex}.empty-stage-actions .primary,.empty-stage-actions .secondary{border-radius:12px;align-items:center;gap:8px;height:38px;padding:0 16px;display:inline-flex}.empty-stage-hints{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:22px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.empty-stage-hints li{align-items:center;gap:7px;display:inline-flex}.empty-stage-formats{color:var(--muted);opacity:.8;margin-top:12px;font-size:11.5px;display:block}.empty-stage-recent{margin-top:34px}.empty-stage-recent .section-label{color:var(--muted);margin-bottom:10px;font-size:12px}.empty-stage-recent-grid{justify-content:center;gap:8px;display:flex}.empty-stage-recent-item{background:var(--well);width:76px;height:52px;box-shadow:var(--well-edge);cursor:pointer;border:0;border-radius:10px;padding:0;transition:transform .14s,box-shadow .14s;position:relative;overflow:hidden}.empty-stage-recent-item img{object-fit:cover;width:100%;height:100%}.empty-stage-recent-item:hover{box-shadow:0 0 0 2px var(--text), 0 6px 16px #0000001f;transform:translateY(-2px)}.danger-button{color:#fff;height:28px;font:inherit;cursor:pointer;background:#d4483b;border:0;border-radius:9px;padding:0 12px;font-size:12.5px;font-weight:600}.danger-button:hover{background:#bf3c30}.section-heading{justify-content:space-between;align-items:center;display:flex}.shot-sidebar.compact-sidebar .section-heading h2{margin:0;font-size:13.5px;font-weight:600}.section-reset{height:24px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 8px;font-size:12px;display:inline-flex}.section-reset:hover{background:var(--hover);color:var(--text)}.shot-sidebar .section-heading{margin-bottom:10px}.background-presets{grid-template-columns:repeat(5,1fr);gap:6px;margin:2px 0 12px;display:grid}.background-presets button{aspect-ratio:1.45;cursor:pointer;border:0;border-radius:8px;width:100%;padding:0;transition:transform .12s,box-shadow .12s;box-shadow:inset 0 0 0 1px #00000014}.background-presets button:hover{transform:translateY(-1px)}.background-presets button[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--text)}.color-trigger.rt-Button .color-trigger-swatch{border-radius:6px;flex:none;width:18px;height:18px}.color-trigger-value{text-align:left;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:1;font-size:12.5px}.shortcuts dd kbd{font-variant-numeric:tabular-nums}.video-timeline .scene-clip.selected{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.video-timeline .timeline-help{color:var(--muted)}.project-name-input{field-sizing:content;min-width:6ch}.shot-sidebar .rt-TextFieldRoot .rt-TextFieldSlot,.panel .rt-TextFieldRoot .rt-TextFieldSlot{align-self:center;padding:0 8px 0 2px;font-size:12px;line-height:1}.empty-stage .empty-stage-content{max-width:560px}.empty-stage-hints{flex-wrap:nowrap}.shot-sidebar .layer-list:empty{display:none}.shot-sidebar .layer-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.shot-sidebar .button-row{gap:6px;margin:0 0 8px;display:flex}.shot-sidebar .button-row .secondary{background:var(--surface);height:30px;box-shadow:var(--well-edge);color:var(--text);border-radius:10px;flex:1;font-size:12.5px}.shot-sidebar .button-row .secondary:hover{background:var(--hover)}.shot-sidebar .panel-note{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.paper-menu,.paper-menu[data-state=closed],.control-popover,.color-popover,.control-popover[data-state=closed],.color-popover[data-state=closed]{animation:.11s ease-out menu-fade;transform:none}.paper-menu[data-state=closed],.control-popover[data-state=closed],.color-popover[data-state=closed]{animation:90ms ease-in reverse forwards menu-fade}@keyframes menu-fade{0%{opacity:0}to{opacity:1}}button[aria-haspopup]:active:not(:disabled),button[aria-expanded]:active:not(:disabled),button.studio-select:active:not(:disabled),.color-trigger:active:not(:disabled){transform:none}.shot-sidebar .shot-tabs .rt-BaseTabListTriggerInner,.shot-sidebar .shot-tabs .rt-BaseTabListTrigger:hover .rt-BaseTabListTriggerInner{background:0 0;padding:0}.shot-sidebar .shot-tabs .rt-TabsTrigger[data-state=inactive]:hover{background:var(--hover);color:var(--text)}.shot-sidebar .shot-tabs .rt-TabsTrigger:active{transform:none}.settings-layout{background:var(--surface);height:min(520px,100dvh - 140px);min-height:0;max-height:none}.settings-nav{background:var(--surface);border-right:1px solid var(--line)}.settings-content{min-height:0;overflow-y:auto}.background-kind-switch{margin-bottom:10px}.gradient-presets{gap:8px;margin:0 0 10px;display:flex}.gradient-presets button{cursor:pointer;border:0;border-radius:50%;width:24px;height:24px;padding:0;box-shadow:inset 0 0 0 1px #00000014}.gradient-presets button[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--text)}.studio-switch{background:var(--hover);cursor:pointer;border:0;border-radius:999px;flex:none;width:32px;height:18px;padding:0;transition:background .14s;position:relative}.studio-switch:hover:not(:disabled){background:var(--hover);filter:brightness(.97)}.studio-switch[data-state=checked],.studio-switch[data-state=checked]:hover:not(:disabled){background:var(--text)}.studio-switch-thumb{width:14px;height:14px;transition:transform .14s var(--motion-ease);background:#fff;border-radius:50%;display:block;transform:translate(2px);box-shadow:0 1px 2px #00000040}.studio-switch[data-state=checked] .studio-switch-thumb{background:var(--inverse);transform:translate(16px)}.studio-switch:active:not(:disabled){transform:none}.shot-sidebar .logo-section .section-heading{margin-bottom:0}.logo-settings{gap:10px;margin-top:12px;display:grid}.logo-settings .field{margin:0}.logo-image{align-items:center;gap:8px;display:flex}.logo-image>[role=combobox],.logo-image>.studio-select{flex:1;min-width:0}.logo-image-thumb{width:40px;height:40px;color:var(--muted);cursor:pointer;box-shadow:var(--well-edge);border:0;border-radius:10px;flex:none;place-items:center;padding:4px;display:grid;overflow:hidden}.logo-image-thumb img{object-fit:contain;max-width:100%;max-height:100%}.logo-upload{background:var(--well);height:32px;color:var(--text);font:inherit;cursor:pointer;border:0;border-radius:10px;flex:1;font-size:12.5px}.logo-placement{gap:8px;display:grid}.logo-placement>.field{align-items:start}.logo-placement>.field>span:first-child{padding-top:6px}.logo-placement .position-grid{justify-self:end}.logo-sliders{gap:6px;display:grid}.position-grid{background:var(--well);box-shadow:var(--well-edge);border-radius:10px;grid-template-rows:repeat(3,18px);grid-template-columns:repeat(3,22px);gap:3px;padding:5px;display:grid}.position-grid button{cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:22px;height:18px;padding:0;display:grid}.position-grid button i{background:var(--muted);opacity:.45;border-radius:50%;width:5px;height:5px;transition:opacity .12s,transform .12s}.position-grid button:hover:not(:disabled){background:var(--hover)}.position-grid button:hover i{opacity:.9}.position-grid button[aria-checked=true]{background:var(--surface);box-shadow:0 1px 2px #0000001f}.position-grid button[aria-checked=true] i{background:var(--text);opacity:1;width:8px;height:8px}.position-grid button:active:not(:disabled){transform:none}.text-layer-list{gap:2px;margin:0 0 10px;padding:0;list-style:none;display:grid}.text-layer-list li{border-radius:9px;align-items:center;gap:2px;display:flex}.text-layer-list li[data-selected]{background:var(--well);box-shadow:var(--well-edge)}.text-layer-list li>button:first-child{min-width:0;height:30px;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;align-items:center;gap:8px;padding:0 8px;font-size:12.5px;display:flex}.text-layer-list li>button:first-child svg{color:var(--muted);flex:none}.text-layer-list li>button:first-child span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-layer-list li[data-selected]>button:first-child:hover{background:0 0}.text-layer-editor{gap:8px;display:grid}.text-layer-editor .field{margin:0}.layer-outline{box-sizing:content-box;pointer-events:none;border:1.5px solid #2f7bf5;border-radius:4px;margin:-4px;padding:4px;position:absolute;box-shadow:0 0 0 1px #ffffff8c}.project-path{align-items:center;gap:2px;min-width:0;display:inline-flex}.topbar .project-path .project-trigger{gap:7px;height:30px;padding:0 10px 0 8px;font-size:13px;font-weight:500}.project-path-separator{color:var(--line);-webkit-user-select:none;user-select:none;font-size:16px;font-weight:300}.project-path .project-name-input{letter-spacing:-.01em;margin-left:0;font-size:13.5px;font-weight:600}.project-badge{background:var(--surface2);color:var(--muted);border-radius:999px;flex:none;margin-left:2px;padding:3px 7px;font-size:11px;font-weight:550;line-height:1}.topbar .save-button{border:1px solid var(--line);background:var(--surface);color:var(--text);position:relative}.topbar .save-button:hover:not(:disabled){background:var(--surface2)}.topbar .save-button[data-state=unsaved]:after{content:"";border:2px solid var(--bg);background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-3px;right:-3px}.topbar .save-button:disabled{opacity:1;color:var(--muted)}.topbar .save-button[data-state=empty]:disabled{opacity:.5}.topbar .save-button .spinner{width:14px;height:14px}.panel.save-dialog{width:min(420px,100vw - 32px)}.save-dialog form{flex-direction:column;gap:14px;padding:22px;display:flex}.save-dialog h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:650}.save-dialog .panel-note{margin:-6px 0 0}.save-dialog-name{flex-direction:column;gap:6px;display:flex}.save-dialog-name input{border:1px solid var(--line);background:var(--surface);height:36px;color:var(--text);border-radius:9px;padding:0 11px;font-size:13.5px}.save-dialog-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.save-dialog-actions .text-button{color:var(--muted);margin-right:auto}.save-dialog-actions .secondary,.save-dialog-actions .primary{border-radius:9px;height:34px;padding:0 16px;font-weight:550}.projects-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.projects-toolbar .panel-note{margin:0}.projects-toolbar .primary{border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:12.5px;font-weight:550;display:inline-flex}.project-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.project-card{background:var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:12px;transition:box-shadow .15s;position:relative}.project-card:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--text) 22%, var(--line))}.project-card[data-open]{box-shadow:0 0 0 2px var(--text)}.panel .project-open{text-align:left;border-radius:12px;flex-direction:column;width:100%;padding:6px;display:flex}.panel .project-open:hover:not(:disabled){background:0 0}.project-cover{aspect-ratio:16/10;background:var(--well);box-shadow:var(--well-edge);color:var(--muted);border-radius:8px;place-items:center;display:grid;overflow:hidden}.project-cover img{object-fit:cover;width:100%;height:100%}.project-meta{flex-direction:column;gap:3px;min-width:0;padding:10px 4px 6px;display:flex}.project-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.project-meta small{color:var(--muted);font-size:11.5px}.project-actions,.project-card .project-confirm{background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:9px;gap:2px;padding:2px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #0000001f}.project-actions{opacity:0;transition:opacity .12s}.project-card:hover .project-actions,.project-card:focus-within .project-actions{opacity:1}.project-actions .icon-button{width:26px;height:26px;color:var(--muted)}.project-confirm .danger-button,.project-confirm .text-button{height:26px;padding:0 10px;font-size:12px}.projects-empty{background:var(--well);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.projects-empty b{font-size:14px;font-weight:600}.projects-empty p{color:var(--muted);margin:0;font-size:12.5px}.projects-files{border-top:1px solid var(--line);gap:4px;margin-top:16px;padding-top:12px;display:flex}.projects-files .text-button{color:var(--muted);align-items:center;gap:7px;display:inline-flex}.shot-library-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.shot-library-actions .rt-Button{width:100%;margin:0}@media (prefers-reduced-motion:reduce){.project-card,.project-actions{transition:none}}@media (max-width:1180px){.topbar .studio-wordmark{display:none}.topbar .studio-brand{padding-right:3px}}