.film{margin:var(--space-2) 0 0;padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.film-title{margin:0 0 var(--space-4);font-size:15px;font-weight:600}.film-desk{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0fr);column-gap:0;height:520px;padding:10px;border-radius:28px;background:var(--well);box-shadow:inset 0 0 0 1px #00000009;overflow:hidden;transition:grid-template-columns .5s cubic-bezier(.22,1,.36,1),column-gap .5s cubic-bezier(.22,1,.36,1)}.film-desk[data-open]{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:10px}.film-chat{min-width:0;border-radius:20px}.film-chat .chat-head{padding-inline:18px 10px}.film-open{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--quiet);transition:background-color .2s ease,color .2s ease}.film-open[data-active]{background:var(--well);color:var(--ink)}.film-chat .chat-hello{top:42%}.film-chat .chat-hello p{font-size:clamp(1.125rem,1.8vw,1.5rem)}.film-chat .chat-hello .chat-hello-mark{width:48px;height:48px}.film-composer{margin:8px 12px 12px}.film-placeholder{display:block;height:36px;padding:0 8px;line-height:36px;font-size:15px;color:var(--text-muted)}.film-send{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--surface);opacity:.25}.film-panel{position:relative;min-width:0;overflow:hidden;border-radius:20px;background:var(--surface);box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000a}.film-panel-inner{position:absolute;inset:0 0 0 auto;width:max(100%,300px);display:flex;flex-direction:column;container:film-panel / inline-size}.film-tabs{display:flex;align-items:center;gap:10px;flex:none;height:52px;padding:0 14px 0 10px;color:var(--quiet)}.film-tab{display:inline-flex;align-items:center;gap:8px;min-width:0;width:min(220px,70%);height:34px;padding:0 10px;border-radius:12px;box-shadow:0 0 0 1px var(--border);color:var(--ink);font-size:13px}.film-tab>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.film-tab>svg:last-child{color:var(--quiet)}.film-tools{position:relative;display:grid;align-content:start;gap:8px;padding:4px 16px 16px}.film-address{height:38px;margin-bottom:14px;border-radius:var(--radius-pill);background:var(--surface-muted);font-size:13px;line-height:38px;text-align:center;color:var(--text-muted)}.film-label{margin:0 0 4px;font-size:13px;font-weight:500;color:var(--ink)}.film-menu .film-label{padding:4px 10px 6px;font-weight:400;font-size:12px;color:var(--text-muted)}.film-tool{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--border-subtle);font-size:13.5px;color:var(--ink);transition:background-color .2s ease}.film-tool>:nth-child(2){margin-left:auto}.film-tool kbd{padding:2px 7px;border-radius:7px;background:var(--surface-muted);font:inherit;font-size:11px;color:var(--quiet)}.film-tool[data-active]{background:var(--surface-muted)}.film-tool svg:last-child{color:var(--quiet)}.film-menu{justify-self:end;width:min(220px,80%);margin-top:2px;padding:6px;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px var(--border-subtle),0 12px 32px #0000001f}.film-menu-item{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:10px;background:var(--surface-muted);font-size:13.5px;font-weight:500}.film-library{flex:1;min-height:0}.film-library>main{height:100%}.film-cards{overflow:hidden}@container shelf (max-width: 360px){.film-import-label{display:none}.film-import{width:var(--control-height-sm);padding:0;border-radius:50%;flex:none}}.film-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}@media(max-width:640px){.film-desk{height:460px;padding:8px;border-radius:24px}.film-desk[data-open]{grid-template-columns:minmax(0,0fr) minmax(0,1fr);column-gap:0}.film-desk[data-open] .film-chat{visibility:hidden;transition:visibility 0s .5s}.film-panel-inner{width:100%;min-width:280px}.film-chat,.film-panel{border-radius:16px}}@media(prefers-reduced-motion:reduce){.film-desk{transition:none}}.guide-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4) var(--space-6);flex-wrap:wrap;margin-bottom:var(--space-8)}.guide-section-head>:first-child{flex:1 1 24rem;min-width:0}.guide-section-head>:not(:first-child){flex:none}.guide-section-head p{max-width:38rem}.installs{display:grid;gap:var(--space-4)}.install{scroll-margin-top:88px;display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:var(--space-6) clamp(32px,5vw,56px);padding:clamp(22px,3.2vw,36px);border:1px solid var(--border);border-radius:28px;background:var(--surface)}.install-intro{display:grid;align-content:start;justify-items:start;gap:var(--space-4)}.install-mark{display:grid;place-items:center;width:44px;height:44px}.install-tile{border-radius:22%}.guide-section .install-intro h3{margin:0 0 4px;font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:-.02em}.guide-section .install-intro p{font-size:var(--text-sm);line-height:1.5}.install-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.install-more{grid-column:1 / -1}.guide-steps{display:grid;margin:0;padding:0;list-style:none;counter-reset:step}.guide-steps li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--space-4);padding-block:14px}.guide-steps li+li{border-top:1px solid var(--border-subtle)}.guide-steps li:first-child{padding-top:2px}.guide-step-mark{display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;background:var(--surface-muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}.guide-section .guide-steps p{color:var(--ink);font-size:15px;line-height:1.6}.guide-steps li>div>:not(p){margin-top:var(--space-3)}.guide-step-action{display:inline-flex}.guide-field{display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:6px 6px 6px 14px;border-radius:14px;background:var(--well)}.guide-field>img{flex:none}.guide-field code,.guide-commands code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--ink)}.guide-field code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guide-commands{border-radius:14px;background:var(--well)}.guide-commands-head{display:flex;align-items:center;gap:var(--space-2);height:46px;padding:0 6px 0 14px;color:var(--quiet);font-size:var(--text-xs);font-weight:500}.guide-commands-head .guide-copy{margin-left:auto}.guide-commands pre{margin:0;padding:0 16px 16px;overflow-x:auto;line-height:1.8;scrollbar-width:thin}.guide-copy{flex:none}.guide-copy[data-copy-state=copied]{color:var(--success)}.guide-copy[data-copy-state=error]{color:var(--danger)}.guide-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8) clamp(32px,5vw,56px);margin:0;padding:0;list-style:none}.guide-features li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--space-4)}.guide-feature-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--well);color:var(--ink)}.guide-features h3{margin:6px 0 4px}.guide-section .guide-features p{font-size:15px;line-height:1.6}.guide-marks{display:flex;gap:8px;margin-top:var(--space-3)}.guide-prompts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.guide-prompts li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-4);border-radius:22px;background:var(--well)}.guide-section .guide-prompts h3{font-size:var(--text-sm);font-weight:500;color:var(--quiet)}.guide-section .guide-prompts p{flex:1;margin-bottom:var(--space-2);color:var(--ink);font-size:15px;line-height:1.6}.guide-faq{border-top:1px solid var(--border)}.guide-faq details{border-bottom:1px solid var(--border)}.guide-faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:60px;padding-block:var(--space-4);cursor:pointer;list-style:none;font-size:var(--text-base);font-weight:500}.guide-faq summary::-webkit-details-marker{display:none}.guide-faq summary svg{flex:none;color:var(--quiet);transition:rotate .2s ease}.guide-faq details[open] summary svg{rotate:180deg}.guide-faq details p{max-width:40rem;padding-bottom:var(--space-5)}@media(max-width:760px){.install{grid-template-columns:minmax(0,1fr);border-radius:24px}.install-intro{grid-template-columns:44px minmax(0,1fr);align-items:center;column-gap:var(--space-4)}.install-actions{grid-column:1 / -1}.guide-features,.guide-prompts{grid-template-columns:minmax(0,1fr)}.guide-features{gap:var(--space-6)}}@media(prefers-reduced-motion:reduce){.guide-faq summary svg{transition:none}}@media(max-width:480px){.guide-field code{white-space:normal;overflow-wrap:anywhere;line-height:1.45}.guide-field .guide-copy{width:var(--control-height-sm);padding:0;border-radius:50%}.guide-field .guide-copy>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.install{padding:20px}}