@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.color-story{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:6px 0 46px;padding:22px 0 25px}.color-story>header{justify-content:space-between;align-items:end;gap:30px;margin-bottom:17px;display:flex}.color-story>header h3{font:400 26px/1 var(--sans);letter-spacing:-.035em;margin:6px 0 0}.color-story>header>p{max-width:330px;color:var(--muted);margin:0;font-size:10px}.color-story-strip{background:var(--glass);border-radius:9px;height:58px;display:flex;overflow:hidden}.color-story-strip.is-loading{color:var(--muted);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:0 15px}.color-story-strip button{min-width:22px;transition:flex .18s var(--ease),filter .18s;border:0;flex:1;padding:0}.color-story-strip button:hover,.color-story-strip button:focus-visible{z-index:2;filter:brightness(1.16);outline:2px solid var(--paper);outline-offset:-2px;flex:1.7}.color-story-palettes{gap:4px;height:45px;margin-top:8px;display:flex}.color-palette-column{background:0 0;border:0;border-radius:4px;flex-direction:column;flex:1;min-width:22px;padding:0;display:flex;overflow:hidden}.color-palette-column i{flex:1;display:block}.color-palette-column:hover,.color-palette-column:focus-visible{outline:1px solid var(--paper);outline-offset:2px}@media (max-width:700px){.color-story>header{flex-direction:column;align-items:flex-start}.color-story>header>p{display:none}.color-story-strip{height:48px}.color-story-palettes{height:36px}}:root{--void:#070908;--glass:#101411;--smoke:#202522;--paper:#f0f2ec;--muted:#8b938c;--line:#f0f2ec29;--green:#b8d29f;--blue:#332cff;--danger:#d26e5e;--sans:var(--font-geist),sans-serif;--editorial:var(--font-editorial),serif;--mono:var(--font-mono),monospace;--ease:cubic-bezier(.2,.75,.2,1)}*{box-sizing:border-box}html{background:var(--void)}body{background:var(--void);min-width:320px;min-height:100vh;color:var(--paper);font-family:var(--sans);margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.shell{background:radial-gradient(circle at 8% 0,#2a2112 0,transparent 24rem),var(--void);min-height:100vh}.topbar{z-index:30;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 clamp(22px,4vw,64px);display:grid;position:relative}.brand-home{background:0 0;border:0;border-radius:999px;justify-self:start;padding:0}.brand-home:focus-visible{outline:2px solid var(--green);outline-offset:5px}.brand-home:hover .smile-orb{transform:translateY(-2px)rotate(-5deg);box-shadow:inset -8px -8px 15px #00000070,0 9px 24px #d7b66a47}.brand-lockup{color:var(--paper);letter-spacing:-.04em;justify-self:start;align-items:center;gap:11px;font-size:15px;font-weight:650;display:inline-flex}.smile-orb{width:36px;height:36px;transition:transform .18s var(--ease),box-shadow .18s ease;background:radial-gradient(circle at 38% 30%,#fff0b5 0 8%,#b58a42 23%,#584323 48%,#0c0e0d 74%);border:1px solid #ffffff57;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset -8px -8px 15px #00000070,0 5px 18px #d7b66a2e}.smile-orb:after{content:"";border:1.5px solid #fff2cfe0;border-top:0;border-radius:0 0 14px 14px;width:16px;height:7px;position:absolute;top:13px;left:9px;transform:rotate(-4deg)}.view-toggle{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0e0cad;border-radius:999px;justify-self:center;padding:4px;display:flex}.view-toggle button{color:#717872;background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 14px;font-size:11px;display:flex}.view-toggle button.active{color:var(--void);background:var(--paper)}.profile-wrap{justify-self:end;position:relative}.profile-trigger{border:1px solid var(--line);background:#ffffff06;border-radius:999px;align-items:center;gap:9px;min-height:42px;padding:4px 12px 4px 4px;display:flex}.profile-trigger>span{width:32px;height:32px;color:var(--void);background:var(--green);font:600 10px var(--mono);border-radius:50%;place-items:center;display:grid}.profile-trigger small{font:9px var(--mono);text-transform:uppercase}.profile-popover{z-index:90;border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1310f5;border-radius:14px;width:280px;padding:18px;position:absolute;top:52px;right:0;box-shadow:0 30px 80px #000}.profile-popover>p{color:var(--muted);margin:0 0 3px;font-size:10px}.profile-popover>strong{text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.profile-popover>div{border-block:1px solid var(--line);align-items:center;gap:8px;margin:17px 0;padding:14px 0;font-size:11px;display:flex}.profile-popover i{color:var(--green);font:9px var(--mono);margin-left:auto;font-style:normal}.profile-popover>button{border:0;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:40px;font-size:11px;display:flex}.profile-popover .profile-settings{color:var(--paper);background:#ffffff0e;justify-content:flex-start;margin-bottom:4px;padding:0 12px}.profile-popover .profile-signout{color:var(--void);background:var(--paper);justify-content:center}.settings-backdrop{z-index:200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030403db;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.settings-dialog{border:1px solid var(--line);background:radial-gradient(circle at 92% 0,#b8d29f1a,#0000 24rem),#101411;border-radius:24px;width:min(880px,100%);max-height:92vh;overflow:auto;box-shadow:0 40px 120px #000}.settings-dialog>header{border-bottom:1px solid var(--line);padding:30px 32px 22px;position:relative}.settings-dialog h2{font:300 45px/1 var(--editorial);margin:7px 0 0}.settings-dialog .dialog-close{top:26px;right:28px}.settings-intro{color:#c8d6c0;background:#b8d29f0e;border:1px solid #b8d29f40;border-radius:12px;align-items:flex-start;gap:10px;margin:22px 32px 0;padding:14px 16px;font-size:10px;line-height:1.5;display:flex}.settings-intro svg{flex:none;margin-top:1px}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;padding:24px 32px 30px;display:grid}.settings-section{border:1px solid var(--line);background:#ffffff05;border-radius:14px;flex-direction:column;gap:14px;padding:18px;display:flex}.settings-section-title{align-items:flex-start;gap:10px;display:flex}.settings-section-title>svg{color:var(--green);margin-top:2px}.settings-section h3{margin:0;font-size:12px;font-weight:600}.settings-section-title p,.settings-note{color:var(--muted);margin:3px 0 0;font-size:9px;line-height:1.45}.settings-section label{color:var(--muted);font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase;gap:7px;display:grid}.settings-section input,.settings-section select{border:1px solid var(--line);width:100%;height:42px;color:var(--paper);text-transform:none;letter-spacing:0;background:#090c0a;border-radius:8px;outline:0;padding:0 11px;font-size:10px}.settings-section input:disabled{opacity:.55}.settings-inline-action{color:var(--green);font:8px var(--mono);text-transform:uppercase;background:0 0;border:0;align-self:flex-start;padding:0}.settings-inline-action:disabled{color:#596059;cursor:default}.settings-storage{grid-column:1/-1}.segmented-setting{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented-setting button{border:1px solid var(--line);min-height:62px;color:var(--muted);text-align:left;background:#0a0d0b;border-radius:10px;align-items:center;gap:10px;padding:0 14px;display:flex}.segmented-setting button.active{color:var(--paper);border-color:var(--green);background:#b8d29f14;box-shadow:inset 0 0 0 1px #b8d29f1f}.segmented-setting span{gap:3px;font-size:10px;display:grid}.segmented-setting small{color:var(--muted);font-size:8px}.settings-dialog>footer{border-top:1px solid var(--line);align-items:center;gap:16px;min-height:74px;padding:14px 32px;display:flex}.settings-dialog>footer p{color:var(--green);margin:0;font-size:9px}.settings-dialog>footer span,.settings-dialog>footer p:first-child{flex:1}.settings-save{min-height:42px;color:var(--void);background:var(--paper);border:0;border-radius:999px;padding:0 19px;font-size:10px}@media (max-width:700px){.settings-backdrop{align-items:end;padding:0}.settings-dialog{border-radius:22px 22px 0 0;max-height:94vh}.settings-dialog>header{padding:24px 20px 18px}.settings-dialog .dialog-close{top:18px;right:18px}.settings-intro{margin:16px 20px 0}.settings-grid{grid-template-columns:1fr;padding:18px 20px 22px}.settings-storage{grid-column:auto}.settings-dialog>footer{flex-wrap:wrap;padding:14px 20px}.settings-dialog>footer p{width:100%}.settings-save{margin-left:auto}}.eyebrow{color:var(--muted);font:500 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.archive-main{width:min(1800px,100%);margin:auto;padding:30px clamp(22px,4vw,64px) 28px}.archive-heading{justify-content:space-between;align-items:flex-end;gap:50px;min-height:190px;display:flex}.archive-heading h1{letter-spacing:-.075em;margin:11px 0 0;font-size:clamp(50px,6.5vw,100px);font-weight:500;line-height:.82}.archive-heading h1 span{color:#777e78;font-family:var(--editorial);font-style:italic;font-weight:300}.archive-tools{gap:20px;min-width:min(440px,38vw);display:grid}.search-wrap{border:1px solid var(--line);background:#ffffff05;border-radius:999px;align-items:center;gap:10px;min-height:46px;padding:0 14px;display:flex}.search-wrap svg{color:var(--muted)}.search-wrap input{min-width:0;color:var(--paper);background:0 0;border:0;outline:0;flex:1;font-size:11px}.archive-count{grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:8px;display:grid}.archive-count strong{font:500 17px var(--mono)}.archive-count span{color:var(--muted);font-size:10px}.notice{z-index:160;color:#181b17;text-align:center;width:max-content;max-width:min(420px,100vw - 32px);animation:surface-enter .22s var(--ease) both;pointer-events:none;background:#f0eee7;border:1px solid #d7b66a4d;border-radius:999px;margin:0;padding:11px 16px;font-size:11px;position:fixed;top:94px;left:50%;transform:translate(-50%);box-shadow:0 18px 55px #00000073}.collection-filter{z-index:20;flex-wrap:wrap;gap:7px;margin:20px 0 6px;display:flex;position:relative}.collection-filter button{border:1px solid var(--line);min-height:34px;color:var(--muted);font:9px var(--mono);background:#101310bd;border-radius:999px;align-items:center;gap:6px;padding:0 13px;display:flex}.collection-filter button.active{color:#090b09;border-color:var(--green);background:var(--green)}.canvas-main .collection-filter{z-index:14;margin:0;position:absolute;top:240px;left:clamp(22px,4vw,64px)}.tag-filter{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 22px;display:flex}.tag-filter>span{color:var(--muted);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-right:5px}.tag-filter button{border:1px solid var(--line);min-height:30px;color:var(--muted);font:8px var(--mono);background:0 0;border-radius:999px;padding:0 11px}.tag-filter button.active,.tag-filter button:hover{color:var(--void);border-color:var(--green);background:var(--green)}.frame-archive{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 12px;margin-top:30px;display:grid}.frame-archive-card{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;min-width:0;padding:0}.frame-archive-image{aspect-ratio:16/9;background:var(--glass);border-radius:8px;margin-top:9px;display:block;position:relative;overflow:hidden}.frame-archive-image img{object-fit:cover;transition:transform .36s var(--ease)}.frame-archive-card:hover .frame-archive-image img{transform:scale(1.035)}.frame-archive-image i{font:7px var(--mono);background:#050706c7;border-radius:999px;padding:5px 7px;font-style:normal;position:absolute;bottom:8px;right:8px}.frame-archive-copy{gap:5px;padding:11px 2px 0;display:grid}.frame-archive-copy small{color:var(--green);font:7px var(--mono);text-transform:uppercase}.frame-archive-copy strong{min-height:36px;font-size:12px;font-weight:450;line-height:1.35}.frame-archive-copy>span{color:var(--muted);font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.frame-preview-dialog{border:1px solid var(--line);background:#101411;border-radius:22px;grid-template-columns:minmax(0,1.65fr) minmax(300px,.55fr);width:min(1280px,96vw);height:min(82vh,720px);max-height:92vh;display:grid;position:relative;overflow:hidden}.frame-preview-image{background:#050605;min-height:0;position:relative}.frame-preview-image img{object-fit:contain}.frame-preview-panel{flex-direction:column;min-height:0;padding:68px 28px 28px;display:flex;overflow-y:auto}.frame-preview-panel h2{font:300 34px/1.05 var(--editorial);margin:12px 0 32px}.frame-preview-panel dl{margin:0;display:grid}.frame-preview-panel dl>div{border-top:1px solid var(--line);gap:5px;padding:14px 0;display:grid}.frame-preview-panel dt{color:var(--muted);font:8px var(--mono);text-transform:uppercase}.frame-preview-panel dd{margin:0;font-size:12px;line-height:1.4}.preview-open-video{min-height:46px;color:var(--void);background:var(--paper);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:auto;font-size:11px;display:flex}.frame-preview-backdrop .frame-preview-dialog{transform-origin:50%;transition:opacity .15s,transform .24s cubic-bezier(.22,1,.36,1),filter .18s}.frame-preview-backdrop:before,.frame-preview-backdrop:after{transition:opacity .18s,background-image .32s}.frame-preview-backdrop.is-switching:before{opacity:0}.frame-preview-backdrop.is-switching:after{opacity:.72}.frame-preview-backdrop.is-out-next .frame-preview-dialog{opacity:0;filter:blur(2px);transform:translate(-32px)scale(.985)}.frame-preview-backdrop.is-out-previous .frame-preview-dialog{opacity:0;filter:blur(2px);transform:translate(32px)scale(.985)}.frame-preview-backdrop.is-in-next .frame-preview-dialog{opacity:0;transform:translate(32px)scale(.985)}.frame-preview-backdrop.is-in-previous .frame-preview-dialog{opacity:0;transform:translate(-32px)scale(.985)}.frame-preview-nav{z-index:3;width:42px;height:42px;color:var(--paper);opacity:.42;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .18s,background .18s,transform .18s var(--ease);background:#0709088f;border:1px solid #f0eee733;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.frame-preview-previous{left:16px}.frame-preview-next{right:16px}.frame-preview-image:hover .frame-preview-nav,.frame-preview-nav:focus-visible{opacity:1}.frame-preview-nav:hover,.frame-preview-nav:focus-visible{color:var(--void);background:var(--paper);transform:translateY(-50%)scale(1.06)}.frame-preview-position{z-index:3;color:#f0eee7b3;font:8px var(--mono);letter-spacing:.08em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0709088f;border:1px solid #f0eee724;border-radius:999px;padding:6px 9px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.frame-preview-tags{gap:8px;margin:0 0 12px;display:grid}.frame-preview-tags>span{color:var(--muted);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.frame-preview-tags>div{flex-wrap:wrap;gap:6px;display:flex}.frame-preview-tags button{color:#c9b474;min-height:29px;font:8px var(--mono);background:0 0;border:1px solid #d7b66a47;border-radius:999px;padding:0 9px}.frame-preview-tags button.active{color:var(--void);background:var(--green)}.frame-preview-open{overflow:hidden!important}.frame-preview-backdrop{place-items:center!important;height:100dvh!important;padding:16px!important;overflow:hidden!important}.frame-preview-backdrop .frame-preview-dialog{max-height:calc(100dvh - 32px);margin:auto}.frame-preview-add-note{color:var(--muted);font-style:italic}.frame-preview-backdrop.is-closing{animation:.18s both frame-preview-fade-out}.frame-preview-backdrop.is-closing .frame-preview-dialog{animation:.18s cubic-bezier(.4,0,1,1) both frame-preview-dialog-out}@keyframes frame-preview-fade-out{to{opacity:0}}@keyframes frame-preview-dialog-out{to{opacity:0;transform:translateY(12px)scale(.985)}}@media (max-width:700px){.frame-preview-dialog{border-radius:20px;flex-direction:column;width:100%;height:auto;max-height:calc(100dvh - 32px);display:flex;overflow:hidden}.frame-preview-dialog .dialog-close{background:#070908d6;width:38px;height:38px;top:10px;right:10px}.frame-preview-image{aspect-ratio:16/9;flex:none;min-height:0}.frame-preview-image img{object-fit:cover}.frame-preview-nav{opacity:.8;width:36px;height:36px}.frame-preview-previous{left:10px}.frame-preview-next{right:10px}.frame-preview-position{bottom:8px}.frame-preview-panel{min-height:0;padding:18px;overflow-y:auto}.frame-preview-panel h2{margin:8px 0 18px;font-size:25px}.frame-preview-tags>div{scrollbar-width:none;flex-wrap:nowrap;margin:0 -18px;padding:0 18px 5px;overflow-x:auto}.frame-preview-tags>div::-webkit-scrollbar{display:none}.frame-preview-tags button{flex:none}.frame-preview-panel dl{grid-template-columns:1fr 1fr}.frame-preview-panel dl>div{padding:11px 0}.frame-preview-panel dl>div:first-child{grid-column:1/-1}.frame-preview-panel dl>div:nth-child(3){border-left:1px solid var(--line);padding-left:14px}.preview-open-video{min-height:42px;margin-top:18px}}.orbit-stage{isolation:isolate;background:#090b0a;border:1px solid #ffffff2b;border-radius:34px;height:clamp(610px,67vh,840px);margin-top:45px;position:relative;overflow:hidden;box-shadow:0 34px 100px #000}.orbit-stage:after{content:"";z-index:-3;background:radial-gradient(circle at 52% 44%,#4e715b38,#0000 35%),linear-gradient(120deg,#080a09,#111713 55%,#080a09);position:absolute;inset:0}.orbit-bands{z-index:-2;opacity:.7;background:linear-gradient(90deg,#0000 0 13%,#76877a14 13% 25%,#0000 25% 37%,#7a917e24 37% 49%,#ffffff06 49% 61%,#5f76651a 61% 74%,#0000 74%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.orbit-stage:before{content:"";z-index:-1;opacity:.08;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.orbit-copy{z-index:12;align-items:flex-end;gap:30px;display:flex;position:absolute;bottom:31px;left:34px}.orbit-copy>span{letter-spacing:-.06em;font-size:clamp(30px,3vw,50px);line-height:.92}.orbit-copy p{color:#747b75;max-width:180px;margin:0;font-size:10px}.orbit-field{perspective:1200px;position:absolute;inset:0 300px 0 0}.orbit-card{--x:50%;--y:42%;--r:0deg;--s:1;left:var(--x);top:var(--y);z-index:calc(20 - var(--i));text-align:left;width:clamp(210px,24vw,390px);transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s));transition:transform .42s var(--ease),filter .24s;animation:orbit-in .7s var(--ease) both;animation-delay:calc(var(--i)*70ms);background:0 0;border:0;padding:0;position:absolute}@keyframes orbit-in{0%{opacity:0;transform:translate(-50%,-42%) rotate(var(--r)) scale(calc(var(--s)*.82))}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s))}}.orbit-card:first-child{--x:52%;--y:47%;--r:-2deg;--s:1.04}.orbit-card:nth-child(2){--x:32%;--y:25%;--r:7deg;--s:.72}.orbit-card:nth-child(3){--x:76%;--y:24%;--r:-7deg;--s:.75}.orbit-card:nth-child(4){--x:79%;--y:61%;--r:5deg;--s:.66}.orbit-card:nth-child(5){--x:30%;--y:61%;--r:-7deg;--s:.61}.orbit-card:nth-child(6){--x:57%;--y:78%;--r:3deg;--s:.58}.orbit-card:hover,.orbit-card:focus-visible{z-index:40;filter:brightness(1.1);transform:translate(-50%,-54%) rotate(0) scale(calc(var(--s) + .08))}.orbit-card .tile-image{aspect-ratio:16/10;background:#151816;border:1px solid #ffffff38;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 28px 70px #0000008c}.tile-image img{object-fit:cover}.tile-image>i{color:var(--paper);font:8px var(--mono);text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050706bd;border-radius:999px;padding:6px 8px;font-style:normal;position:absolute;top:9px;right:9px}.orbit-card .tile-copy{opacity:0;padding-top:10px;transition:opacity .18s,transform .24s;display:block;transform:translateY(5px)}.orbit-card:hover .tile-copy,.orbit-card:focus-visible .tile-copy,.orbit-card:first-child .tile-copy{opacity:1;transform:none}.tile-copy small{color:#777e78;font:8px var(--mono);text-transform:uppercase;display:block}.tile-copy strong{letter-spacing:-.03em;margin-top:4px;font-size:15px;line-height:1.15;display:block}.tile-copy>span{color:#737a74;font:8px var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:8px;display:flex}.orbit-rail{border-left:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0507069e;flex-direction:column;width:300px;padding:28px 22px;display:flex;position:absolute;top:0;bottom:0;right:0}.orbit-rail>span{color:#747b75;font:8px var(--mono);text-transform:uppercase;margin-bottom:20px}.orbit-rail button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;min-height:66px;padding:9px 0;display:grid}.orbit-rail button i{color:#626963;font:8px var(--mono);font-style:normal}.orbit-rail button span{font-size:11px;line-height:1.2}.orbit-rail button svg{color:#666d67}.orbit-rail button:hover span{color:var(--green)}.index-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:170px;gap:12px;margin-top:45px;display:grid}.index-card{background:var(--glass);text-align:left;min-width:0;transition:transform .3s var(--ease);border:0;border-radius:12px;grid-area:span 2/span 4;grid-template-rows:minmax(0,1fr) auto;padding:0;display:grid;overflow:hidden}.index-card:nth-child(6n+1){grid-area:span 3/span 7}.index-card:nth-child(6n+2),.index-card:nth-child(6n+3){grid-area:span 2/span 5}.index-card:nth-child(6n+4){grid-area:span 2/span 4}.index-card:nth-child(6n+5){grid-area:span 2/span 8}.index-card:hover{transform:translateY(-4px)}.index-card .tile-image{min-height:0;display:block;position:relative;overflow:hidden}.index-card .tile-image img{transition:transform .5s var(--ease)}.index-card:hover .tile-image img{transform:scale(1.025)}.index-card .tile-copy{padding:16px 18px;display:block}.index-card .tile-copy strong{font-size:17px}.index-card:nth-child(6n+1) .tile-copy strong{font-size:25px}.archive-footer{border-top:1px solid var(--line);color:#676e68;min-height:72px;font:8px var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;margin-top:22px;display:flex}.archive-footer button{color:#777f78;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:7px;display:flex}.empty{border:1px solid var(--line);text-align:center;border-radius:30px;place-content:center;justify-items:center;min-height:560px;margin-top:45px;display:grid}.empty>span{border:1px solid var(--line);border-radius:50%;width:80px;height:80px;margin-bottom:26px;box-shadow:inset 0 0 35px #70917433}.empty h2{font:300 44px/1 var(--editorial);margin:11px 0}.empty>p:last-child{max-width:400px;color:var(--muted);font-size:11px}.detail-main{width:min(1680px,100%);margin:auto;padding:22px clamp(22px,4vw,64px) 80px}.back{min-height:42px;color:var(--muted);font:9px var(--mono);text-transform:uppercase;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.video-scene{grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:12px;margin-top:28px;display:grid}.scene-player{background:#0c0e0d;border-radius:24px;min-height:clamp(430px,62vh,760px);position:relative;overflow:hidden}.scene-player img{object-fit:cover}.scene-player:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#04050459);position:absolute;inset:0}.scene-player>a{z-index:2;width:72px;height:72px;color:var(--paper);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#07090894;border:1px solid #ffffff61;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-player>a svg{width:20px}.scene-info{background:linear-gradient(160deg,#19211c,#0e110f);border-radius:24px;flex-direction:column;justify-content:flex-end;padding:28px;display:flex}.scene-info h1{letter-spacing:-.06em;margin:13px 0 auto;font-size:clamp(38px,4vw,66px);line-height:.94}.scene-info>div{border-top:1px solid var(--line);color:var(--muted);font:9px var(--mono);text-transform:uppercase;justify-content:space-between;gap:15px;padding-top:24px;display:flex}.scene-info a{color:var(--paper);align-items:center;gap:6px;text-decoration:none;display:flex}.timeline-section{margin-top:80px}.timeline-section>header{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.timeline-section h2{font:300 clamp(40px,5vw,70px)/.92 var(--editorial);letter-spacing:-.04em;margin:9px 0 0}.timeline-section>header>p{max-width:300px;color:var(--muted);margin:0;font-size:11px}.video-timeline{color:#6c736d;font:8px var(--mono);grid-template-columns:45px 1fr 45px;align-items:center;gap:12px;margin:38px 0 44px;display:grid}.video-timeline>span:last-child{text-align:right}.video-timeline>div{height:36px;position:relative}.video-timeline>div:before{content:"";background:var(--line);height:1px;position:absolute;top:17px;left:0;right:0}.video-timeline a{border:3px solid var(--void);width:19px;height:19px;color:var(--void);background:var(--green);border-radius:50%;place-items:center;text-decoration:none;display:grid;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 0 0 1px #b8d29f73}.video-timeline a:hover{transform:translate(-50%)scale(1.35)}.video-timeline a i{font:6px var(--mono);font-style:normal}.frames-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 12px;display:grid}.frame-card{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;min-width:0;padding:0}.frame-image{aspect-ratio:16/9;background:var(--glass);border-radius:9px;margin-top:10px;display:block;position:relative;overflow:hidden}.frame-image img{object-fit:cover;transition:transform .4s var(--ease)}.frame-card:hover img{transform:scale(1.025)}.frame-image b,.frame-image small{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:7px var(--mono);background:#050706c2;border-radius:999px;padding:5px 8px;position:absolute}.frame-image b{top:9px;left:9px}.frame-image small{bottom:9px;right:9px}.frame-copy{grid-template-columns:1fr auto;gap:14px;padding-top:12px;display:grid}.frame-copy strong{font-size:13px;font-weight:400;line-height:1.4}.frame-copy i{color:#6d746e;font:8px var(--mono);text-transform:uppercase;align-items:center;gap:5px;font-style:normal;display:flex}.loading-grid{color:var(--muted);text-align:center;font:9px var(--mono);text-transform:uppercase;padding:80px}.auth-shell{place-items:center;padding:24px;display:grid}.auth-card,.setup-card{border:1px solid var(--line);background:#101411eb;border-radius:22px;width:min(480px,100%);padding:34px}.auth-card .brand-lockup{margin-bottom:48px}.auth-card h1,.setup-card h1{font:300 46px/1 var(--editorial);margin:10px 0 13px}.auth-card p,.setup-card p{color:var(--muted);line-height:1.55}.form{gap:10px;margin-top:25px;display:grid}.input,.dialog-panel textarea{border:1px solid var(--line);width:100%;min-height:46px;color:var(--paper);background:var(--void);border-radius:9px;outline:0;padding:0 14px}.primary,.ghost,.danger,.dialog-actions a{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:0 17px;text-decoration:none;display:flex}.primary{color:var(--void);border-color:var(--paper);background:var(--paper)}.ghost{background:0 0}.danger{color:#e58b7d;background:0 0;border-color:#613e38}.error{font-size:11px;color:#e58b7d!important}.success-msg{font-size:11px;color:var(--green)!important}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.primary .spinner{border-color:#0003;border-top-color:var(--void)}@keyframes spin{to{transform:rotate(360deg)}}.password-wrap{align-items:center;width:100%;display:flex;position:relative}.password-wrap input{padding-right:44px!important}.password-toggle{color:var(--muted);cursor:pointer;opacity:.6;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex;position:absolute;right:14px}.password-toggle:hover{opacity:1}.billing-shell{background:radial-gradient(circle at 50% 0,#d7b66a21,#0000 27rem),#080b09;place-items:center;min-height:100vh;padding:28px;display:grid;overflow:hidden}.billing-card{width:min(560px,100%);color:var(--paper);background:linear-gradient(145deg,#161a16fa,#0a0d0bfa);border:1px solid #cdc3a938;border-radius:26px;padding:26px 34px 25px;position:relative;overflow:hidden;box-shadow:0 40px 110px #00000085}.billing-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ffffff0a,#0000 25% 70%,#d7b66a0d);position:absolute;inset:0}.billing-brand{justify-content:space-between;align-items:center;display:flex;position:relative}.billing-brand .brand-lockup{margin:0}.billing-brand>span{color:#969d93;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}.billing-orbit{color:#efe1b8;background:radial-gradient(circle at 35% 30%,#fff8d7b8,#d7b66a54 33%,#14120a1a 68%);border:1px solid #d7b66a73;border-radius:50%;place-items:center;width:48px;height:48px;margin:35px 0 20px;display:grid;position:relative;box-shadow:0 0 0 8px #d7b66a09,0 0 36px #d7b66a33}.billing-card .eyebrow{color:#a8aa9f;margin:0;position:relative}.billing-card h1{max-width:480px;font:300 clamp(40px,7vw,57px)/.94 var(--editorial);letter-spacing:-.035em;margin:11px 0 12px;position:relative}.billing-lede{color:#afb4aa;max-width:430px;margin:0;font-size:12px;line-height:1.6;position:relative}.billing-plan{background:#d7b66a0e;border:1px solid #d7b66a47;border-radius:15px;margin:28px 0 18px;padding:17px 18px 15px;position:relative}.billing-plan-title{color:#d6d6ce;justify-content:space-between;align-items:center;font-size:10px;display:flex}.billing-plan-title svg{color:#d7b66a}.billing-price-line{grid-template-columns:1fr 1px 1fr;align-items:end;gap:17px;margin-top:17px;display:grid}.billing-price-line>i{background:#d7b66a42;height:35px}.billing-price-line div{gap:3px;display:grid}.billing-price-line small{color:#979e93;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.billing-price-line strong{font:500 24px/1 var(--editorial);letter-spacing:-.02em}.billing-price-line em{color:#aeb1a8;font:9px var(--mono);letter-spacing:0;font-style:normal}.billing-plan>p{color:#a8ada4;margin:15px 0 0;font-size:9px}.billing-main-action{color:#14140f;background:#f2eee3;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;padding:0 18px;font-size:12px;font-weight:600;transition:transform .16s,background .16s;display:flex;position:relative}.billing-main-action svg:last-child{position:absolute;right:17px}.billing-main-action:hover:not(:disabled){background:#fffaf0;transform:translateY(-1px)}.billing-main-action:disabled{opacity:.65}.billing-secure{color:#888f86;justify-content:center;align-items:center;gap:6px;margin:10px 0 0;font-size:8px;display:flex}.billing-secure svg{color:#b8a36c}.billing-text-action{color:#aaafa7;text-underline-offset:3px;background:0 0;border:0;width:100%;margin-top:10px;font-size:9px;text-decoration:underline}.billing-local-note{border-top:1px solid var(--line);color:#c3c6bf;gap:11px;margin-top:23px;padding:14px 0;display:flex;position:relative}.billing-local-note>svg{color:#d7b66a;flex:none;margin-top:1px}.billing-local-note div{gap:4px;display:grid}.billing-local-note strong{font-size:10px}.billing-local-note span{color:#8f968c;font-size:9px;line-height:1.45}.billing-coupon{color:#989f95;margin-top:14px;font-size:9px;position:relative}.billing-coupon summary{cursor:pointer;color:#c2c6be;text-underline-offset:3px;width:max-content}.billing-coupon p{color:#858c83;max-width:385px;margin:8px 0 0;line-height:1.55}.billing-signout{color:#747b72;background:0 0;border:0;align-items:center;gap:7px;margin:20px auto 0;font-size:9px;display:flex;position:relative}.billing-spin{animation:.8s linear infinite spin}.billing-card .error{text-align:center;position:relative;margin:12px 0 0!important}@media (max-width:560px){.billing-shell{align-items:end;padding:0}.billing-card{border-radius:25px 25px 0 0;min-height:94vh;padding:22px 22px 28px}.billing-orbit{margin-top:28px}.billing-card h1{font-size:43px}.billing-plan{margin-top:23px}.billing-price-line{gap:12px}.billing-local-note{margin-top:20px}}.billing-card p.billing-text-action{color:#aaafa7;text-align:center;margin:10px 0 0;font-size:9px;text-decoration:none}.billing-local-action{color:#d8d6ce;background:#d7b66a0b;border:1px solid #d7b66a47;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:14px;font-size:10px;display:flex;position:relative}.billing-local-action svg:last-child{position:absolute;right:14px}.billing-local-action:hover{background:#d7b66a17}.local-mode-banner{color:#bdc2b9;background:#d7b66a0f;border:1px solid #d7b66a4d;border-radius:11px;align-items:flex-start;gap:9px;max-width:760px;margin:0 0 26px;padding:12px 14px;font-size:10px;line-height:1.45;display:flex}.local-mode-banner>svg{color:#d7b66a;flex:none;margin-top:1px}.local-mode-banner strong{color:var(--paper);margin-right:6px}.local-mode-banner button{color:#e4c77f;font:inherit;text-underline-offset:3px;background:0 0;border:0;margin-left:5px;padding:0;text-decoration:underline}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030403e6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ambient-backdrop{isolation:isolate;overflow:hidden}.ambient-backdrop:before,.ambient-backdrop:after{content:"";z-index:-2;pointer-events:none;position:absolute;inset:-12%}.ambient-backdrop:before{background-image:var(--ambient-image);filter:blur(72px)saturate(1.35);opacity:.3;background-position:50%;background-size:cover;transition:background-image .32s,opacity .32s;transform:scale(1.12)}.ambient-backdrop:after{z-index:-1;background:radial-gradient(ellipse at center,var(--ambient-color),#070908d6 52%,#070908 88%)}@supports (color:color-mix(in lab, red, red)){.ambient-backdrop:after{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--ambient-color) 34%,transparent),#070908d6 52%,#070908 88%)}}.ambient-backdrop>div{z-index:1;position:relative}.frame-dialog{border:1px solid var(--line);background:var(--glass);border-radius:22px;grid-template-columns:minmax(0,1.7fr) minmax(300px,.65fr);width:min(1240px,100%);max-height:92vh;display:grid;position:relative;overflow:auto}.dialog-close{z-index:3;border:1px solid var(--line);background:#070908b3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:16px;right:16px}.dialog-image{background:#050605;min-height:600px;position:relative}.dialog-image img{object-fit:contain}.dialog-image>span{z-index:2;font:9px var(--mono);background:#070908cc;border-radius:999px;padding:6px 9px;position:absolute;bottom:17px;left:17px}.dialog-panel{padding:65px 28px 28px}.dialog-panel h2{font:300 32px/1.05 var(--editorial);margin:12px 0 28px}.dialog-panel textarea{resize:vertical;min-height:140px;padding:13px}.dialog-actions{gap:8px;margin-top:14px;display:grid}@media (max-width:1000px){.archive-heading{flex-direction:column;align-items:flex-start}.archive-tools{width:100%;min-width:0}.orbit-field{right:240px}.orbit-rail{width:240px}.video-scene{grid-template-columns:1fr}.scene-player{min-height:52vw}.scene-info{min-height:310px}.frames-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.index-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.index-card,.index-card:nth-child(n){grid-column:span 3}.index-card:nth-child(4n+1){grid-area:span 3/span 6}.frame-archive{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.topbar{height:70px;padding:0 16px}.brand-lockup>span:last-child{display:none}.view-toggle button{padding:0 10px}.profile-trigger{width:40px;padding:3px}.profile-trigger small{display:none}.archive-main{padding:28px 16px 20px}.archive-heading{min-height:0}.archive-heading h1{font-size:50px}.archive-tools{gap:14px}.orbit-stage{border-radius:22px;height:690px;margin-top:30px}.orbit-field{inset:0}.orbit-card{width:245px}.orbit-card:first-child{--x:49%;--y:36%;--s:.95}.orbit-card:nth-child(2){--x:30%;--y:17%;--s:.57}.orbit-card:nth-child(3){--x:73%;--y:16%;--s:.58}.orbit-card:nth-child(4){--x:73%;--y:56%;--s:.54}.orbit-card:nth-child(5){--x:27%;--y:57%;--s:.52}.orbit-card:nth-child(n+6){display:none}.orbit-rail{border-top:1px solid var(--line);border-left:0;width:auto;height:175px;padding:14px 18px;inset:auto 0 0;overflow:auto}.orbit-rail>span{margin-bottom:5px}.orbit-rail button{min-height:44px}.orbit-copy{display:none}.index-grid{grid-template-columns:1fr;grid-auto-rows:auto}.index-card,.index-card:nth-child(n){grid-area:auto;min-height:330px}.index-card .tile-image{aspect-ratio:16/10}.archive-footer>span{display:none}.detail-main{padding:18px 16px 60px}.video-scene{margin-top:18px}.scene-player{border-radius:14px;min-height:56vw}.scene-player>a{width:55px;height:55px}.scene-info{border-radius:14px;min-height:280px;padding:20px}.timeline-section{margin-top:55px}.timeline-section>header{flex-direction:column;align-items:flex-start}.timeline-section h2{font-size:46px}.frames-grid,.frame-dialog{grid-template-columns:1fr}.dialog-image{min-height:48vw}.dialog-panel{padding-top:35px}.view-toggle button{gap:0;font-size:0}.frame-archive{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.scene-quick-add-note{width:max-content;color:var(--green);font:9px var(--mono);letter-spacing:.04em;text-underline-offset:3px;cursor:pointer;text-decoration:underline}.scene-quick-add-note:focus-visible{outline:2px solid var(--green);outline-offset:3px}.canvas-main{width:100%;height:calc(100vh - 84px);padding:0;position:relative;overflow:hidden}.canvas-main .archive-heading{z-index:12;pointer-events:none;align-items:flex-start;min-height:0;position:absolute;inset:34px clamp(22px,4vw,64px) auto}.canvas-main .archive-heading h1{color:#171914;font-size:clamp(48px,5.2vw,78px);line-height:.86}.canvas-main .archive-heading h1 span{color:#747a70;font-family:var(--sans);font-style:normal;font-weight:500}.canvas-main .archive-tools{pointer-events:auto;width:260px;min-width:0}.canvas-main .search-wrap{color:#686d64;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f4edad;border-color:#181b162b}.canvas-main .notice{z-index:160;position:fixed;top:94px}.canvas-main .orbit-stage{height:auto;box-shadow:none;cursor:default;background:radial-gradient(circle at 65% 40%,#ffffffd1,#0000 24%),radial-gradient(circle at 72% 28%,#becfaa5c,#0000 31%),linear-gradient(132deg,#e4e1d6,#f2f0e9 54%,#dfe0d7);border:0;border-radius:0;margin:0;position:absolute;inset:0}.canvas-main .orbit-stage:before{opacity:.32;transform:translate(calc(var(--pan-x,0px)*.18),calc(var(--pan-y,0px)*.18));background-image:radial-gradient(circle,#2a2f2680 .7px,#0000 .8px);background-size:28px 28px}.canvas-main .orbit-stage{cursor:grab;touch-action:none}.canvas-main .orbit-stage.is-panning{cursor:grabbing}.canvas-main .orbit-bands{opacity:.18;transform:translate(calc(var(--pan-x,0px)*.12),calc(var(--pan-y,0px)*.12));background:radial-gradient(circle,#0000 0 28%,#5c705047 28.2% 28.3%,#0000 28.5% 46%,#5c70502e 46.2% 46.3%,#0000 46.5%);inset:-70%;-webkit-mask-image:none;mask-image:none}.canvas-main .orbit-field{contain:paint;isolation:isolate;backface-visibility:hidden;width:2300px;height:1450px;transform:translate3d(calc(-50% + var(--pan-x,0px)),calc(-50% + var(--pan-y,0px)),0) scale(var(--canvas-zoom,1));transform-origin:50%;transform-style:flat;will-change:transform;transition:transform 35ms linear;top:50%;left:50%;right:auto}.canvas-main .orbit-card{filter:drop-shadow(0 18px 28px #22261d29);width:clamp(250px,22vw,390px)}.canvas-main .orbit-card:first-child{--x:61%;--y:50%;--r:-2deg;--s:1}.canvas-main .orbit-card:nth-child(2){--x:45%;--y:31%;--r:6deg;--s:.76}.canvas-main .orbit-card:nth-child(3){--x:76%;--y:29%;--r:-5deg;--s:.73}.canvas-main .orbit-card:nth-child(4){--x:79%;--y:66%;--r:5deg;--s:.67}.canvas-main .orbit-card:nth-child(5){--x:43%;--y:67%;--r:-6deg;--s:.64}.canvas-main .orbit-card:nth-child(6){--x:61%;--y:79%;--r:3deg;--s:.59}.canvas-main .orbit-card:nth-child(7){--x:27%;--y:47%;--r:4deg;--s:.62}.canvas-main .orbit-card:nth-child(8){--x:92%;--y:47%;--r:-4deg;--s:.58}.canvas-main .orbit-card:nth-child(n+9){--x:calc(28% + (var(--i) - 8)*8%);--y:88%;--s:.55}.canvas-main .orbit-card .tile-image{border-color:#ffffffb8;border-radius:3px;box-shadow:0 0 0 1px #1b1f1724,0 18px 35px #1f231b26}.canvas-main .orbit-card .tile-copy{opacity:.72;transform:none}.canvas-help,.canvas-center{z-index:14;color:#62675e;font:500 8px var(--mono);letter-spacing:.04em;text-transform:uppercase;position:absolute;bottom:25px}.canvas-help{align-items:center;gap:9px;display:flex;left:50%;transform:translate(-50%)}.canvas-help i{border:1px solid #777c72;border-radius:8px;width:13px;height:19px;position:relative}.canvas-help i:after{content:"";background:#777c72;width:1px;height:5px;position:absolute;top:3px;left:5px}.canvas-center{background:#f4f2ebad;border:1px solid #181b1629;border-radius:999px;min-height:34px;padding:0 13px;right:clamp(22px,4vw,64px)}.canvas-actions{z-index:15;align-items:center;gap:7px;display:flex;position:absolute;bottom:25px;right:clamp(22px,4vw,64px)}.canvas-zoom{color:#8f9188;min-width:42px;font:8px var(--mono);text-align:center}.canvas-actions .canvas-center,.canvas-organize{color:#8f9188;min-height:34px;font:500 8px var(--mono);letter-spacing:.04em;text-transform:uppercase;background:#101310bd;border:1px solid #f0eee724;border-radius:999px;align-items:center;gap:6px;padding:0 13px;display:flex;position:static}.canvas-actions .canvas-center:hover,.canvas-organize:hover{color:#090b09;background:#d7b66a}.canvas-main+.archive-footer,.canvas-main .archive-footer{display:none}@media (max-width:700px){.canvas-main{height:auto;min-height:calc(100vh - 70px);padding:28px 16px}.canvas-main .archive-heading{pointer-events:auto;position:relative;inset:auto}.canvas-main .archive-heading h1{font-size:48px}.canvas-main .archive-tools{width:100%}.canvas-main .orbit-stage{background:0 0;height:auto;margin-top:28px;position:relative;inset:auto;overflow:visible}.canvas-main .orbit-bands,.canvas-help,.canvas-actions{display:none}.canvas-main .orbit-field{gap:30px;width:auto;height:auto;display:grid;position:relative;inset:auto;transform:none!important}.canvas-main .orbit-card,.canvas-main .orbit-card:nth-child(n){filter:none;width:100%;position:relative;inset:auto;transform:none}.canvas-main .orbit-card .tile-copy{opacity:1}.canvas-main .orbit-stage:before,.canvas-main .orbit-stage:after{display:none}}:root{--paper:#f0eee7;--muted:#8f9188;--line:#f0eee729;--green:#d7b66a}.canvas-main .archive-heading h1{color:#f0eee7}.canvas-main .archive-heading h1 span{color:#9a9b92}.canvas-main .archive-heading .eyebrow{color:#d7b66a}.canvas-main .search-wrap{color:#8f9188;background:#101310c7;border-color:#f0eee724}.canvas-main .search-wrap input,.canvas-main .archive-count{color:#f0eee7}.canvas-main .archive-count span{color:#777b72}.canvas-main .orbit-stage{background:radial-gradient(circle at 65% 40%,#d7b66a16,#0000 25%),radial-gradient(circle at 72% 28%,#6e572a21,#0000 32%),linear-gradient(132deg,#080a08,#11140f 54%,#090b09)}.canvas-main .orbit-stage:after{background:radial-gradient(#0000 43%,#00000080 125%)}.canvas-main .orbit-stage:before{opacity:.38;background-image:radial-gradient(circle,#d7b66a42 .7px,#0000 .8px)}.canvas-main .orbit-bands{opacity:.16;background:radial-gradient(circle,#0000 0 28%,#d7b66a40 28.2% 28.3%,#0000 28.5% 46%,#d7b66a26 46.2% 46.3%,#0000 46.5%)}.canvas-main .tile-copy strong{color:#f0eee7}.canvas-main .tile-copy small,.canvas-main .tile-copy>span{color:#81857c}.canvas-help,.canvas-center{color:#8f9188}.canvas-help i{border-color:#9d8652}.canvas-help i:after{background:#d7b66a}.canvas-center{background:#101310bd;border-color:#f0eee724}.canvas-center:hover{color:#090b09;background:#d7b66a}.empty>span{box-shadow:inset 0 0 35px #d7b66a2e}.scene-info{background:linear-gradient(160deg,#211b10,#10100d)}.video-timeline a{box-shadow:0 0 0 1px #d7b66a73}.library-shell{background:#090b09;position:relative}.library-shell>.topbar{z-index:40;background:0 0;position:absolute;inset:0 0 auto}.library-shell .canvas-main{height:100vh}.library-shell .canvas-main .archive-heading{top:112px}.library-shell .canvas-main .orbit-stage{top:0}.library-shell .canvas-main .orbit-stage:after{background:linear-gradient(#0709082e,#0000 150px),radial-gradient(#0000 43%,#00000080 125%)}@media (max-width:700px){.library-shell>.topbar{position:relative}.library-shell .canvas-main{height:auto}.library-shell .canvas-main .archive-heading{top:auto}}.collection-filter{align-items:center}.collection-filter>span{color:#6f766f;width:100%;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.collection-filter button{transition:color .18s,background .18s,border-color .18s,transform .18s}.collection-filter button.received{color:#090b09;background:#f5d78d;border-color:#f5d78d;transform:scale(1.08);box-shadow:0 0 28px #d7b66a61}.canvas-main .collection-filter{justify-content:flex-end;width:min(330px,34vw);top:216px;left:auto;right:clamp(22px,4vw,64px)}.canvas-main .collection-filter>span{text-align:right}.canvas-main .collection-filter button{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#101310d6}.canvas-main .collection-filter button.active{background:var(--green)}.orbit-card.is-draggable{cursor:grab;touch-action:none;transition:left .12s var(--ease),top .12s var(--ease),filter .24s}.orbit-card.is-draggable:active{z-index:60;cursor:grabbing;transition:none}.take-grip{z-index:4;color:#f0eee7;opacity:0;background:#050706b3;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:25px;height:25px;transition:opacity .18s;display:grid;position:absolute;top:9px;left:9px}.orbit-card:hover .take-grip,.index-card:hover .take-grip{opacity:1}.collection-connections{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.collection-connections line{vector-effect:non-scaling-stroke}.connection-base{stroke:#d7b66a2e;stroke-width:1px}.connection-shine{stroke:#e9ca80;stroke-width:1.4px;stroke-linecap:round;stroke-dasharray:2 18;filter:url(#line-glow);animation:3.8s linear infinite connection-travel}@keyframes connection-travel{to{stroke-dashoffset:-20px}}.frame-open{text-align:left;background:0 0;border:0;width:100%;padding:0}.frame-collection,.dialog-collection{gap:6px;margin-top:13px;display:grid}.frame-collection>span,.dialog-collection>span{color:#6d746e;font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.frame-collection select,.dialog-collection select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--paper);background:#0d100e;border-radius:8px;padding:0 11px}.dialog-collection{margin:0 0 12px}@media (max-width:700px){.canvas-main .collection-filter{justify-content:flex-start;width:100%;margin:22px 0;position:relative;inset:auto}.canvas-main .collection-filter>span{text-align:left}.take-grip,.collection-connections{display:none}}.scene-player:after{display:none}.scene-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-timeline button{border:3px solid var(--void);width:19px;height:19px;color:var(--void);background:var(--green);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:8px;transform:translate(-50%);box-shadow:0 0 0 1px #d7b66a73}.video-timeline button:hover,.video-timeline button:focus-visible{transform:translate(-50%)scale(1.35)}.video-timeline button i{font:6px var(--mono);font-style:normal}.frame-edit{color:#7d847e;font:8px var(--mono);text-transform:uppercase;background:0 0;border:0;align-items:center;gap:5px;margin-top:10px;padding:0;display:flex}.frame-edit:hover{color:var(--green)}.canvas-main .orbit-card .tile-image{backface-visibility:hidden;border:1px solid #d7b66a33;border-radius:12px;transform:translateZ(0);box-shadow:0 24px 58px #0000006b,0 0 0 1px #00000073}.canvas-main .orbit-card{filter:none}.canvas-main .tile-image img{backface-visibility:hidden;transform:translateZ(0)}.archive-main:not(.canvas-main){padding:46px clamp(28px,5vw,86px) 72px}.archive-main:not(.canvas-main) .archive-heading{min-height:220px}.archive-main:not(.canvas-main) .collection-filter{margin:28px 0 32px}.index-grid{animation:surface-enter .43s var(--ease) both;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:170px;grid-auto-flow:row;gap:12px;margin-top:0}.index-card,.index-card:nth-child(n){grid-area:span 2/span 4;min-width:0}.index-card:nth-child(5n+1){grid-column:span 7}.index-card:nth-child(5n+2){grid-column:span 5}.index-card:nth-child(5n+3),.index-card:nth-child(5n+4),.index-card:nth-child(5n+5){grid-column:span 4}.index-card:nth-child(5n+1):last-child,.index-card:nth-child(5n+3):last-child{grid-column:span 12}.index-card:nth-child(5n+3):nth-last-child(2),.index-card:nth-child(5n+4):last-child{grid-column:span 6}.orbit-stage,.empty,.detail-main,.dialog-backdrop,.library-shell,.library-loading,.auth-card{animation:surface-enter .43s var(--ease) both}@keyframes surface-enter{0%{opacity:0;filter:blur(3px);transform:translateY(9px)}to{opacity:1;filter:none;transform:none}}@starting-style{.profile-popover{opacity:0;transform:translateY(-6px)scale(.98)}}.profile-popover{transition:opacity .22s var(--ease),transform .22s var(--ease)}.frame-copy{align-items:start}.frame-note{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0}.frame-note strong{display:block}.frame-note i{margin-top:8px}.frame-collection{align-self:start;width:150px;max-width:100%;margin:0}.frame-collection>span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.frame-collection select{color:#c9b474;width:100%;min-height:34px;font:8px var(--mono);text-overflow:ellipsis;background:#15140f;border-radius:999px;padding:0 30px 0 11px}@media (max-width:1000px){.index-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:150px}.index-card,.index-card:nth-child(n){grid-area:span 2/span 3}.index-card:nth-child(5n+1),.index-card:nth-child(5n+2):last-child,.index-card:nth-child(5n+4):last-child{grid-column:span 6}}@media (max-width:700px){.archive-main:not(.canvas-main){padding:28px 18px 48px}.archive-main:not(.canvas-main) .archive-heading{min-height:0}.index-grid{grid-template-columns:1fr;grid-auto-rows:auto}.index-card,.index-card:nth-child(n){grid-area:auto}.frame-collection{width:140px}}.undo-toast{z-index:180;color:#111411;min-width:230px;animation:surface-enter .22s var(--ease) both;background:#f0eee7;border:1px solid #d7b66a52;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;padding:11px 12px 11px 17px;font-size:11px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 20px 60px #00000073}.undo-toast button{color:#f0eee7;min-height:32px;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:#171a17;border:0;border-radius:999px;padding:0 13px}.frame-skeleton{padding-top:8px}.frame-skeleton .frame-card{gap:10px;display:grid}.skeleton-image,.skeleton-line{background:linear-gradient(100deg,#ffffff0b 20%,#ffffff1c 40%,#ffffff0b 60%) 0 0/220% 100%;border-radius:9px;animation:1.45s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-image{aspect-ratio:16/9}.skeleton-line{width:82%;height:12px}.skeleton-line.short{width:46%;height:8px}@keyframes skeleton-shimmer{to{background-position:-220% 0}}@media (max-width:700px){.undo-toast{bottom:16px;left:16px;right:16px}}.canvas-main .orbit-card:nth-child(n){--r:0deg;--s:.72}.canvas-main .orbit-card.is-draggable{transition:left .62s cubic-bezier(.16,1,.3,1),top .62s cubic-bezier(.16,1,.3,1)}.canvas-main .orbit-card.is-draggable:active{transition:none}.canvas-main .orbit-card:hover{filter:none}.canvas-main .orbit-card,.canvas-main .orbit-card .tile-image,.canvas-main .tile-image img{backface-visibility:hidden}.canvas-main .orbit-card .tile-image,.canvas-main .tile-image img{transform:none}.collection-connections{opacity:.72;transition:opacity .18s;overflow:hidden}.collection-connections.is-hidden{opacity:0}.connection-base{stroke:#d7b66a1f}.connection-shine{stroke-width:1px;stroke-dasharray:1.5 22;animation-duration:5.4s}.stack-deck{--s:.72;left:var(--x);top:var(--y);z-index:28;width:clamp(210px,24vw,390px);color:var(--paper);text-align:left;cursor:pointer;transform:translate(-50%,-50%) scale(var(--s));transform-origin:50%;filter:drop-shadow(0 28px 42px #00000080);transition:transform .36s var(--ease),filter .22s;background:0 0;border:0;padding:0;position:absolute}.stack-deck:hover,.stack-deck:focus-visible{z-index:42;transform:translate(-50%,-54%) scale(calc(var(--s) + .05));filter:drop-shadow(0 34px 55px #000000a3)}.stack-sheet,.stack-cover{aspect-ratio:16/10;background:#151813;border:1px solid #d7b66a4d;border-radius:12px;position:absolute;inset:0;box-shadow:0 18px 38px #0000006b}.stack-sheet-back{opacity:.48;transform:translate(12px,-10px)rotate(3.5deg)}.stack-sheet-middle{opacity:.72;transform:translate(6px,-5px)rotate(1.6deg)}.stack-cover{display:block;position:relative;overflow:hidden}.stack-cover img{object-fit:cover}.stack-cover:after{content:"";background:linear-gradient(#0000 45%,#06080652);position:absolute;inset:0}.stack-count{z-index:4;min-width:40px;height:28px;font:8px var(--mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070908d1;border:1px solid #f0eee733;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 9px;display:flex;position:absolute;top:10px;right:10px}.stack-caption{padding-top:12px;display:block}.stack-caption small{color:var(--green);font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase}.stack-caption strong{text-overflow:ellipsis;white-space:nowrap;max-width:90%;margin-top:4px;font-size:14px;font-weight:500;display:block;overflow:hidden}.expanded-deck{z-index:32;pointer-events:none;position:absolute;inset:0}.expanded-deck .deck-member{z-index:34;pointer-events:auto;filter:drop-shadow(0 30px 46px #0000009e);animation:.46s cubic-bezier(.16,1,.3,1) both deck-fan-open}.expanded-deck .deck-member:hover{z-index:48;transform:translate(-50%,-54%)rotate(0)scale(.78)}@keyframes deck-fan-open{0%{opacity:.35;transform:translate(-50%,-50%)rotate(0)scale(.58)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s))}}.deck-close{left:var(--x);top:var(--y);z-index:50;color:#d8c07f;min-height:34px;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase;pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0e0be6;border:1px solid #d7b66a42;border-radius:999px;align-items:center;gap:7px;padding:0 13px;display:flex;position:absolute;transform:translate(-50%,-50%)}.deck-close:hover{color:#090b09;background:var(--green)}.stack-deck{cursor:grab;touch-action:none}.stack-deck:active{cursor:grabbing;transition:none}.stack-preview{transition:transform .34s cubic-bezier(.16,1,.3,1),opacity .22s;overflow:hidden}.stack-preview img{object-fit:cover}.stack-preview-3{z-index:1;opacity:.55;transform:translate(12px,-10px)rotate(3.5deg)}.stack-preview-2{z-index:2;opacity:.78;transform:translate(6px,-5px)rotate(1.6deg)}.stack-preview-1{z-index:3;display:block;position:relative;transform:none}.stack-preview-1:after{content:"";background:linear-gradient(#0000 45%,#0608064d);position:absolute;inset:0}.stack-deck:hover .stack-preview-3,.stack-deck:focus-visible .stack-preview-3{opacity:.82;transform:translate(-18px,-13px)rotate(-4.5deg)}.stack-deck:hover .stack-preview-2,.stack-deck:focus-visible .stack-preview-2{opacity:.9;transform:translate(18px,-9px)rotate(4deg)}.stack-deck:hover .stack-preview-1,.stack-deck:focus-visible .stack-preview-1{transform:translateY(3px)}@media (prefers-reduced-motion:reduce){.expanded-deck .deck-member{animation:none}.stack-deck,.stack-preview{transition:none}}@media (max-width:700px){.stack-deck{width:100%;margin-bottom:34px;position:relative;inset:auto;transform:none}.stack-deck:hover,.stack-deck:focus-visible{transform:none}.expanded-deck{gap:26px;display:grid;position:relative}.expanded-deck .deck-member{width:100%!important;position:relative!important;inset:auto!important;transform:none!important}.deck-close{order:2;justify-self:center;position:relative;transform:none;inset:auto!important}}.cinema-tag-filter{flex-wrap:wrap;align-items:center;gap:6px;margin:12px 0 0;display:flex}.cinema-tag-filter>span{color:var(--muted);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-right:5px}.cinema-tag-filter button{color:#c9b474;min-height:30px;font:8px var(--mono);background:#d7b66a0a;border:1px solid #d7b66a47;border-radius:999px;padding:0 11px}.cinema-tag-filter button.active,.cinema-tag-filter button:hover{color:var(--void);background:var(--green)}.dialog-backdrop.lights-out{-webkit-backdrop-filter:blur(24px)brightness(.28);backdrop-filter:blur(24px)brightness(.28);background:radial-gradient(#070908c2 0,#070908f0 58%,#070908 100%)}.dialog-backdrop.lights-out .frame-dialog{box-shadow:0 0 0 1px #d7b66a14,0 50px 140px #000}.tag-editor{border-top:1px solid var(--line);gap:10px;margin-top:16px;padding-top:15px;display:grid}.tag-editor>span{color:var(--muted);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;display:flex}.cinema-tag-buttons,.selected-tags{flex-wrap:wrap;gap:6px;display:flex}.cinema-tag-buttons button,.selected-tags button{border:1px solid var(--line);min-height:29px;color:var(--muted);font:8px var(--mono);background:0 0;border-radius:999px;padding:0 9px}.cinema-tag-buttons button.active{color:var(--void);border-color:var(--green);background:var(--green)}.cinema-tag-buttons kbd{opacity:.55;font:7px var(--mono);margin-left:4px}.custom-tag-input{grid-template-columns:1fr auto;gap:6px;display:grid}.custom-tag-input input{border:1px solid var(--line);min-width:0;height:36px;color:var(--paper);background:#0d100e;border-radius:8px;padding:0 11px}.custom-tag-input button{color:var(--void);background:var(--paper);border:0;border-radius:8px;padding:0 13px;font-size:9px}.selected-tags button{color:#c9b474;align-items:center;gap:5px;display:flex}.frame-context-menu{z-index:190;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f120ff7;border-radius:12px;width:180px;padding:6px;display:grid;position:fixed;box-shadow:0 24px 70px #000}.frame-context-menu button{min-height:38px;color:var(--paper);text-align:left;background:0 0;border:0;border-radius:7px;padding:0 11px;font-size:10px}.frame-context-menu button:hover{background:#ffffff12}.frame-context-menu button.danger{color:#e89b91}.library-loading{background:radial-gradient(circle at 65% 40%,#d7b66a14,#0000 25%),#090b09;min-height:100vh;overflow:hidden}.loading-topbar{justify-content:space-between;align-items:center;height:84px;padding:0 clamp(22px,4vw,64px);display:flex}.loading-pill{border:1px solid var(--line);background:#ffffff06;border-radius:999px;width:108px;height:40px}.loading-archive{width:min(1800px,100%);margin:auto;padding:48px clamp(22px,4vw,64px);position:relative}.skeleton-block{background:linear-gradient(100deg,#ffffff0b 20%,#ffffff1b 40%,#ffffff0b 60%) 0 0/220% 100%;animation:1.45s ease-in-out infinite skeleton-shimmer;display:block}.loading-heading{border-radius:14px;width:min(620px,70vw);height:118px;margin-top:14px}.loading-controls{gap:8px;margin:34px 0 20px;display:flex}.loading-controls span{border-radius:999px;width:105px;height:34px}.loading-canvas{border:1px solid var(--line);background:radial-gradient(circle at 52% 44%,#4e715b21,#0000 35%),#0a0c0a;border-radius:34px;height:clamp(450px,57vh,690px);position:relative;overflow:hidden}.loading-take{width:clamp(190px,22vw,340px);position:absolute}.loading-take span{aspect-ratio:16/10;border-radius:10px}.loading-take i{border-radius:5px;width:62%;height:9px;margin-top:10px}.loading-take-1{top:23%;left:39%}.loading-take-2{top:10%;left:8%;transform:scale(.72)}.loading-take-3{top:8%;right:8%;transform:scale(.7)}.loading-take-4{bottom:5%;left:15%;transform:scale(.62)}.loading-take-5{bottom:3%;right:14%;transform:scale(.64)}.loading-status{color:var(--muted);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.loading-status span{background:var(--green);width:6px;height:6px;box-shadow:0 0 12px var(--green);border-radius:50%;animation:1.1s ease-in-out infinite loading-pulse}@keyframes loading-pulse{50%{opacity:.3;transform:scale(.7)}}@media (max-width:700px){.loading-topbar{height:70px;padding:0 16px}.loading-archive{padding:28px 16px}.loading-heading{height:76px}.loading-canvas{border-radius:22px;height:560px}.loading-take{width:245px}.loading-take-1{top:28%;left:15%}.loading-take-2{top:5%;left:-12%}.loading-take-3{top:8%;right:-14%}.loading-take-4{bottom:10%;left:-8%}.loading-take-5{bottom:8%;right:-10%}}.detail-shell>.topbar{transition:background .22s,-webkit-backdrop-filter .22s,backdrop-filter .22s,border-color .22s;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-bottom-color:#0000!important}.detail-shell>.topbar.is-scrolled{-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;background:linear-gradient(#070908e6,#07090894)!important;border-bottom-color:#f0eee70e!important}.scene-info>.scene-info-heading{justify-content:initial;border:0;padding:0;display:block}.scene-info>.scene-quick-frames{justify-content:initial;display:flex}.scene-info>.scene-info-footer{display:flex}.detail-shell>.topbar{z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#070908e6,#07090894);border-bottom:1px solid #f0eee70e;position:sticky;top:0}.detail-shell .video-scene{grid-template-columns:minmax(0,1.62fr) minmax(330px,.72fr);align-items:stretch}.detail-shell .scene-info{background:radial-gradient(circle at 70% 5%,#d7b66a18,#0000 34%),linear-gradient(165deg,#211b10,#0e100e 74%);justify-content:flex-start;min-height:clamp(430px,62vh,760px);padding:25px 22px 19px;overflow:hidden}.scene-info-heading{flex:none}.scene-info-heading h1{margin:10px 0 22px;font-size:clamp(34px,3.2vw,57px);line-height:.92}.scene-quick-frames{border-top:1px solid var(--line);flex-direction:column;flex:1;min-height:0;padding-top:15px;display:flex}.scene-quick-label{color:var(--muted);font:8px var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.scene-quick-label b{color:var(--green);font-weight:500}.scene-quick-list{scrollbar-width:thin;scrollbar-color:#d7b66a59 transparent;min-height:0;padding-right:4px;overflow:auto}.scene-quick-list>button{width:100%;min-height:72px;color:inherit;text-align:left;background:0 0;border:0;border-bottom:1px solid #f0eee717;grid-template-columns:76px 1fr;gap:11px;padding:9px 0;display:grid}.scene-quick-list>button:hover .scene-quick-copy strong,.scene-quick-list>button:focus-visible .scene-quick-copy strong{color:var(--green)}.scene-quick-image{aspect-ratio:16/10;background:#080a08;border-radius:5px;position:relative;overflow:hidden}.scene-quick-image img{object-fit:cover}.scene-quick-image i{font:6px var(--mono);background:#050706d1;border-radius:999px;padding:3px 4px;font-style:normal;position:absolute;bottom:4px;right:4px}.scene-quick-copy{align-self:center;gap:5px;min-width:0;display:grid}.scene-quick-copy small{color:#777e78;font:7px var(--mono);letter-spacing:.07em;text-transform:uppercase}.scene-quick-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:450;line-height:1.35;transition:color .16s;display:-webkit-box;overflow:hidden}.scene-info-footer{border-top:1px solid var(--line);color:var(--muted);font:8px var(--mono);text-transform:uppercase;flex:none;justify-content:space-between;gap:15px;margin-top:10px;padding-top:15px;display:flex}.scene-info-footer a{color:var(--paper);align-items:center;gap:6px;text-decoration:none;display:flex}.player-frame-markers{z-index:5;pointer-events:none;height:24px;position:absolute;bottom:50px;left:4.5%;right:4.5%}.player-marker-label{color:#ddc273;font:6px var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#070908c2;border-radius:999px;padding:3px 6px;transition:opacity .18s;position:absolute;bottom:12px;right:0}.scene-player:hover .player-marker-label{opacity:1}.player-marker-track{background:#d7b66a33;height:2px;position:absolute;bottom:4px;left:0;right:0}.player-marker-track button{color:#090b09;background:var(--green);pointer-events:auto;border:2px solid #090b09;border-radius:50%;place-items:center;width:12px;height:12px;padding:0;transition:transform .15s,box-shadow .15s;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #d7b66aa6,0 0 14px #d7b66a57}.player-marker-track button:hover,.player-marker-track button:focus-visible{z-index:2;transform:translate(-50%,-50%)scale(1.45);box-shadow:0 0 0 1px #f1d68f,0 0 20px #d7b66ab3}.player-marker-track button i{font:5px var(--mono);font-style:normal}@media (max-width:1000px){.detail-shell .video-scene{grid-template-columns:1fr}.detail-shell .scene-info{min-height:0;max-height:none}.scene-quick-list{gap:8px;display:flex;overflow-x:auto}.scene-quick-list>button{border:1px solid var(--line);border-radius:9px;grid-template-columns:82px 1fr;min-width:245px;padding:8px}.scene-info-footer{margin-top:18px}}@media (max-width:700px){.detail-shell>.topbar{height:calc(84px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 20px 8px}.detail-shell .detail-main{padding:24px 20px 60px}.detail-shell .back{min-height:38px}.detail-shell .video-scene{margin-top:24px}.detail-shell .scene-info{padding:20px}.scene-info-heading h1{font-size:38px}.player-frame-markers{bottom:40px;left:5%;right:5%}.scene-quick-list>button{min-width:220px}}.collection-filter .collection-chip{border:1px solid var(--line);background:#101310bd;border-radius:999px;align-items:center;width:auto;display:inline-flex;overflow:hidden}.collection-filter .collection-chip>button{background:0 0;border:0;border-radius:0}.collection-filter .collection-chip>button:first-child{padding-right:8px}.collection-filter .collection-chip .collection-menu-button{border-left:1px solid var(--line);opacity:.62;justify-content:center;width:31px;min-height:32px;padding:0}.collection-filter .collection-chip .collection-menu-button:hover,.collection-filter .collection-chip .collection-menu-button:focus-visible{opacity:1;color:var(--paper);background:#ffffff12}.collection-filter .collection-chip:has(>button:first-child.active){border-color:var(--green);background:var(--green)}.collection-filter .collection-chip:has(>button:first-child.active) button{color:#090b09}.library-actions{z-index:20;justify-content:flex-end;align-items:center;gap:8px;margin:-22px 0 24px;display:flex;position:relative}.canvas-main .library-actions{z-index:66;margin:0;position:absolute;top:374px;right:clamp(22px,4vw,64px)}.canvas-main .collection-filter{z-index:66}.library-shell>.topbar{z-index:100!important}.library-actions label,.library-actions button,.bulk-bar label,.bulk-bar button{border:1px solid var(--line);min-height:34px;color:var(--muted);font:8px var(--mono);text-transform:uppercase;background:#101310cc;border-radius:999px;align-items:center;gap:7px;padding:0 12px;display:flex}.library-actions select,.bulk-bar select{color:var(--paper);font:inherit;text-transform:none;background:0 0;border:0;outline:0}.library-actions option,.bulk-bar option{color:var(--paper);background:#101411}.library-actions button.active{color:#090b09;border-color:var(--green);background:var(--green)}.bulk-bar{z-index:70;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f120ff5;border:1px solid #d7b66a4d;border-radius:14px;align-items:center;gap:9px;margin:0 0 18px;padding:10px 12px;display:flex;position:sticky;top:80px;box-shadow:0 18px 55px #00000052}.bulk-bar strong{margin-right:auto;font-size:11px}.bulk-bar .danger{color:#e89b91}.bulk-bar button:disabled{opacity:.42}.canvas-main .bulk-bar{z-index:85;border-radius:999px;width:max-content;max-width:calc(100vw - 28px);margin:0;padding:7px;position:fixed;inset:auto auto 76px 50%;transform:translate(-50%)}.canvas-main .bulk-bar strong{white-space:nowrap;margin:0 7px 0 5px}.video-context-menu button{align-items:center;gap:8px;display:flex}.orbit-card[aria-pressed=true] .tile-image,.index-card[aria-pressed=true] .tile-image{outline:3px solid var(--green);outline-offset:3px}.orbit-card[aria-pressed] .take-grip,.index-card[aria-pressed] .take-grip{opacity:1;color:var(--paper);font:700 13px var(--mono)}.management-dialog{border:1px solid var(--line);background:radial-gradient(circle at 100% 0,#d7b66a14,transparent 20rem),var(--glass);border-radius:20px;width:min(560px,100%);padding:30px;position:relative;box-shadow:0 40px 120px #000}.management-dialog h2{font:300 42px/1 var(--editorial);margin:8px 0 28px}.management-dialog>label{color:var(--muted);font:8px var(--mono);letter-spacing:.07em;text-transform:uppercase;gap:8px;margin-top:14px;display:grid}.management-dialog input,.management-dialog select{border:1px solid var(--line);width:100%;height:46px;color:var(--paper);background:#090c0a;border-radius:9px;outline:0;padding:0 12px;font-size:11px}.management-dialog>p:not(.eyebrow){color:var(--muted);margin:16px 0 0;font-size:10px;line-height:1.55}.management-dialog footer{border-top:1px solid var(--line);align-items:center;gap:8px;margin-top:28px;padding-top:18px;display:flex}.management-dialog footer span{flex:1}.management-dialog footer button{border:1px solid var(--line);border-radius:999px;min-height:40px;padding:0 15px;font-size:9px}.management-dialog footer .primary{color:#090b09;border-color:var(--paper);background:var(--paper)}.management-dialog footer .primary:disabled{opacity:.4}.management-dialog footer .ghost{color:var(--paper);background:0 0}.management-dialog footer .danger{color:#e89b91;background:#d26e5e14;border-color:#d26e5e66}.setting-switch{border:1px solid var(--line);width:100%;min-height:62px;color:var(--muted);text-align:left;background:#0a0d0b;border-radius:10px;gap:4px;padding:11px 13px;display:grid}.setting-switch.active{color:var(--paper);border-color:var(--green);background:#d7b66a14}.setting-switch span{font-size:10px}.setting-switch small{color:var(--muted);font-size:8px;line-height:1.4}@media (max-width:700px){.canvas-main .library-actions{justify-content:flex-start;margin:0 0 18px;position:relative;inset:auto;overflow-x:auto}.library-actions{justify-content:flex-start;margin:0 0 18px;overflow-x:auto}.bulk-bar:not(.canvas-main .bulk-bar){flex-wrap:wrap;align-items:stretch;top:68px}.bulk-bar:not(.canvas-main .bulk-bar) strong{width:100%;margin:0}.canvas-main .bulk-bar{flex-wrap:nowrap;max-width:calc(100vw - 20px);bottom:72px;overflow-x:auto}.canvas-main .bulk-bar label,.canvas-main .bulk-bar button{flex:none}.management-dialog{border-radius:20px 20px 0 0;align-self:end;padding:24px 18px}.management-dialog footer{flex-wrap:wrap}.management-dialog footer span{display:none}.management-dialog footer button{flex:1}.canvas-main .collection-filter{margin-bottom:12px}.canvas-main .orbit-stage{margin-top:88px}.canvas-main .orbit-field{gap:24px}.canvas-main .orbit-card,.canvas-main .orbit-card:nth-child(n){margin:0}.canvas-main .orbit-card .tile-copy{padding-bottom:2px}.view-toggle button{font-size:9px}.view-toggle button svg{display:none}}.canvas-main .stack-deck{backface-visibility:hidden;filter:none;transition:transform .36s var(--ease)}.canvas-main .stack-deck:hover,.canvas-main .stack-deck:focus-visible{filter:none}.canvas-main .stack-sheet,.canvas-main .stack-cover{box-shadow:0 24px 48px #00000080}.canvas-main .expanded-deck .deck-member{backface-visibility:hidden;filter:none}.canvas-zoom-step{width:34px;height:34px;color:var(--paper);font:16px var(--mono);background:#101310d1;border:1px solid #f0eee724;border-radius:50%;padding:0}@media (max-width:700px){.library-shell.view-orbit{height:100dvh;min-height:620px;overflow:hidden}.library-shell.view-orbit>.topbar{z-index:90;background:linear-gradient(#070908f5,#07090880,#0000);height:66px;padding:0 14px;position:absolute;inset:0 0 auto}.library-shell.view-orbit .canvas-main{height:100dvh;min-height:620px;padding:0;overflow:hidden}.library-shell.view-orbit .canvas-main .archive-heading{z-index:70;pointer-events:none;min-height:0;display:block;position:absolute;inset:76px 14px auto}.canvas-main .archive-heading>div:first-child{display:none}.canvas-main .archive-heading .archive-tools{pointer-events:auto;width:100%;margin:0}.canvas-main .archive-heading .archive-count{display:none}.canvas-main .search-wrap{background:#0c0f0ce6;min-height:42px;box-shadow:0 10px 30px #00000047}.canvas-main .collection-filter{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;width:100%;margin:0;padding:0 14px;position:absolute;inset:130px 0 auto;overflow-x:auto}.canvas-main .collection-filter::-webkit-scrollbar{display:none}.canvas-main .collection-filter button{white-space:nowrap;flex:none;min-height:32px}.canvas-main .collection-filter .collection-chip{flex:none}.canvas-main .library-actions{z-index:70;margin:0;position:absolute;inset:178px 14px auto;overflow:visible}.canvas-main .orbit-stage{background:radial-gradient(circle at 58% 52%,#d7b66a17,#0000 28%),linear-gradient(150deg,#070907,#10130f 58%,#080a08);height:auto;margin:0;position:absolute;inset:0;overflow:hidden}.canvas-main .orbit-stage:before,.canvas-main .orbit-stage:after{display:block}.canvas-main .orbit-field{width:2300px;height:1450px;display:block;position:absolute;top:50%;left:50%;right:auto;transform:translate3d(calc(-50% + var(--pan-x,0px)),calc(-50% + var(--pan-y,0px)),0) scale(var(--canvas-zoom,1))!important}.canvas-main .orbit-card,.canvas-main .orbit-card:nth-child(n){left:var(--x);top:var(--y);width:300px;transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s));filter:none;margin:0;display:block;position:absolute}.canvas-main .orbit-card .tile-copy{opacity:.86}.canvas-main .stack-deck{left:var(--x);top:var(--y);width:300px;transform:translate(-50%,-50%) scale(var(--s));margin:0;position:absolute}.canvas-main .stack-deck:hover,.canvas-main .stack-deck:focus-visible{transform:translate(-50%,-54%) scale(calc(var(--s) + .05))}.canvas-main .expanded-deck{display:block;position:absolute;inset:0}.canvas-main .expanded-deck .deck-member{left:var(--x)!important;top:var(--y)!important;width:300px!important;transform:translate(-50%,-50%) rotate(var(--r)) scale(var(--s))!important;position:absolute!important}.canvas-main .deck-close{position:absolute;transform:translate(-50%,-50%);left:var(--x)!important;top:var(--y)!important}.canvas-main .canvas-help{display:none}.canvas-main .canvas-actions{z-index:70;right:12px;bottom:max(14px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090b09b8;border:1px solid #f0eee71a;border-radius:999px;justify-content:flex-end;padding:7px;display:flex;left:12px}.canvas-main .canvas-actions .canvas-center{margin-right:auto}.canvas-main .canvas-organize{padding:0 11px}.canvas-main .canvas-zoom{min-width:34px}.take-grip{opacity:1}.library-shell.view-index{height:auto;overflow:visible}.library-shell.view-index>.topbar{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070908e6;height:66px;padding:0 14px;position:sticky;top:0}.view-index .archive-main{padding:18px 14px 48px}.view-index .archive-heading{min-height:0;display:block}.view-index .archive-heading>div:first-child{display:none}.view-index .archive-tools{gap:12px;width:100%;min-width:0}.view-index .search-wrap{background:#ffffff06;min-height:44px}.view-index .archive-count{grid-template-columns:auto 1fr auto 1fr;padding:0 4px}.view-index .collection-filter{scrollbar-width:none;flex-wrap:nowrap;margin:17px -14px 0;padding:24px 14px 8px;overflow-x:auto}.view-index .collection-filter::-webkit-scrollbar{display:none}.view-index .collection-filter .collection-label{width:auto;position:absolute;top:0;left:14px}.view-index .collection-filter>button,.view-index .collection-filter .collection-chip{flex:none}.view-index .library-actions{justify-content:flex-start;margin:8px 0 18px;overflow:visible}.view-index .index-grid{columns:auto;grid-template-columns:1fr;gap:12px;display:grid}.view-index .index-card,.view-index .index-card:nth-child(n){border-radius:12px;grid-template-rows:auto auto;width:100%;margin:0;display:grid}.view-index .index-card:nth-child(n) .tile-image{aspect-ratio:16/10}.view-index .index-card .tile-copy,.view-index .index-card:nth-child(n) .tile-copy{padding:13px 14px 15px}.view-index .index-card:nth-child(n) .tile-copy strong{font-size:14px}}@media (min-width:701px) and (max-width:820px){.view-index .index-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:14px}.view-index .index-card,.view-index .index-card:nth-child(n){grid-area:auto;grid-template-rows:auto auto;min-height:0}.view-index .index-card:nth-child(n) .tile-image{aspect-ratio:16/10}}@media (hover:none) and (pointer:coarse){.view-index .index-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.view-index .index-card,.view-index .index-card:nth-child(n){grid-area:auto;grid-template-rows:auto auto;width:100%;min-height:0}.view-index .index-card:nth-child(n) .tile-image{aspect-ratio:16/10}.view-index .index-card .tile-copy,.view-index .index-card:nth-child(n) .tile-copy{padding:13px 14px 15px}}@media (max-width:700px){.library-shell.view-frames>.topbar{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070908e6;height:66px;padding:0 14px;position:sticky;top:0}.view-frames .archive-main{padding:18px 14px 48px}.view-frames .archive-heading{min-height:0;display:block}.view-frames .archive-heading>div:first-child{display:none}.view-frames .archive-tools{gap:12px;width:100%;min-width:0}.view-frames .search-wrap{background:#ffffff06;min-height:44px}.view-frames .archive-count{grid-template-columns:auto 1fr auto 1fr;padding:0 4px}.view-frames .collection-filter{scrollbar-width:none;flex-wrap:nowrap;margin:15px -14px 0;padding:24px 14px 7px;position:relative;overflow-x:auto}.view-frames .collection-filter::-webkit-scrollbar{display:none}.view-frames .cinema-tag-filter::-webkit-scrollbar{display:none}.view-frames .tag-filter::-webkit-scrollbar{display:none}.view-frames .collection-filter .collection-label{width:auto;position:absolute;top:0;left:14px}.view-frames .collection-filter>button,.view-frames .collection-filter .collection-chip{flex:none}.view-frames .cinema-tag-filter,.view-frames .tag-filter{scrollbar-width:none;flex-wrap:nowrap;margin:8px -14px 0;padding:0 14px;overflow-x:auto}.view-frames .cinema-tag-filter>span,.view-frames .tag-filter>span,.view-frames .cinema-tag-filter button,.view-frames .tag-filter button{white-space:nowrap;flex:none}.view-frames .frame-archive{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 8px;margin-top:18px}.view-frames .frame-archive-card{border-top-color:#f0eee71a}.view-frames .frame-archive-image{border-radius:7px;margin-top:7px}.view-frames .frame-archive-copy{gap:4px;padding:8px 1px 0}.view-frames .frame-archive-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:10px;line-height:1.3;display:-webkit-box;overflow:hidden}.view-frames .frame-archive-copy>span{font-size:7px}}.settings-workspace{background:radial-gradient(circle at 8% 100%,#d7b66a12,#0000 28rem),#0d100e;grid-template-rows:auto minmax(0,1fr) auto;width:min(960px,100%);height:min(720px,92vh);display:grid;overflow:hidden}.settings-workspace>header{padding:26px 30px 20px}.settings-workspace>header h2{font-size:42px}.settings-layout{grid-template-columns:240px minmax(0,1fr);min-height:0;display:grid}.settings-nav{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding:20px 14px 20px 20px;display:flex}.settings-nav>button{color:#878d84;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:20px 1fr;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px 12px;display:grid}.settings-nav>button:hover{color:var(--paper);background:#ffffff09}.settings-nav>button.active{color:var(--paper);box-shadow:inset 2px 0 var(--green);background:#d7b66a1a}.settings-nav>button svg{color:var(--green)}.settings-nav>button span,.settings-privacy>span{gap:4px;font-size:10px;font-weight:600;display:grid}.settings-nav small,.settings-privacy small{color:#737970;font-size:8px;font-weight:400;line-height:1.35}.settings-privacy{border-top:1px solid var(--line);color:#aeb6aa;grid-template-columns:20px 1fr;gap:10px;margin-top:auto;padding:16px 12px;display:grid}.settings-privacy svg{color:var(--green)}.settings-content{min-width:0;padding:28px 34px 36px;overflow:auto}.settings-content-heading{max-width:600px;margin-bottom:22px}.settings-content-heading h3{font:300 30px/1.05 var(--editorial);margin:8px 0}.settings-content-heading>p:last-child{max-width:520px;color:var(--muted);margin:0;font-size:10px;line-height:1.55}.setting-row{border-top:1px solid var(--line);grid-template-columns:minmax(180px,.85fr) minmax(260px,1fr);align-items:center;gap:28px;min-height:102px;padding:20px 0;display:grid}.setting-row>div:first-child>strong{font-size:11px}.setting-row>div:first-child>p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.5}.setting-row input,.setting-row select{border:1px solid var(--line);width:100%;height:44px;color:var(--paper);background:#080b09;border-radius:8px;outline:0;padding:0 12px;font-size:10px}.setting-row input:focus,.setting-row select:focus{border-color:var(--green);box-shadow:0 0 0 3px #d7b66a17}.setting-row-stack{align-items:start}.setting-row-stack>.segmented-setting{grid-column:2}.setting-row-stack>.settings-callout{color:#8e958b;background:#d7b66a0b;border-left:2px solid #d7b66a99;grid-column:2;margin:0;padding:11px 12px;font-size:8px;line-height:1.5}.settings-workspace .segmented-setting{grid-template-columns:1fr 1fr}.settings-workspace .segmented-setting button{min-height:68px}.settings-workspace .setting-switch{border-radius:999px;grid-template-columns:30px 1fr;justify-self:end;align-items:center;gap:7px;width:104px;min-height:40px;padding:4px 5px;display:grid}.settings-workspace .setting-switch i{background:#777d75;border-radius:50%;width:28px;height:28px;transition:transform .18s,background .18s}.settings-workspace .setting-switch.active i{background:var(--green);transform:translate(0)}.settings-workspace .setting-switch span{font:8px var(--mono);text-align:center;text-transform:uppercase}.settings-example{color:#cbd0c8;background:#d7b66a0b;border:1px solid #d7b66a33;border-radius:12px;align-items:flex-start;gap:12px;margin-top:18px;padding:18px;display:flex}.settings-example svg{color:var(--green)}.settings-example strong{font-size:10px}.settings-example p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.5}.setting-action{grid-template-columns:1fr auto;gap:8px;display:grid}.setting-action button{border:1px solid var(--line);min-height:44px;color:var(--paper);background:#ffffff0b;border-radius:8px;padding:0 13px;font-size:9px}.setting-action button:disabled{opacity:.35}.settings-workspace>footer{min-height:70px;padding:12px 30px}.settings-workspace>footer .settings-footer-state{flex:1}.settings-workspace>footer p,.settings-workspace>footer p:first-child{color:var(--muted);margin:0;font-size:9px}.settings-workspace>footer p[role=status]{color:var(--green)}.cloud-status-card{background:linear-gradient(135deg,#d7b66a1c,#ffffff05);border:1px solid #d7b66a52;border-radius:14px;margin-bottom:8px;padding:18px}.cloud-status-card>div{align-items:center;gap:9px;display:flex}.cloud-status-card strong{font-size:12px}.cloud-status-card p{color:var(--muted);margin:9px 0 0;font-size:9px;line-height:1.5}.cloud-status-dot{background:#737970;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #73797021}.cloud-status-dot.is-active{background:var(--green);box-shadow:0 0 0 4px #d7b66a24}.profile-trigger>span.has-avatar,.avatar-control>span.has-avatar{background-color:#171a17;background-position:50%;background-size:cover}.avatar-control{align-items:center;gap:14px;display:flex}.avatar-control>span{color:#090b09;background:var(--green);width:64px;height:64px;font:600 18px var(--mono);border:1px solid #d7b66a73;border-radius:50%;flex:none;place-items:center;display:grid}.avatar-control>div{align-items:center;gap:8px;display:flex}.avatar-upload,.avatar-control button{border:1px solid var(--line);min-height:38px;color:var(--paper);cursor:pointer;background:#ffffff0b;border-radius:999px;align-items:center;padding:0 13px;font-size:9px;display:flex}.avatar-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.avatar-control button{color:var(--muted);background:0 0}.avatar-control button:disabled{opacity:.4;cursor:default}.avatar-upload:has(input:disabled){opacity:.4;cursor:default}@media (max-width:700px){.settings-workspace{border-radius:22px 22px 0 0;height:94vh;max-height:94vh}.settings-workspace>header{padding:22px 20px 16px}.settings-workspace>header h2{font-size:36px}.settings-layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.settings-nav{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:5px;padding:10px 14px;display:grid}.settings-nav>button{text-align:center;grid-template-columns:1fr;place-items:center;min-height:50px;padding:7px}.settings-nav>button svg{display:none}.settings-nav>button span{font-size:9px}.settings-nav small,.settings-privacy{display:none}.settings-content{padding:22px 20px 30px}.settings-content-heading h3{font-size:27px}.setting-row{grid-template-columns:1fr;gap:12px;padding:18px 0}.setting-row-stack>.segmented-setting,.setting-row-stack>.settings-callout{grid-column:1}.settings-workspace .setting-switch{justify-self:start}.setting-action{grid-template-columns:1fr}.settings-workspace>footer{flex-wrap:nowrap;padding:12px 20px}.settings-workspace>footer .settings-footer-state{width:auto}.settings-workspace .settings-save{white-space:nowrap;margin-left:0}}.library-shell.is-demo.view-orbit{overflow:hidden}.library-shell.is-demo.view-orbit .canvas-main{height:100svh;min-height:760px}.library-shell.is-demo.view-orbit .archive-heading{z-index:72;pointer-events:none;width:min(560px,34vw)}.library-shell.is-demo.view-orbit .archive-heading h1{max-width:560px;font-size:clamp(58px,4.9vw,94px)}.library-shell.is-demo.view-orbit .archive-tools,.library-shell.is-demo.view-orbit .collection-filter,.library-shell.is-demo.view-orbit .collection-connections,.library-shell.is-demo.view-orbit .orbit-bands,.library-shell.is-demo.view-orbit .canvas-help{display:none!important}.library-shell.is-demo.view-orbit .orbit-stage{background:#070908!important}.library-shell.is-demo.view-orbit .orbit-stage:after{background:linear-gradient(90deg,#070908eb 0 27%,#0709086b 39%,#0000 62%)!important}.library-shell.is-demo.view-orbit .orbit-stage:before{opacity:.16!important;background-image:radial-gradient(circle,#d7b66a38 .65px,#0000 .75px)!important;background-size:28px 28px!important}.library-shell.is-demo.view-orbit .orbit-field{contain:layout paint!important;width:min(980px,58vw)!important;height:min(690px,72vh)!important;top:51%!important;left:auto!important;right:clamp(44px,6vw,110px)!important;transform:translateY(-50%)!important}.library-shell.is-demo.view-orbit .orbit-card{z-index:calc(20 - var(--i));width:clamp(210px,17vw,315px)!important}.library-shell.is-demo.view-orbit .orbit-card:first-child{--x:18%;--y:22%;--s:.72}.library-shell.is-demo.view-orbit .orbit-card:nth-child(2){--x:50%;--y:18%;--s:.76}.library-shell.is-demo.view-orbit .orbit-card:nth-child(3){--x:78%;--y:27%;--s:.7}.library-shell.is-demo.view-orbit .orbit-card:nth-child(4){--x:25%;--y:60%;--s:.68}.library-shell.is-demo.view-orbit .orbit-card:nth-child(5){--x:61%;--y:58%;--s:.82}.library-shell.is-demo.view-orbit .orbit-card:nth-child(6){--x:84%;--y:70%;--s:.62}.library-shell.is-demo.view-orbit .orbit-card:nth-child(n+7){display:none}.library-shell.is-demo.view-orbit .orbit-card .tile-copy{opacity:1!important;transform:none!important}.library-shell.is-demo.view-orbit .tile-copy strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:96%;display:-webkit-box;overflow:hidden}.library-shell.is-demo.view-orbit .canvas-actions{bottom:24px;right:clamp(24px,4vw,64px)}@media (max-width:900px){.library-shell.is-demo.view-orbit .canvas-main{height:auto;min-height:100svh;padding:92px 18px 34px;overflow:visible}.library-shell.is-demo.view-orbit .archive-heading{pointer-events:auto;width:100%;min-height:0;position:relative;inset:auto}.library-shell.is-demo.view-orbit .archive-heading h1{font-size:clamp(46px,13vw,66px)}.library-shell.is-demo.view-orbit .orbit-stage{height:auto;margin-top:30px;position:relative;inset:auto;overflow:visible}.library-shell.is-demo.view-orbit .orbit-stage:before,.library-shell.is-demo.view-orbit .orbit-stage:after,.library-shell.is-demo.view-orbit .canvas-actions{display:none!important}.library-shell.is-demo.view-orbit .orbit-field{grid-template-columns:1fr;gap:18px;width:100%!important;height:auto!important;display:grid!important;position:relative!important;inset:auto!important;transform:none!important}.library-shell.is-demo.view-orbit .orbit-card,.library-shell.is-demo.view-orbit .orbit-card:nth-child(n){width:100%!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}}.timeline-section .color-story-strip{height:58px;display:flex;overflow:hidden}.timeline-section .color-story-strip>button{flex:1 1 0;min-width:22px;height:100%;display:block}.timeline-section .color-story-palettes{height:45px;display:flex}.timeline-section .color-story-palettes>.color-palette-column{flex-direction:column;flex:1 1 0;min-width:22px;height:100%;display:flex}@media (max-width:700px){.timeline-section .color-story-strip{height:48px}.timeline-section .color-story-palettes{height:36px}}.library-shell.is-demo.view-orbit .canvas-main{background:#070908;height:100svh;min-height:780px}.library-shell.is-demo.view-orbit .archive-heading{pointer-events:none;justify-content:space-between;align-items:flex-start;width:auto;min-height:0;display:flex;inset:112px clamp(36px,4.5vw,78px) auto}.library-shell.is-demo.view-orbit .archive-heading>div:first-child{width:min(1050px,58vw)}.library-shell.is-demo.view-orbit .archive-heading h1{letter-spacing:-.07em;max-width:1050px;font-size:clamp(60px,4.9vw,92px)}.library-shell.is-demo.view-orbit .archive-tools{pointer-events:auto;gap:20px;width:min(340px,22vw);min-width:290px;display:grid!important}.library-shell.is-demo.view-orbit .collection-filter{z-index:72;pointer-events:auto;justify-content:flex-end;gap:8px;width:min(340px,22vw);margin:0;position:absolute;top:256px;left:auto;right:clamp(36px,4.5vw,78px);display:flex!important}.library-shell.is-demo.view-orbit .collection-filter .collection-label{text-align:right;width:100%}.library-shell.is-demo.view-orbit .collection-filter>button,.library-shell.is-demo.view-orbit .collection-filter .collection-chip{min-height:40px}.demo-orbit-stage{background:radial-gradient(circle,#d7b66a33 .65px,#0000 .8px) 0 0/28px 28px,#070908;position:absolute;inset:0;overflow:hidden}.demo-orbit-ring{aspect-ratio:1;pointer-events:none;border:1px solid #d7b66a12;border-radius:50%;width:min(82vw,1680px);position:absolute;top:-24vh;left:11vw;box-shadow:inset 0 0 0 10px #d7b66a05}.demo-orbit-cluster{width:min(880px,44vw);height:min(590px,61vh);position:absolute;top:34vh;left:30vw}.demo-orbit-card{text-align:left;width:clamp(270px,18vw,370px);transition:transform .22s var(--ease), filter .22s var(--ease);background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.demo-orbit-card:hover,.demo-orbit-card:focus-visible{z-index:10;filter:brightness(1.06);transform:translate(-50%,calc(-50% - 6px))}.demo-orbit-card-1{top:22%;left:22%}.demo-orbit-card-2{top:13%;left:76%}.demo-orbit-card-3{top:78%;left:23%}.demo-orbit-card-4{top:66%;left:73%}.demo-orbit-card .tile-image{aspect-ratio:16/10;background:#151816;border:1px solid #d7b66a2e;border-radius:8px;width:100%;display:block;position:relative;overflow:hidden;box-shadow:0 24px 58px #00000073}.demo-orbit-card .tile-copy{opacity:.9;padding-top:12px;display:block;transform:none}.demo-orbit-card .tile-copy strong{max-width:96%;color:var(--paper);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.15;display:-webkit-box;overflow:hidden}.demo-canvas-help,.demo-canvas-actions{z-index:74;display:flex!important}@media (max-width:1100px){.library-shell.is-demo.view-orbit .archive-heading{display:block;inset:88px 18px auto}.library-shell.is-demo.view-orbit .archive-heading>div:first-child{width:100%}.library-shell.is-demo.view-orbit .archive-tools,.library-shell.is-demo.view-orbit .collection-filter{display:none!important}.demo-orbit-stage{min-height:740px;margin-top:260px;position:relative;inset:auto;overflow:visible}.demo-orbit-ring{display:none}.demo-orbit-cluster{gap:18px;width:100%;height:auto;padding:0 18px 32px;display:grid;position:relative;top:auto;left:auto}.demo-orbit-card,.demo-orbit-card:nth-child(n){width:100%;position:relative;top:auto;left:auto;transform:none}.demo-canvas-help,.demo-canvas-actions{display:none!important}}.timeline-section .chromatic-score-track{background:linear-gradient(#f0eee706,#f0eee702),repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#f0eee709 calc(10% - 1px) 10%);border-radius:2px;height:118px;display:block;position:relative;overflow:visible}.timeline-section .chromatic-bands{border-radius:2px;flex-direction:row;display:flex;position:absolute;inset:0}.timeline-section .chromatic-bands>i,.timeline-section .chromatic-bands>i:first-child{flex:1 1 0;width:auto;min-width:1px;height:100%;min-height:0;display:block}@media (max-width:700px){.timeline-section .chromatic-score-track{height:104px}.timeline-section .chromatic-segment{width:48px;height:82px;top:10px}.timeline-section .chromatic-segment:hover,.timeline-section .chromatic-segment:focus-visible{width:74px}}.timeline-section .color-story{border:0;min-height:54px;margin:-30px 57px 42px;padding:0}.timeline-section .color-story.is-loading{color:var(--muted);font:8px var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;display:flex}.timeline-section .color-story-palettes{background:var(--glass);border-radius:7px;gap:0;width:100%;height:54px;margin:0;display:flex;overflow:hidden}.timeline-section .color-story-palettes>.color-palette-column{border:0;border-right:1px solid #0709088c;border-radius:0;flex-direction:column;flex:1 1 0;min-width:22px;height:100%;padding:0;display:flex}.timeline-section .color-palette-column>i{flex:1 1 0;min-height:1px;display:block}@media (max-width:700px){.timeline-section .color-story{margin:-30px 0 34px}.timeline-section .color-story-palettes{height:48px}}.chromatic-score{color:var(--muted);margin:-31px 57px 48px;position:relative}.chromatic-score.is-loading{height:92px;font:8px var(--mono);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#f0eee706,#d7b66a0f,#f0eee706);border:1px solid #f0eee714;padding:34px 18px;animation:1.6s ease-in-out infinite chromatic-breathe}.chromatic-score-track{isolation:isolate;background:#0b0d0c;border-radius:3px;height:94px;animation:.72s cubic-bezier(.2,.78,.2,1) both chromatic-reveal;display:flex;position:relative;overflow:visible;box-shadow:0 18px 50px #00000042,inset 0 0 0 1px #f0eee717}.chromatic-score-track:before,.chromatic-score-track:after{content:"";z-index:5;pointer-events:none;height:1px;position:absolute;left:0;right:0}.chromatic-score-track:after{background:#000000ad;bottom:0}.chromatic-segment{--segment-weight:1;--segment-index:0;flex:var(--segment-weight) 1 0;transform-origin:50% 100%;min-width:28px;height:94px;animation:chromatic-slice-in .62s calc(var(--segment-index)*65ms) cubic-bezier(.2,.8,.2,1) both;background:#101311;border:0;border-right:1px solid #0709089e;padding:0;transition:flex-grow .42s cubic-bezier(.2,.8,.2,1),filter .26s,transform .42s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.chromatic-segment:hover,.chromatic-segment:focus-visible{z-index:10;flex-grow:calc(var(--segment-weight) + 40);filter:saturate(1.18)contrast(1.04);outline:0;transform:translateY(-4px)}.chromatic-bands{flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.chromatic-bands:after{content:"";mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(105deg,#ffffff1a,#0000 22% 66%,#00000029);position:absolute;inset:0}.chromatic-bands i{--color-index:0;transform-origin:0;flex:1;min-height:1px;transition:flex .36s cubic-bezier(.2,.8,.2,1),filter .22s;display:block}.chromatic-bands i:first-child{flex:2.4}.chromatic-segment:hover .chromatic-bands i,.chromatic-segment:focus-visible .chromatic-bands i{filter:saturate(1.08)}.chromatic-playhead{z-index:4;opacity:0;pointer-events:none;background:#f5e0a6f0;width:1px;transition:opacity .18s,transform .36s cubic-bezier(.2,.8,.2,1);position:absolute;top:-9px;bottom:-9px;left:50%;transform:scaleY(.35);box-shadow:0 0 16px #d7b66ac7}.chromatic-playhead:before{content:"";background:#f3d784;border-radius:50%;width:5px;height:5px;position:absolute;top:-1px;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #d7b66a}.chromatic-segment:hover .chromatic-playhead,.chromatic-segment:focus-visible .chromatic-playhead{opacity:1;transform:scaleY(1)}.chromatic-preview{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform-origin:50% 100%;pointer-events:none;background:#090b09eb;border:1px solid #f0eee72e;border-radius:7px;width:210px;padding:6px;transition:opacity .2s,visibility .2s,transform .36s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%,12px)scale(.94);box-shadow:0 22px 60px #0000008c}.chromatic-segment:hover .chromatic-preview,.chromatic-segment:focus-visible .chromatic-preview{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.chromatic-preview-image{aspect-ratio:16/9;background:#050605;border-radius:3px;width:100%;display:block;position:relative;overflow:hidden}.chromatic-preview-image img{object-fit:cover}.chromatic-preview>span:last-child{color:#d9d4c8;font:7px var(--mono);letter-spacing:.08em;justify-content:space-between;align-items:center;padding:7px 3px 2px;display:flex}.chromatic-preview b{color:#777c75;font-weight:400}.chromatic-preview em{color:#dbc278;font-style:normal}.chromatic-score-axis{color:#656b65;height:24px;font:6px var(--mono);letter-spacing:.12em;text-transform:uppercase;grid-template-columns:auto 1fr auto;align-items:end;gap:12px;display:grid}.chromatic-score-axis i{background:linear-gradient(90deg,#f0eee726,#d7b66a57,#f0eee726);height:1px;margin-bottom:2px}@keyframes chromatic-reveal{0%{clip-path:inset(0 100% 0 0);filter:blur(5px)}to{clip-path:inset(0);filter:none}}@keyframes chromatic-slice-in{0%{opacity:0;transform:scaleY(.25)}to{opacity:1;transform:scaleY(1)}}@keyframes chromatic-breathe{50%{filter:brightness(1.25)}}@media (max-width:700px){.chromatic-score{margin:-30px 0 38px}.chromatic-score-track,.chromatic-segment{height:76px}.chromatic-preview{width:168px}.chromatic-score-axis{height:21px}}@media (prefers-reduced-motion:reduce){.chromatic-score-track,.chromatic-segment,.chromatic-score.is-loading{animation:none}.chromatic-segment,.chromatic-bands i,.chromatic-playhead,.chromatic-preview{transition:none}}.chromatic-score{margin-top:-29px}.chromatic-score-track{background:linear-gradient(#f0eee706,#f0eee702),repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#f0eee709 calc(10% - 1px) 10%);border-radius:2px;height:118px;display:block;overflow:visible;box-shadow:inset 0 1px #f0eee71a,inset 0 -1px #f0eee714}.chromatic-score-track:before{background:linear-gradient(90deg,#f0eee71a,#d7b66a42,#f0eee71a);top:50%}.chromatic-score-track:after{display:none}.chromatic-segment{--segment-left:50%;z-index:2;left:var(--segment-left);width:clamp(54px,5.4vw,82px);min-width:0;height:94px;animation:chromatic-gate-in .65s calc(var(--segment-index)*70ms) cubic-bezier(.16,.84,.2,1) both;background:0 0;border:0;transition:width .42s cubic-bezier(.16,.84,.2,1),filter .26s,transform .42s cubic-bezier(.16,.84,.2,1);display:block;position:absolute;top:12px;transform:translate(-50%)}.chromatic-segment:hover,.chromatic-segment:focus-visible{z-index:12;filter:saturate(1.16)contrast(1.05);width:clamp(86px,8vw,122px);transform:translate(-50%)translateY(-5px)}.chromatic-bands{border-radius:2px;flex-direction:row;display:flex;inset:0;box-shadow:0 14px 32px #00000061,0 0 0 1px #f0eee724}.chromatic-bands:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#ffffff21,#0000 25% 72%,#00000038);position:absolute;inset:0}.chromatic-bands i,.chromatic-bands i:first-child{flex:1;width:auto;min-width:1px;height:100%;transition:flex .36s cubic-bezier(.16,.84,.2,1)}.chromatic-segment:hover .chromatic-bands i:first-child,.chromatic-segment:focus-visible .chromatic-bands i:first-child{flex:1.7}.chromatic-segment:before{content:"";z-index:4;pointer-events:none;background:#e9d39740;width:1px;height:108px;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.chromatic-segment:after{content:"";z-index:5;pointer-events:none;background:#dfc477;border-radius:50%;width:5px;height:5px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%,50%);box-shadow:0 0 0 3px #080a08,0 0 0 4px #d7b66a80,0 0 14px #d7b66a99}.chromatic-playhead{top:-10px;bottom:-10px;left:50%}.chromatic-preview{bottom:calc(100% + 20px)}.chromatic-score-axis{align-items:end;height:27px}.chromatic-score-axis span{padding-top:7px}.chromatic-score-axis i{background:linear-gradient(90deg,#f0eee71f,#d7b66a4d,#f0eee71f);margin-bottom:2px}@keyframes chromatic-gate-in{0%{opacity:0;clip-path:inset(100% 0 0);filter:blur(4px)}to{opacity:1;clip-path:inset(0);filter:none}}@media (max-width:700px){.chromatic-score-track{height:104px}.chromatic-segment{width:48px;height:82px;top:10px}.chromatic-segment:hover,.chromatic-segment:focus-visible{width:74px}.chromatic-segment:before{height:96px}}.timeline-section .chromatic-score-track{height:118px;display:block;position:relative}.timeline-section .chromatic-segment{left:var(--segment-left);flex:none;width:clamp(54px,5.4vw,82px);min-width:0;height:94px;display:block;position:absolute;top:12px;transform:translate(-50%)}.timeline-section .chromatic-segment:hover,.timeline-section .chromatic-segment:focus-visible{width:clamp(86px,8vw,122px);transform:translate(-50%)translateY(-5px)}.timeline-section .chromatic-bands{flex-direction:row;display:flex}.timeline-section .chromatic-bands>i,.timeline-section .chromatic-bands>i:first-child{flex:1 1 0;width:auto;min-width:1px;height:100%;min-height:0}@media (max-width:700px){.timeline-section .chromatic-score-track{height:104px}.timeline-section .chromatic-segment{width:48px;height:82px;top:10px}.timeline-section .chromatic-segment:hover,.timeline-section .chromatic-segment:focus-visible{width:74px}}.timeline-section .chromatic-timeline{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;margin:42px 0 54px}.timeline-section .chromatic-timeline>span{color:#686e69;font:7px var(--mono);letter-spacing:.04em}.timeline-section .chromatic-timeline>span:last-child{text-align:right}.timeline-section .chromatic-track{background:linear-gradient(#f0eee705,#0000);border:0;height:76px;display:block;position:relative;overflow:visible}.timeline-section .chromatic-track:before{content:none}.chromatic-track-line{z-index:0;background:linear-gradient(90deg,#f0eee721,#d7b66a4d,#f0eee721);height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 1px #00000073}.timeline-section .chromatic-marker{--marker-left:50%;--marker-index:0;z-index:2;left:var(--marker-left);width:18px;height:52px;animation:chromatic-marker-in .56s calc(var(--marker-index)*65ms) cubic-bezier(.16,.84,.2,1) both;background:#121512;border:0;border-radius:2px;padding:0;transition:width .38s cubic-bezier(.16,.84,.2,1),height .38s cubic-bezier(.16,.84,.2,1),filter .22s,box-shadow .22s;display:block;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 8px 22px #0006,0 0 0 1px #f0eee729}.timeline-section .chromatic-marker:hover,.timeline-section .chromatic-marker:focus-visible{z-index:20;filter:saturate(1.14)contrast(1.04);border-radius:3px;outline:0;width:78px;height:62px;box-shadow:0 18px 42px #00000080,0 0 0 1px #ebd49780}.chromatic-marker-colors{border-radius:inherit;flex-direction:row;display:flex;position:absolute;inset:0;overflow:hidden}.chromatic-marker-colors:after{content:"";pointer-events:none;background:linear-gradient(#ffffff24,#0000 30% 72%,#0003);position:absolute;inset:0}.timeline-section .chromatic-marker-colors>i{background:currentColor;flex:1 1 0;width:auto;min-width:1px;height:100%;display:block}.chromatic-marker-time{color:#d7c381;font:6px var(--mono);letter-spacing:.05em;white-space:nowrap;opacity:0;pointer-events:none;background:#090b09;border-radius:999px;padding:3px 5px;transition:opacity .18s,transform .26s;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%,-3px)}.chromatic-marker:hover .chromatic-marker-time,.chromatic-marker:focus-visible .chromatic-marker-time{opacity:1;transform:translate(-50%)}.chromatic-marker .chromatic-preview{bottom:calc(100% + 15px)}.chromatic-marker:hover .chromatic-preview,.chromatic-marker:focus-visible .chromatic-preview{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}@keyframes chromatic-marker-in{0%{opacity:0;filter:blur(3px);height:8px}to{opacity:1;filter:none;height:52px}}@media (max-width:700px){.timeline-section .chromatic-timeline{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px;margin:34px 0 44px}.timeline-section .chromatic-track{height:68px}.timeline-section .chromatic-marker{width:14px;height:46px}.timeline-section .chromatic-marker:hover,.timeline-section .chromatic-marker:focus-visible{width:58px;height:54px}.chromatic-marker .chromatic-preview{width:160px}}@media (prefers-reduced-motion:reduce){.timeline-section .chromatic-marker{transition:none;animation:none}.chromatic-marker-time{transition:none}}.color-rail-timeline{color:#6f756f;font:7px var(--mono);letter-spacing:.04em;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:13px;margin:40px 0 58px;display:grid}.color-rail-timeline>span:last-child{text-align:right}.color-rail{isolation:isolate;background:repeating-linear-gradient(90deg,#f0eee706 0 1px,#0000 1px 10%),linear-gradient(#111512,#0b0e0c);border:1px solid #f0eee71a;border-radius:5px;height:46px;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff06,0 12px 32px #0003}.color-rail:before,.color-rail:after{content:"";z-index:1;pointer-events:none;background:#f0eee70e;height:1px;position:absolute;left:5px;right:5px}.color-rail:before{top:8px}.color-rail:after{bottom:8px}.color-rail-scan{z-index:5;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(90deg,#0000,#e5cd8b14,#0000);width:18%;animation:1.1s cubic-bezier(.2,.75,.2,1) .18s both color-rail-scan;position:absolute;top:0;bottom:0;transform:translate(-120%)}.timeline-section .color-cut{--marker-left:50%;--marker-index:0;z-index:3;left:var(--marker-left);width:10px;height:100%;animation:color-cut-develop .48s calc(var(--marker-index)*60ms) cubic-bezier(.16,.84,.2,1) both;background:#202522;border:0;border-radius:0;padding:0;transition:width .36s cubic-bezier(.16,.84,.2,1),filter .22s,box-shadow .22s;display:block;position:absolute;top:0;transform:translate(-50%)}.timeline-section .color-cut:hover,.timeline-section .color-cut:focus-visible{z-index:10;filter:saturate(1.16)contrast(1.04);outline:0;width:62px;box-shadow:0 0 0 1px #ebd49766,0 10px 28px #0000006b}.color-cut-palette{flex-direction:row;display:flex;position:absolute;inset:0;overflow:hidden}.color-cut-palette:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1f,#0000 30% 76%,#0000002e);position:absolute;inset:0}.timeline-section .color-cut-palette>i{flex:1 1 0;width:auto;min-width:1px;height:100%;display:block}.color-cut-time{color:#ddc77f;font:6px var(--mono);letter-spacing:.05em;white-space:nowrap;opacity:0;pointer-events:none;background:#090b09;border:1px solid #f0eee71a;border-radius:999px;padding:3px 6px;transition:opacity .16s,transform .24s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px)}.color-cut:hover .color-cut-time,.color-cut:focus-visible .color-cut-time{opacity:1;transform:translate(-50%)}@keyframes color-cut-develop{0%{opacity:0;filter:blur(2px);transform:translate(-50%)scaleY(.15)}to{opacity:1;filter:none;transform:translate(-50%)scaleY(1)}}@keyframes color-rail-scan{to{transform:translate(660%)}}@media (max-width:700px){.color-rail-timeline{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;margin:34px 0 50px}.color-rail{height:40px}.timeline-section .color-cut{width:8px}.timeline-section .color-cut:hover,.timeline-section .color-cut:focus-visible{width:46px}}@media (prefers-reduced-motion:reduce){.color-rail-scan,.timeline-section .color-cut{animation:none}.timeline-section .color-cut,.color-cut-time{transition:none}}.timeline-section .color-region{--region-left:0%;--region-width:10%;--pin-left:50%;--marker-index:0;z-index:2;left:var(--region-left);width:var(--region-width);height:100%;animation:color-region-develop .68s calc(var(--marker-index)*55ms) cubic-bezier(.16,.84,.2,1) both;background:#202522;border:0;border-right:1px solid #07090894;border-radius:0;padding:0;transition:filter .24s;display:block;position:absolute;top:0}.timeline-section .color-region:first-of-type{border-radius:4px 0 0 4px}.timeline-section .color-region:last-of-type{border-right:0;border-radius:0 4px 4px 0}.timeline-section .color-region:hover,.timeline-section .color-region:focus-visible{z-index:6;filter:saturate(1.13)brightness(1.08);outline:0}.color-region-palette{flex-direction:row;display:flex;position:absolute;inset:0;overflow:hidden}.color-region-palette:after{content:"";pointer-events:none;background:linear-gradient(#ffffff21,#0000 30% 74%,#0003);position:absolute;inset:0}.timeline-section .color-region-palette>i{flex:1 1 0;width:auto;min-width:1px;height:100%;transition:flex .32s cubic-bezier(.16,.84,.2,1);display:block}.timeline-section .color-region:hover .color-region-palette>i:first-child,.timeline-section .color-region:focus-visible .color-region-palette>i:first-child{flex:1.35}.color-region-pin{z-index:4;left:var(--pin-left);pointer-events:none;background:#fff8e2b8;width:1px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 8px #f5d88b57}.color-region-pin>i{background:#171914;border:1px solid #fff6d9e6;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #07090899,0 0 12px #e5c6736b}.color-region-time{z-index:7;left:var(--pin-left);color:#ddc77f;font:6px var(--mono);letter-spacing:.05em;white-space:nowrap;opacity:0;pointer-events:none;background:#090b09;border:1px solid #f0eee71a;border-radius:999px;padding:3px 6px;transition:opacity .16s,transform .24s;position:absolute;top:calc(100% + 8px);transform:translate(-50%,-3px)}.color-region:hover .color-region-time,.color-region:focus-visible .color-region-time{opacity:1;transform:translate(-50%)}@keyframes color-region-develop{0%{opacity:0;clip-path:inset(0 100% 0 0);filter:blur(2px)}to{opacity:1;clip-path:inset(0);filter:none}}@media (prefers-reduced-motion:reduce){.timeline-section .color-region{transition:none;animation:none}.color-region-time,.color-region-palette>i{transition:none}}.timeline-section .color-rail{border-color:#f0eee729;height:58px;box-shadow:inset 0 1px #ffffff14,inset 0 -10px 24px #00000029,0 18px 42px #00000040}.timeline-section .color-region-palette>i:first-child{flex:1.7}.timeline-section .color-region-palette{filter:saturate(1.06)contrast(1.02)}.timeline-section .color-region-pin>i{background:#0b0d0c;width:7px;height:7px;box-shadow:0 0 0 2px #070908b8,0 0 0 3px #f5e1aab3,0 0 16px #e5c67380}@media (max-width:700px){.timeline-section .color-rail{height:48px}}.color-rail-timeline.is-ready .color-rail{animation:.7s cubic-bezier(.2,.8,.2,1) both color-rail-arrive}.timeline-section .color-region{transition:left .72s cubic-bezier(.2,.78,.2,1),width .72s cubic-bezier(.2,.78,.2,1),filter .18s;animation:none}.color-region-pin{opacity:0;transition:box-shadow .18s;animation:.36s ease-out .3s forwards color-pin-arrive}.color-region:hover .color-region-pin,.color-region:focus-visible .color-region-pin{box-shadow:0 0 12px #f5d88b94}@keyframes color-rail-arrive{0%{opacity:.42;filter:saturate(.75)blur(1px);transform:translateY(2px)}to{opacity:1;filter:none;transform:none}}@keyframes color-pin-arrive{0%{opacity:0;transform:translate(-50%)scaleY(.55)}to{opacity:1;transform:translate(-50%)scaleY(1)}}@media (prefers-reduced-motion:reduce){.color-rail-timeline.is-ready .color-rail,.color-region-pin{animation:none}.timeline-section .color-region,.color-region-pin>i{transition:none}}.color-rail-timeline.is-ready .color-rail{filter:none;animation:none;transform:none}.timeline-section .color-region{will-change:left,width;filter:none;transition:left .42s cubic-bezier(.22,.61,.36,1),width .42s cubic-bezier(.22,.61,.36,1);animation:none}.timeline-section .color-region:hover,.timeline-section .color-region:focus-visible,.timeline-section .color-region-palette{filter:none}.timeline-section .color-region-palette>i,.timeline-section .color-region:hover .color-region-palette>i:first-child,.timeline-section .color-region:focus-visible .color-region-palette>i:first-child{flex:1 1 0;transition:none}.color-region-pin{will-change:transform;opacity:1;transition:transform .18s cubic-bezier(.22,.61,.36,1);animation:none;box-shadow:0 0 8px #f5d88b47}.color-region:hover .color-region-pin,.color-region:focus-visible .color-region-pin{transform:translate(-50%)scaleY(1.08);box-shadow:0 0 10px #f5d88b61}.color-region:hover .color-region-pin>i,.color-region:focus-visible .color-region-pin>i{transform:translate(-50%,-50%)scale(1.12)}:root{--motion-90-70:cubic-bezier(.2,.9,.3,.7)}.timeline-section .color-region{transition:left .9s var(--motion-90-70),width .9s var(--motion-90-70)}.color-region-pin{transition:transform .42s var(--motion-90-70)}.color-region-pin>i{transition:transform .42s var(--motion-90-70),box-shadow .42s ease}.color-region-time{transition:opacity .28s ease,transform .42s var(--motion-90-70)}.timeline-section .color-region{transform-origin:50%;transition:left .78s var(--motion-90-70),width .78s var(--motion-90-70),transform .52s var(--motion-90-70),box-shadow .52s ease}.timeline-section .color-region:hover,.timeline-section .color-region:focus-visible{transform:scaleY(1.13);box-shadow:inset 0 0 0 1px #fff4d380,0 12px 24px #00000038}.color-region-palette:after{transition:opacity .42s}.color-region:hover .color-region-palette:after,.color-region:focus-visible .color-region-palette:after{opacity:.48}.timeline-section .color-region{transition:left .78s var(--motion-90-70),width .78s var(--motion-90-70),opacity .42s ease,box-shadow .52s var(--motion-90-70);transform:none}.timeline-section .color-region:hover,.timeline-section .color-region:focus-visible{transform:none}.timeline-section .color-region.is-focused{z-index:8;opacity:1;box-shadow:inset 0 0 0 1px #fff6d78a,0 16px 32px #00000047}.color-rail:has(.color-region.is-focused) .color-region:not(.is-focused){opacity:.78}.color-rail:has(.color-region.is-focused) .color-region.is-focused .color-region-palette:after{opacity:.26}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}