:root{--display-font: "Super Hockey", "Arial Black", Impact, sans-serif;--ui-font: "Space Mono", "SFMono-Regular", "Roboto Mono", ui-monospace, monospace}@font-face{font-family:Super Hockey;src:url(/fonts/Super%20Hockey.ttf) format("truetype");font-display:swap}:root{color-scheme:dark;font-family:var(--ui-font);background:#0b0b0d;color:#f5f5f7;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto;background:#0b0b0d}html,body,#root{min-height:100%}body.is-studio-route{min-width:1120px;overflow:hidden}body.is-studio-route,body.is-studio-route #root{height:100%}body.is-resizing-panels{cursor:col-resize;-webkit-user-select:none;user-select:none}button{border:0;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}.app-shell{width:100vw;height:100vh;padding:10px;overflow:hidden}.toolbar{position:relative;z-index:80;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#1c1c1eb8;-webkit-backdrop-filter:blur(28px) saturate(1.35);backdrop-filter:blur(28px) saturate(1.35);box-shadow:0 24px 70px #00000057,inset 0 1px #ffffff14}.brand,.toolbar-actions{display:flex;align-items:center;gap:8px}.export-menu-wrap{position:relative}.export-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:200;width:310px;display:grid;gap:6px;padding:8px;overflow-y:auto;overscroll-behavior:contain;border-radius:18px;background:#17171afd;border:1px solid rgba(255,255,255,.14);box-shadow:none;-webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1)}.export-menu-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px;align-items:start;width:100%;min-height:58px;padding:12px 10px;text-align:left;border-radius:13px;color:#f5f5f7;background:transparent}.export-menu-item:hover{background:#ffffff16}.export-menu-item>svg{justify-self:center;color:#dfe6ff}.export-menu-item span{min-width:0;display:grid;align-content:start;gap:5px}.export-menu-item strong,.export-menu-item small{display:block}.export-menu-item strong{font-size:12px;font-weight:650;line-height:1.1}.export-menu-item small{margin-top:0;color:#9b9ba3;font-size:11px;line-height:1.28}.brand-mark{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#fffffff5,#bec6d6c2),#f5f5f7;box-shadow:0 0 0 1px #ffffff2e,0 12px 28px #78a0ff38}.brand strong,.preview-header strong,.layer-row strong,.media-drop strong,.inspector h2,.panel-block h3,.add-effects h2{display:block;font-size:13px;font-weight:650;letter-spacing:0}.brand small,.preview-header small,.layer-row small,.media-drop small,.inspector p,.microcopy{color:#9b9ba3;font-size:11px}.workspace{height:calc(100vh - 82px);display:grid;grid-template-columns:330px minmax(460px,1fr) 340px;gap:10px;padding-top:10px}.stack-pane,.inspector-pane,.preview-stage{min-height:0;border:1px solid rgba(255,255,255,.085);border-radius:22px;background:#19191cb8;-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff0e;overflow:hidden}.preview-pane{min-width:0}.icon-button,.tool-button,.mini-icon,.drag-handle,.add-effects button,.inspector-actions button,.inspector-reset-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:11px;color:#f5f5f7;background:#fff1;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0b;transition:transform .16s ease,background .16s ease,border-color .16s ease}.icon-button{width:34px}.tool-button{padding:0 12px}.mini-icon,.drag-handle{width:28px;min-height:28px;border-radius:9px;color:#b9bac3}.tool-button:hover,.tool-button.is-on,.icon-button:hover,.mini-icon:hover,.drag-handle:hover,.add-effects button:hover,.inspector-actions button:hover,.inspector-reset-button:hover{transform:translateY(-1px);background:#ffffff1b;border-color:#ffffff29}.tool-button.is-on{background:#b4cdff2e;border-color:#b4cdff59}.effect-stack{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;padding:16px;gap:14px}.stack-header{display:flex;justify-content:space-between;align-items:flex-start}.stack-header p{margin:0 0 4px;color:#9b9ba3;font-size:12px}.stack-header h1{margin:0;font-size:25px;font-weight:760;letter-spacing:0}.stack-header span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:10px;color:#d7d7dc;background:#ffffff14}.media-drop{display:block;padding:12px;border-radius:16px;background:linear-gradient(180deg,#ffffff16,#ffffff0b);border:1px solid rgba(255,255,255,.085)}.media-drop small{display:block;line-height:1.45}.layer-list{display:flex;flex-direction:column;gap:8px;min-height:0;overflow:auto;padding-right:2px}.layer-row{display:grid;grid-template-columns:26px 28px 30px minmax(0,1fr) 28px 28px;align-items:center;gap:7px;min-height:48px;padding:6px;border-radius:17px;border:1px solid rgba(255,255,255,.075);background:#ffffff0b;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.layer-row:hover{transform:translateY(-1px);background:#ffffff12}.layer-row.is-active{border-color:#b4cdff6b;background:linear-gradient(180deg,#b4cdff2b,#ffffff0f);box-shadow:0 18px 42px #0000003d}.layer-row.is-drop-target{transform:translateY(3px);border-color:#ffffff7a;box-shadow:0 -4px #b4cdffcc,0 18px 42px #0000003d}.layer-row.is-muted{opacity:.54}.layer-index{color:#777982;font-size:11px;font-variant-numeric:tabular-nums}.drag-spacer,.mini-spacer{width:28px;height:28px}.layer-glyph{width:30px;height:30px;display:grid;place-items:center;border-radius:12px;color:#f5f5f7;background:#ffffff17}.layer-copy{min-width:0}.layer-copy strong,.layer-copy small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.add-effects{padding-top:2px}.add-effects h2{margin:0 0 9px}.add-effects>div:not(.effect-groups){display:grid;grid-template-columns:1fr 1fr;gap:8px}.add-effects button{min-width:0;padding:0 9px;justify-content:flex-start;color:#dddde3;font-size:12px}.preview-stage{height:100%;display:grid;grid-template-rows:54px minmax(0,1fr)}.preview-stage.has-timeline{grid-template-rows:54px auto minmax(0,1fr)}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:0 14px 0 16px;border-bottom:1px solid rgba(255,255,255,.075);background:#ffffff06}.preview-actions{display:flex;gap:7px;align-items:center}.zoom-slider{display:grid;grid-template-columns:46px 190px;gap:9px;align-items:center;color:#d7d7dc;font-size:11px;font-variant-numeric:tabular-nums}.zoom-slider input{width:190px;accent-color:var(--green)}.timeline-bar{position:relative;display:grid;grid-template-columns:auto minmax(220px,.7fr) 82px minmax(260px,1fr);gap:10px;align-items:center;padding:10px 14px 14px;border-bottom:1px solid rgba(255,255,255,.075);background:#6e82be1a}.timeline-duration input,.timeline-duration select{min-height:30px;border-radius:10px;color:#f5f5f7;background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:0 10px}.timeline-range,.timeline-duration{display:grid;gap:4px;color:#d7d7dc;font-size:11px}.timeline-range input{width:100%;accent-color:#dfe6ff}.timeline-range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;background:transparent}.timeline-range input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--green) 0 var(--timeline-progress, 0%),color-mix(in srgb,var(--ink),transparent 82%) var(--timeline-progress, 0%) 100%)}.timeline-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:20px;margin-top:-7px;border:0;border-radius:999px;background:#fff;box-shadow:0 1px 8px #00000038}.timeline-range input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--ink),transparent 82%)}.timeline-range input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--green)}.timeline-range input[type=range]::-moz-range-thumb{width:28px;height:20px;border:0;border-radius:999px;background:#fff;box-shadow:0 1px 8px #00000038}.timeline-duration input,.timeline-duration select{width:70px}.timeline-play-button{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#f5f5f7;background:#ffffff17;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff0e}.timeline-play-button:hover{background:#b4cdff29;border-color:#b4cdff4d}.timeline-track{position:relative;min-height:38px;height:max(38px,calc(34px + (var(--key-stack-count, 1) - 1) * 18px));border-radius:13px;overflow:visible;background:#ffffff0e;border:1px solid rgba(255,255,255,.085)}.timeline-ticks{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.55;background:repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1px,transparent 1px 10%)}.timeline-playhead{position:absolute;top:4px;bottom:4px;width:2px;transform:translate(-1px);border-radius:999px;background:#f5f5f7;box-shadow:0 0 0 4px #f5f5f714,0 0 18px #f5f5f773;pointer-events:none}.keyframe-pin{position:relative;width:18px;height:18px;pointer-events:none}.keyframe-pin-group{position:absolute;top:50%;display:grid;grid-template-rows:repeat(var(--key-stack-count, 1),18px);gap:1px;transform:translate(-50%,-50%);pointer-events:none}.key-dot{position:absolute;top:1px;right:1px;bottom:1px;left:1px;width:16px;height:16px;border-radius:999px;padding:0;background:var(--key-color, #f5f5f7);box-shadow:0 0 0 2px #00000061,0 0 14px color-mix(in srgb,var(--key-color, #f5f5f7),transparent 35%);pointer-events:auto}.keyframe-pin.is-selected .key-dot{box-shadow:0 0 0 2px #f5f5f7,0 0 18px color-mix(in srgb,var(--key-color, #f5f5f7),transparent 18%)}.key-delete{position:absolute;top:-8px;right:-8px;width:18px;height:18px;display:grid;place-items:center;padding:0;border-radius:999px;color:#0b0b0d;background:var(--yellow, #f4ce2f);border:1px solid var(--yellow, #f4ce2f);opacity:0;pointer-events:auto}.keyframe-pin:hover .key-delete{opacity:1}.canvas-wrap{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden;background:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.035) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.035) 75%),#121214;background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.preview-canvas,.preview-display,.preview-overlay{will-change:transform;backface-visibility:hidden;transform-origin:center;transition:none}.preview-canvas,.preview-display,.preview-overlay{position:absolute;max-width:calc(100% - 38px);max-height:calc(100% - 38px);width:auto;height:auto;aspect-ratio:var(--preview-aspect, 16 / 9);object-fit:contain;border-radius:12px;box-shadow:0 0 0 1px #ffffff24,0 24px 72px #00000080;transition:none;transform-origin:center}.preview-overlay{pointer-events:none}.preview-canvas{visibility:hidden;pointer-events:none}.canvas-wrap.is-empty .preview-canvas,.canvas-wrap.is-empty .preview-display,.canvas-wrap.is-empty .preview-overlay{display:none}.empty-preview{width:min(430px,calc(100% - 40px));max-width:calc(100% - 40px);color:#a5a6ae;font-size:13px;line-height:1.45;text-align:center;border:1px dashed rgba(255,255,255,.15);border-radius:18px;padding:18px 20px;background:#ffffff0e;z-index:2;overflow-wrap:anywhere}.editor-warning-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:1000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,color-mix(in srgb,var(--accent-soft),transparent 78%),transparent 46%),#0a0a0c8f;-webkit-backdrop-filter:blur(24px) saturate(.92);backdrop-filter:blur(24px) saturate(.92)}.editor-warning-card{width:min(520px,calc(100% - 16px));display:grid;gap:14px;padding:22px;border-radius:26px;border:1.5px solid color-mix(in srgb,var(--line),transparent 8%);background:linear-gradient(180deg,color-mix(in srgb,var(--paper),transparent 82%),transparent 32%),color-mix(in srgb,var(--paper-2),transparent 3%);box-shadow:0 26px 80px #0000006b;-webkit-backdrop-filter:blur(20px) saturate(1.06);backdrop-filter:blur(20px) saturate(1.06)}.editor-warning-badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent-soft),transparent 42%);color:var(--ink);background:color-mix(in srgb,var(--accent-soft),transparent 74%);font-size:11px;text-transform:uppercase}.editor-warning-copy{display:grid;gap:10px}.editor-warning-copy strong{color:var(--ink);font-size:clamp(22px,2.1vw,30px);line-height:.98}.editor-warning-copy p{margin:0;color:var(--muted);line-height:1.45}.editor-warning-links,.editor-warning-actions{display:flex;flex-wrap:wrap;gap:10px}.editor-warning-link{min-height:36px;display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:0 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 8%)}.editor-warning-link:hover,.editor-warning-link:focus-visible{color:var(--basecolor02);background:var(--accent);border-color:var(--accent)}.editor-warning-actions .tool-button{min-width:120px;justify-content:center}.editor-warning-checkbox{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.editor-warning-checkbox input{margin:0}.editor-warning-error{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,92,92,.34);color:#ffb2b2;background:#5e121247}body.fracture-dark .editor-warning-backdrop{background:radial-gradient(circle at top,rgba(226,207,234,.16),transparent 44%),#1212129e;-webkit-backdrop-filter:blur(26px) saturate(.86);backdrop-filter:blur(26px) saturate(.86)}body.fracture-dark .editor-warning-card{background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 28%),color-mix(in srgb,var(--paper-2),transparent 2%);box-shadow:0 30px 90px #00000080}.render-error{position:absolute;left:18px;right:18px;bottom:18px;z-index:3;color:#ffd5d5;font-size:12px;line-height:1.4;border:1px solid rgba(255,120,120,.28);border-radius:14px;padding:12px;background:#461212d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.frame-dialog-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#00000047}.frame-dialog{width:min(380px,100%);display:grid;gap:18px;padding:22px;border:1.5px solid var(--line);border-radius:26px;color:var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--line)}.frame-dialog.is-wide{width:min(640px,100%)}.frame-dialog h2{margin:0 0 8px;font-size:24px;font-weight:500;letter-spacing:-.04em}.frame-dialog p{margin:0;color:var(--muted);font-size:11px;line-height:1.45;text-transform:uppercase}.frame-dialog-control{display:grid;gap:8px;font-size:11px;text-transform:uppercase}.frame-dialog-control input{width:100%;min-height:46px;padding:0 16px;border:1.3px solid var(--line);border-radius:999px;color:var(--ink);background:transparent;outline:none;font-size:18px}.frame-dialog-control select{width:100%;min-height:46px;padding:0 16px;border:1.3px solid var(--line);border-radius:999px;color:var(--ink);background:transparent;outline:none;font-size:16px}.frame-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.frame-dialog-footnote{color:var(--muted);font-size:11px;line-height:1.45}.frame-dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.frame-dialog-actions button{min-height:42px;border-radius:999px;border:1.3px solid var(--line);background:transparent}.frame-dialog-actions button[type=submit]{color:#0b0b0d;background:var(--green, #73b86b)}.inspector{height:100%;overflow:auto;padding:16px}.panel-block{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.075)}.panel-block-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.panel-block-header button{min-height:30px;padding:0 10px;border-radius:10px;color:#d7d7dc;background:#fff1;border:1px solid rgba(255,255,255,.08)}.panel-block-header .inspector-reset-button{min-height:36px;padding:0 14px;border-radius:999px;color:#f5f5f7;background:#fff1;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0b}.panel-block:first-child{padding-top:0}.inspector h2,.panel-block h3{margin:0 0 5px}.inspector p{margin:0 0 13px}.inspector-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.inspector-actions button{min-height:30px;padding:0 10px;color:#d7d7dc;font-size:12px}.move-layer-control{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 7px 4px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:0}.inspector-actions .move-layer-control button{width:34px;height:34px;min-height:34px;flex:0 0 34px;border-radius:50%;padding:0}.control{display:grid;gap:8px;margin-top:14px}.control span{display:flex;justify-content:space-between;color:#d7d7dc;font-size:12px}.control-name{display:inline-flex;align-items:center;gap:6px}.control b{color:#f5f5f7;font-weight:650;font-variant-numeric:tabular-nums}.control input[type=range]{width:100%;accent-color:#dfe6ff}.control input[type=color],.control select,.text-input,.file-input{width:100%;min-height:38px;color:#f5f5f7;background:#fff1;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:0 10px;outline:none}.text-input{padding:0 12px}.file-input{display:flex;align-items:center;justify-content:center;padding:0;color:transparent!important;text-align:center;cursor:pointer}.file-input::file-selector-button{width:100%;min-height:38px;margin:0;border:0;border-radius:999px;color:#0b0b0d;background:var(--green, #73b86b);font:inherit;cursor:pointer}.file-input::-webkit-file-upload-button{width:100%;min-height:38px;margin:0;border:0;border-radius:999px;color:#0b0b0d;background:var(--green, #73b86b);font:inherit;cursor:pointer}.wide-button{width:100%;min-height:38px;margin-top:10px;border-radius:12px;background:#ffffff17;border:1px solid rgba(255,255,255,.1)}.nudge-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:14px}.nudge-control>span{color:#d7d7dc;font-size:12px}.nudge-pad{display:grid;grid-template-columns:repeat(3,32px);gap:5px;padding:7px;border-radius:15px;background:#ffffff0b;border:1px solid rgba(255,255,255,.075)}.nudge-pad button{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#f5f5f7;background:#ffffff13;border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px #ffffff0b}.nudge-pad button:hover{background:#b4cdff29;border-color:#b4cdff4d}.nudge-reset{color:#b4cdff!important}.svg-color-list{display:grid;gap:8px;margin-top:12px}.mini-color-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center;color:#d7d7dc;font-size:11px}.mini-color-row span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.control input[type=color]{padding:4px;border-radius:999px;overflow:hidden;-moz-appearance:none;appearance:none;-webkit-appearance:none}.control input[type=color]::-webkit-color-swatch-wrapper,.svg-slot-color::-webkit-color-swatch-wrapper,.mini-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:inherit}.control input[type=color]::-webkit-color-swatch,.svg-slot-color::-webkit-color-swatch,.mini-color-row input[type=color]::-webkit-color-swatch{border:0;border-radius:inherit}.control input[type=color]::-moz-color-swatch,.svg-slot-color::-moz-color-swatch,.mini-color-row input[type=color]::-moz-color-swatch{border:0;border-radius:inherit}.toggle-row{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#d7d7dc}.toggle-row input{accent-color:#dfe6ff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:999px;background:#ffffff2e;background-clip:padding-box}:root{color-scheme:light;font-family:var(--ui-font);background:#d8d8d4;color:#0b0b0b;--accentcolor01: #7383AB;--accentcolor02: #F04B42;--basecolor01: #121212;--basecolor02: #eeeeee;--basecolor03: #ffffff;--basecolor04: #f2f0f4;--textonaccent01: var(--basecolor03);--textonaccent02: var(--basecolor03);--accent-ink: var(--textonaccent01);--accent-soft-ink: var(--textonaccent02);--paper: #ecebe5;--paper-2: #e2e1da;--ink: #0b0b0b;--muted: #5e5e59;--line: #b8b7af;--strong-line: #11110f;--accent: var(--accentcolor01);--accent-soft: var(--accentcolor02);--blue: var(--accentcolor02);--orange: #d06c1f;--yellow: var(--accentcolor01);--green: var(--accentcolor02);--red: var(--accentcolor01);--panel-radius: 26px}body{background:linear-gradient(rgba(10,10,10,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(10,10,10,.025) 1px,transparent 1px),#d8d8d4;background-size:22px 22px;color:var(--ink)}button,input,select{font:inherit}button{color:var(--ink)}.app-shell{padding:14px}.toolbar,.stack-pane,.inspector-pane,.preview-stage{border:1.5px solid var(--line);border-radius:var(--panel-radius);background:var(--paper);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.toolbar{height:70px;padding:0 14px 0 18px}.brand{gap:13px}.brand-copy{display:flex;align-items:baseline;gap:12px}.brand-mark{width:38px;height:38px;border-radius:999px;background:var(--ink);box-shadow:none;position:relative}.brand-mark:after{content:"F";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--paper);font-size:16px;font-weight:800}body:not(.fracture-dark) .brand-mark{background:#f7f6ef;border:1.4px solid var(--line)}body:not(.fracture-dark) .brand-mark:after{color:#0b0b0d}.brand strong{font-size:38px;line-height:.95;font-weight:500;letter-spacing:-.03em;text-transform:none}.brand small,.preview-header small,.layer-row small,.media-drop small,.inspector p,.microcopy{color:var(--muted);font-size:10px;letter-spacing:.02em;text-transform:uppercase}.brand small{white-space:nowrap}.workspace{height:calc(100vh - 94px);grid-template-columns:350px minmax(500px,1fr) 360px;gap:14px;padding-top:14px}.icon-button,.tool-button,.mini-icon,.drag-handle,.add-effects button,.inspector-actions button,.inspector-reset-button,.wide-button,.timeline-play-button{min-height:36px;border-radius:999px;color:var(--ink);background:transparent;border:1.4px solid var(--line);box-shadow:none;transition:background .12s ease,color .12s ease,transform .12s ease}.mini-icon,.drag-handle{min-height:28px}.icon-button:hover,.tool-button:hover,.tool-button.is-on,.mini-icon:hover,.drag-handle:hover,.add-effects button:hover,.inspector-actions button:hover,.inspector-reset-button:hover,.wide-button:hover,.timeline-play-button:hover{transform:none;color:var(--paper);background:var(--ink);border-color:var(--ink)}.tool-button.is-on{color:var(--ink);background:var(--accent-soft)}body:not(.fracture-dark) .tool-button:hover,body:not(.fracture-dark) .tool-button.is-on{color:var(--ink);background:var(--green);border-color:var(--green)}body:not(.fracture-dark) .preview-actions .icon-button:hover{color:var(--ink);background:var(--green);border-color:var(--green)}body:not(.fracture-dark) .theme-toggle:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.export-menu{width:340px;padding:10px;border:1.5px solid var(--line);border-radius:24px;color:var(--ink);background:#f1f0ea;box-shadow:8px 8px 0 var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}.toolbar .export-menu{position:fixed;right:auto;width:min(320px,calc(100vw - 32px));transform:none}.export-menu-item{min-height:62px;color:var(--ink);border-radius:18px;border:1px solid transparent}.export-menu-item:hover{background:var(--accent-soft);border-color:var(--line)}.export-menu-item>svg{color:var(--accent-soft)}.export-menu-item strong{display:inline-flex;align-items:center;gap:5px;font-size:12px;text-transform:uppercase;line-height:1.1}.export-menu-item small{color:var(--muted)}.effect-stack,.inspector{padding:18px}.stack-header{padding-bottom:14px;border-bottom:1.5px solid var(--line)}.stack-header p,.add-effects h2,.panel-block h3{margin:0 0 7px;color:var(--muted);font-size:11px;font-weight:500;text-transform:uppercase}.stack-header h1,.inspector h2{margin:0;font-size:30px;line-height:.95;font-weight:500;letter-spacing:-.04em}.stack-header span{min-width:36px;height:36px;border-radius:999px;color:var(--ink);background:var(--yellow);border:1.4px solid var(--yellow)}.media-drop{border:1.4px solid var(--line);border-radius:18px;background:transparent}.layer-list{gap:0;padding:6px 4px 6px 0}.layer-row{position:relative;grid-template-columns:26px 30px 30px minmax(0,1fr) 28px 28px;min-height:48px;margin-top:-1px;border:1.4px solid color-mix(in srgb,var(--strong-line),transparent 52%);border-radius:18px 18px 12px 12px;color:var(--ink);background:var(--paper-2);box-shadow:none}.layer-row:before{content:"";position:absolute;top:-1.4px;left:64px;width:96px;height:13px;border:1.4px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;background:inherit}.layer-row:hover,.layer-row.is-active{transform:none;color:var(--paper);background:var(--ink);border-color:var(--ink);box-shadow:none}.layer-row.is-active .layer-glyph,.layer-row:hover .layer-glyph,.layer-row.is-active .mini-icon,.layer-row:hover .mini-icon,.layer-row.is-active .drag-handle,.layer-row:hover .drag-handle{color:var(--paper);border-color:#ffffff8c}.layer-row.is-drop-target{transform:translateY(4px);box-shadow:0 -5px 0 var(--accent)}.layer-index,.layer-copy small{color:currentColor;opacity:.62}.layer-glyph{border:1.2px solid currentColor;border-radius:999px;color:currentColor;background:transparent}.add-effects{border-top:1.5px solid var(--line);padding-top:14px}.add-effects>div:not(.effect-groups){grid-template-columns:1fr;gap:6px}.effect-groups{display:grid;align-content:start;grid-auto-rows:max-content;gap:7px;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px}.effect-group{min-height:max-content;border:1.2px solid var(--line);border-radius:16px;overflow:hidden}.effect-group-summary{width:100%;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px;color:var(--muted);background:transparent;border:0;border-radius:0;cursor:pointer;font-size:11px;font-weight:700;text-transform:uppercase}.effect-group-summary svg{transition:transform .14s ease}.effect-group.is-open .effect-group-summary svg{transform:rotate(180deg)}.effect-group-items{display:grid;grid-template-columns:1fr;gap:5px;padding:0 6px 7px}.add-effects button{min-height:31px;justify-content:flex-start;gap:8px;padding:0 12px;border-radius:999px;font-size:11px;text-transform:uppercase}.add-effects button svg:first-child{opacity:.58}.add-effects button svg+svg{opacity:.92}.preview-stage{background:#cfcfcb}.preview-header{min-height:58px;border-bottom:1.5px solid var(--line);background:var(--paper)}.preview-header strong{font-size:17px;font-weight:500;letter-spacing:-.02em}.timeline-bar{grid-template-columns:auto minmax(220px,.7fr) 82px minmax(260px,1fr);border-bottom:1.5px solid var(--line);background:#e4e3dd}.timeline-range,.timeline-duration,.zoom-slider,.toggle-row,.control span,.nudge-control>span,.mini-color-row{color:var(--ink)}.timeline-range input{accent-color:var(--green)}.timeline-duration input,.timeline-duration select,.control input[type=color],.control select,.text-input{color:var(--ink);background:transparent;border:1.3px solid var(--line);border-radius:999px}.file-input{border:1.3px solid var(--line);border-radius:999px;background:var(--green, #73b86b)}.timeline-track,.nudge-pad{background:#f0efe9;border:1.3px solid var(--line)}.timeline-ticks{opacity:.75;background:repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0 1px,transparent 1px 10%)}.timeline-playhead{background:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent),transparent 75%)}.key-delete{color:#0b0b0d;background:var(--yellow, #f4ce2f);border-color:var(--yellow, #f4ce2f)}.canvas-wrap{margin:18px;min-height:0;border:1.5px solid var(--line);border-radius:34px;background:linear-gradient(45deg,rgba(255,255,255,.045) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.045) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.045) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.045) 75%),#101012;background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0}.preview-canvas,.preview-display,.preview-overlay{border-radius:24px;box-shadow:0 0 0 1.4px var(--line)}.empty-preview{color:var(--ink);border:1.4px dashed var(--line);border-radius:999px;background:var(--paper);font-size:12px;text-transform:uppercase}.render-error{color:var(--ink);border:1.4px solid var(--accent);background:#ffe1df;-webkit-backdrop-filter:none;backdrop-filter:none}.panel-block{padding:17px 0;border-bottom:1.4px solid var(--line)}.inspector p{margin-top:8px;line-height:1.5;text-transform:none}.inspector-actions button{border-radius:999px}.panel-block-header .inspector-reset-button{color:var(--ink);background:transparent;border:1.4px solid var(--line);box-shadow:none}.control{gap:7px}.control b{color:var(--accent);font-weight:600}.control input[type=range],.toggle-row input{accent-color:var(--accent)}.nudge-pad button{color:var(--ink);background:transparent;border:1.2px solid var(--line);border-radius:999px;box-shadow:none}.nudge-pad button:hover{color:var(--paper);background:var(--ink);border-color:var(--ink)}.nudge-reset{color:var(--accent)!important}.wide-button{background:var(--accent-soft)}.svg-color-list{border-top:1.2px solid var(--line);padding-top:12px}::-webkit-scrollbar-thumb{border:3px solid transparent;background:#0000004d;background-clip:padding-box}.effect-stack{grid-template-rows:auto auto minmax(120px,.85fr) minmax(260px,1.15fr)}.add-effects{min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.add-effects>.effect-groups{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px}.icon-button.is-on{color:var(--paper);background:var(--ink)}.theme-toggle.is-on{color:var(--paper);background:var(--ink);border-color:var(--ink)}body.fracture-dark{--paper: #111112;--paper-2: #242425;--ink: #f2f0e8;--muted: #aaa9a3;--line: #303033;--strong-line: #3c3c3f;--accent: #ff5a55;--accent-soft: #ff5a55;--blue: #9fd2ff;--orange: #a34b19;--yellow: #f4ce2f;--green: #73b86b;--red: #ff5a55;color-scheme:dark;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#0b0b0d;color:var(--ink)}body.fracture-dark .toolbar,body.fracture-dark .stack-pane,body.fracture-dark .inspector-pane,body.fracture-dark .preview-stage{background:var(--paper);border-color:var(--line);box-shadow:none}body.fracture-dark .export-menu{background:#111113;box-shadow:8px 8px #000;border-color:var(--line)}body.fracture-dark .export-menu-item>svg,body.fracture-dark .control b,body.fracture-dark .nudge-reset{color:var(--blue)!important}body.fracture-dark .brand-mark:after{color:#0b0b0d}body.fracture-dark .key-delete{background:var(--red);color:#f5f5f0;border-color:var(--red)}body.fracture-dark .brand-mark{background:#f2f0e8;color:#0b0b0d;border-color:#f2f0e8}body.fracture-dark .stack-header span{background:var(--red);color:#fff;border-color:var(--red)}body.fracture-dark .layer-row,body.fracture-dark .timeline-bar,body.fracture-dark .timeline-track,body.fracture-dark .nudge-pad,body.fracture-dark .empty-preview{background:var(--paper-2)}body.fracture-dark .media-drop,body.fracture-dark .panel-block,body.fracture-dark .add-effects,body.fracture-dark .stack-header,body.fracture-dark .preview-header,body.fracture-dark .layer-row{border-color:var(--line)}body.fracture-dark .canvas-wrap{background:linear-gradient(45deg,rgba(255,255,255,.045) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.045) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.045) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.045) 75%),#101012;background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0}body.fracture-dark .frame-dialog-backdrop{background:#00000094}body.fracture-dark .frame-dialog{background:#111113;box-shadow:8px 8px #000}body.fracture-dark .frame-dialog-actions button[type=submit]{background:var(--blue);border-color:var(--blue)}body.fracture-dark .file-input{background:var(--blue)}body.fracture-dark .file-input::file-selector-button,body.fracture-dark .file-input::-webkit-file-upload-button{background:var(--blue)}body.fracture-dark .timeline-ticks{background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px 10%)}body.fracture-dark .timeline-range input,body.fracture-dark .zoom-slider input{accent-color:var(--blue)}body.fracture-dark .timeline-range input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--blue) 0 var(--timeline-progress, 0%),rgba(255,255,255,.16) var(--timeline-progress, 0%) 100%)}body.fracture-dark .timeline-range input[type=range]::-moz-range-progress{background:var(--blue)}body.fracture-dark .timeline-range input[type=range]::-moz-range-track{background:#ffffff29}body.fracture-dark .wide-button,body.fracture-dark .tool-button.is-on{color:#0b0b0d;background:var(--blue);border-color:var(--blue)}body.fracture-dark .layer-row:hover,body.fracture-dark .layer-row.is-active{color:#0b0b0d;background:var(--ink)}body.fracture-dark .icon-button:hover,body.fracture-dark .tool-button:hover,body.fracture-dark .mini-icon:hover,body.fracture-dark .drag-handle:hover,body.fracture-dark .add-effects button:hover,body.fracture-dark .inspector-actions button:hover,body.fracture-dark .timeline-play-button:hover,body.fracture-dark .timeline-key-button:hover:not(:disabled),body.fracture-dark .nudge-pad button:hover{color:#0b0b0d;background:var(--blue);border-color:var(--blue)}body.fracture-dark .timeline-key-button{color:#0b0b0d;background:var(--blue);border-color:var(--blue)}body.fracture-dark .theme-toggle,body.fracture-dark .theme-toggle.is-on{color:var(--ink);background:#0b0b0d;border:1.4px solid var(--line)}body.fracture-dark .theme-toggle:hover{color:#0b0b0d;background:var(--ink);border-color:var(--ink)}body.fracture-dark .export-menu-item:hover{color:#0b0b0d;background:var(--blue);border-color:var(--blue)}body.fracture-dark .timeline-playhead{background:var(--accent);box-shadow:0 0 0 3px #ff5a5540}body.fracture-dark .layer-row.is-drop-target{box-shadow:0 -5px 0 var(--blue)}.auth-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:grid;place-items:center;padding:28px;overflow:auto;background:color-mix(in srgb,var(--paper),transparent 34%);color:var(--ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-card{width:min(460px,100%);display:grid;gap:18px;padding:30px;border:1.5px solid var(--line);border-radius:30px;background:color-mix(in srgb,var(--paper-2),transparent 7%);box-shadow:none}.site-lock{width:100vw;height:100vh;display:grid;place-items:center;padding:28px;color:var(--ink);background:radial-gradient(circle at 20% 0%,color-mix(in srgb,var(--accent-soft),transparent 86%),transparent 34%),var(--paper)}.site-lock-card{width:min(430px,100%);display:grid;gap:18px;padding:30px;border:1.5px solid var(--line);border-radius:30px;background:color-mix(in srgb,var(--paper-2),transparent 5%);box-shadow:none}.site-lock-logo{width:52px;height:52px;display:grid;place-items:center;border-radius:999px;color:var(--paper);background:var(--ink);font-weight:800}.site-lock-card h1{margin:0;font-size:48px;line-height:.95;font-weight:520;letter-spacing:-.04em}.site-lock-card p{margin:8px 0 0;color:var(--muted)}.site-lock-card form,.site-lock-card label{display:grid;gap:10px}.site-lock-card label{color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.site-lock-card input{min-height:48px;padding:0 16px;border:1.4px solid var(--line);border-radius:999px;color:var(--ink);background:transparent}.site-lock-card input:focus{outline:0;border-color:var(--accent-soft)}.auth-mark{width:42px;height:42px;display:grid;place-items:center;border:1.4px solid var(--ink);border-radius:999px;color:var(--accent-soft)}.auth-card h1{margin:0;font-size:44px;line-height:.95;font-weight:520;letter-spacing:-.04em;color:var(--ink)}.auth-card p{margin:0;color:var(--muted);line-height:1.55}.auth-card form,.account-actions{display:grid;gap:12px}.auth-card label{display:grid;gap:7px;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.auth-card input{width:100%;min-height:48px;padding:0 16px;border:1.4px solid var(--line);border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--paper),transparent 18%)}.auth-card input:focus{outline:0;border-color:var(--accent-soft)}.auth-message{color:var(--accent-soft);line-height:1.45}.auth-message.is-error{color:var(--red)}.auth-link,.auth-back{justify-self:start;color:var(--muted);background:transparent;border:0;padding:0}.auth-back{display:inline-flex;align-items:center;gap:6px}.auth-link:hover,.auth-back:hover{color:var(--ink)}.account-card{width:min(520px,100%)}.account-plan-copy{display:flex;align-items:baseline;gap:10px;min-height:0}.account-plan-copy span{color:var(--muted);font-size:inherit}.account-plan-copy strong{color:var(--accent-soft);font-size:inherit}.premium-hover-wrap{position:relative;display:grid}.premium-hover-card{position:absolute;top:50%;left:calc(100% + 40px);width:min(320px,calc(100vw - 64px));display:grid;gap:12px;padding:18px;border:1.4px solid var(--line);border-radius:24px;color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 2%);box-shadow:none;opacity:0;visibility:hidden;transform:translate(-8px,-50%);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:20}.premium-hover-wrap:hover .premium-hover-card,.premium-hover-wrap:focus-within .premium-hover-card{opacity:1;visibility:visible;transform:translateY(-50%)}.premium-hover-eyebrow{color:var(--accent-soft);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.premium-hover-card strong{color:var(--ink);font-size:18px;line-height:1.15}.premium-hover-card ul{margin:0;padding-left:18px;display:grid;gap:7px;color:var(--muted)}.premium-hover-card li{line-height:1.35}.premium-hover-card p{margin:0;color:var(--muted);line-height:1.45}.wide-button.is-secondary{background:transparent}.access-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,var(--paper),transparent 42%);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.access-dialog{width:min(420px,100%);display:grid;gap:16px;padding:24px;border:1.5px solid var(--line);border-radius:26px;color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 5%);box-shadow:none}.access-dialog h2{margin:0;font-size:34px;line-height:.95;font-weight:520;letter-spacing:-.04em}.access-dialog p{margin:0;color:var(--muted);line-height:1.5}.rendering-export-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:24px;cursor:wait;background:color-mix(in srgb,var(--paper),transparent 34%);-webkit-backdrop-filter:blur(26px) saturate(.88);backdrop-filter:blur(26px) saturate(.88)}.rendering-export-backdrop.is-ready{cursor:default}body.is-exporting{overflow:hidden;cursor:wait}body.fracture-dark .rendering-export-backdrop{background:#12121294;-webkit-backdrop-filter:blur(26px) saturate(.86);backdrop-filter:blur(26px) saturate(.86)}.rendering-export-dialog{width:min(360px,100%);display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;row-gap:18px;padding:22px;border:1.5px solid var(--line);border-radius:26px;color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 5%);box-shadow:none}.rendering-export-dialog h2{margin:0 0 5px;font-size:28px;line-height:1}.rendering-export-dialog p{margin:0;color:var(--muted);line-height:1.4}.rendering-export-note{display:block;margin-top:8px;color:var(--muted);font-size:11px;line-height:1.35}.rendering-export-spinner{width:42px;height:42px;border:4px solid color-mix(in srgb,var(--accent),transparent 72%);border-top-color:var(--accent);border-radius:999px;animation:fracture-render-spin .8s linear infinite}.rendering-export-spinner.is-idle{animation:none;border-top-color:color-mix(in srgb,var(--accent),transparent 72%)}.rendering-export-cancel{grid-column:1 / -1}.rendering-export-close{grid-column:1 / -1;justify-self:center;padding:0;border:0;color:var(--muted);background:transparent}@keyframes fracture-render-spin{to{transform:rotate(360deg)}}.premium-action svg:last-child{margin-left:-2px}.premium-pill{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border:1.3px solid var(--ink);border-radius:999px;color:var(--ink);background:transparent;font-size:11px;font-weight:700;text-transform:uppercase}body.fracture-dark .auth-shell,body.fracture-dark .access-dialog-backdrop{background:#0b0b0d94}body.fracture-dark .auth-card,body.fracture-dark .access-dialog{background:#19191bf0;box-shadow:none}body.fracture-dark .auth-card .wide-button{color:var(--ink);background:transparent;border-color:var(--line)}body.fracture-dark .auth-card .wide-button:hover:not(:disabled){color:var(--paper);background:var(--ink);border-color:var(--ink)}body.fracture-dark .auth-card .wide-button.is-premium-action{color:var(--accent-soft-ink);background:var(--blue);border-color:var(--blue)}body.fracture-dark .auth-card .wide-button.is-premium-action:hover:not(:disabled){color:var(--accent-soft-ink);background:color-mix(in srgb,var(--blue),white 12%);border-color:color-mix(in srgb,var(--blue),white 12%)}body.fracture-dark .premium-hover-card{background:#19191bf5}.layer-row{margin-top:0;border-radius:18px}.layer-list{gap:6px}.timeline-bar{grid-template-columns:38px 92px minmax(280px,1fr) 40px;grid-template-rows:34px auto;grid-template-areas:"play duration scrub key" "play duration track key";align-items:center;gap:8px 12px}.timeline-play-button{grid-area:play}.timeline-key-button{grid-area:key;align-self:center;width:38px;min-height:38px;display:grid;place-items:center;border-radius:999px;color:var(--paper);background:var(--green);border:1.3px solid var(--green)}.timeline-key-button:hover:not(:disabled){transform:none;color:var(--paper);background:color-mix(in srgb,var(--green),black 10%);border-color:color-mix(in srgb,var(--green),black 10%)}.timeline-key-button:disabled{opacity:.35}.timeline-duration{grid-area:duration;align-self:center;display:grid;gap:4px}.timeline-duration:before{content:"Frames";color:var(--muted);font-size:10px;text-transform:uppercase}.timeline-track{grid-area:track;min-height:max(34px,calc(34px + (var(--key-stack-count, 1) - 1) * 18px));height:auto}.timeline-range{grid-area:scrub;display:block}.timeline-range span{display:block;margin-bottom:4px;font-size:10px;text-transform:uppercase}.timeline-range input{margin:0;width:100%}:root{color-scheme:light;font-family:var(--ui-font);--paper: var(--basecolor02);--paper-2: var(--basecolor03);--ink: #161616;--muted: #8a90a0;--line: rgba(18, 18, 18, .09);--strong-line: rgba(18, 18, 18, .16);--accent: var(--accentcolor01);--accent-soft: var(--accentcolor02);--blue: var(--accentcolor02);--green: var(--accentcolor02);--yellow: var(--accentcolor01);--red: var(--accentcolor01);--panel-radius: 26px;--panel-shadow: 0 24px 70px rgba(18, 18, 18, .08);background:var(--paper);color:var(--ink)}body{background:radial-gradient(circle,rgba(18,18,18,.055) 1.2px,transparent 1.2px),var(--paper);background-size:18px 18px;color:var(--ink)}body.fracture-dark{--paper: var(--basecolor01);--paper-2: #1b1b1b;--ink: var(--basecolor04);--muted: rgba(242, 240, 244, .58);--line: rgba(226, 207, 234, .14);--strong-line: rgba(226, 207, 234, .24);--accent: var(--accentcolor01);--accent-soft: var(--accentcolor02);--blue: var(--accentcolor02);--green: var(--accentcolor02);--yellow: var(--accentcolor01);--red: var(--accentcolor01);--panel-shadow: 0 28px 80px rgba(0, 0, 0, .35);background:radial-gradient(circle,rgba(226,207,234,.07) 1.2px,transparent 1.2px),var(--basecolor01);background-size:18px 18px;color:var(--ink)}.toolbar,.stack-pane,.inspector-pane,.preview-stage{border:1px solid var(--line);border-radius:var(--panel-radius);background:color-mix(in srgb,var(--paper-2),transparent 4%);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12)}body.fracture-dark .toolbar,body.fracture-dark .stack-pane,body.fracture-dark .inspector-pane,body.fracture-dark .preview-stage{background:color-mix(in srgb,var(--paper-2),transparent 5%);border-color:var(--line);box-shadow:var(--panel-shadow)}.toolbar{height:66px}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--accent);border:0;box-shadow:0 12px 28px color-mix(in srgb,var(--accent),transparent 72%)}body.fracture-dark .brand-mark{background:var(--accent);border-color:transparent}.brand-mark:after,body.fracture-dark .brand-mark:after,body:not(.fracture-dark) .brand-mark:after{color:var(--accent-ink)}.brand strong{font-size:22px;line-height:1;font-weight:760;letter-spacing:0}.brand small,.preview-header small,.layer-row small,.media-drop small,.inspector p,.microcopy,.stack-header p,.add-effects h2,.panel-block h3{color:var(--muted);letter-spacing:0;text-transform:none}.stack-header h1,.inspector h2{font-size:26px;line-height:1.05;font-weight:720;letter-spacing:0}.preview-stage{background:radial-gradient(circle,rgba(18,18,18,.055) 1.2px,transparent 1.2px),var(--paper);background-size:18px 18px}body.fracture-dark .preview-stage{background:radial-gradient(circle,rgba(226,207,234,.06) 1.2px,transparent 1.2px),var(--basecolor01);background-size:18px 18px}.preview-header,.timeline-bar{border-color:var(--line);background:color-mix(in srgb,var(--paper-2),transparent 5%)}body.fracture-dark .preview-header,body.fracture-dark .timeline-bar{background:color-mix(in srgb,var(--paper-2),transparent 2%);border-color:var(--line)}.canvas-wrap{border:0;border-radius:26px;background:linear-gradient(45deg,rgba(18,18,18,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(18,18,18,.04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(18,18,18,.04) 75%),linear-gradient(-45deg,transparent 75%,rgba(18,18,18,.04) 75%),#d2d2d2;background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0}body.fracture-dark .canvas-wrap{background:linear-gradient(45deg,rgba(226,207,234,.045) 25%,transparent 25%),linear-gradient(-45deg,rgba(226,207,234,.045) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(226,207,234,.045) 75%),linear-gradient(-45deg,transparent 75%,rgba(226,207,234,.045) 75%),#1d1d1d;background-size:30px 30px;background-position:0 0,0 15px,15px -15px,-15px 0}.preview-canvas,.preview-display,.preview-overlay{border-radius:18px;box-shadow:0 22px 80px #1212122e}.icon-button,.tool-button,.mini-icon,.drag-handle,.add-effects button,.inspector-actions button,.wide-button,.timeline-play-button,.timeline-key-button,.nudge-pad button{color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 10%);border:1px solid var(--line);border-radius:999px;box-shadow:0 8px 22px #1212120a;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.icon-button:hover,.tool-button:hover,.tool-button.is-on,.mini-icon:hover,.drag-handle:hover,.add-effects button:hover,.inspector-actions button:hover,.wide-button:hover,.timeline-play-button:hover,.timeline-key-button:hover:not(:disabled),.nudge-pad button:hover,body.fracture-dark .icon-button:hover,body.fracture-dark .tool-button:hover,body.fracture-dark .mini-icon:hover,body.fracture-dark .drag-handle:hover,body.fracture-dark .add-effects button:hover,body.fracture-dark .inspector-actions button:hover,body.fracture-dark .timeline-play-button:hover,body.fracture-dark .timeline-key-button:hover:not(:disabled),body.fracture-dark .nudge-pad button:hover{transform:translateY(-1px);color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:0 12px 30px color-mix(in srgb,var(--accent),transparent 72%)}.tool-button.is-on,.wide-button,.timeline-key-button,body.fracture-dark .wide-button,body.fracture-dark .tool-button.is-on,body.fracture-dark .timeline-key-button{color:var(--accent-soft-ink);background:var(--accent-soft);border-color:var(--accent-soft)}body.fracture-dark .tool-button.is-on,body.fracture-dark .wide-button,body.fracture-dark .timeline-key-button{color:var(--accent-soft-ink)}.theme-toggle.is-on,body.fracture-dark .theme-toggle,body.fracture-dark .theme-toggle.is-on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}body.fracture-dark .theme-toggle,body.fracture-dark .theme-toggle.is-on{color:var(--accent-ink)}.media-drop,.layer-row,.effect-group,.timeline-track,.nudge-pad,.empty-preview{border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--paper-2),transparent 6%)}.layer-row:before{display:none}.layer-row{margin-top:0;box-shadow:none}.layer-row:hover,.layer-row.is-active,body.fracture-dark .layer-row:hover,body.fracture-dark .layer-row.is-active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}body.fracture-dark .layer-row:hover,body.fracture-dark .layer-row.is-active{color:var(--accent-ink)}.layer-row.is-active .layer-glyph,.layer-row:hover .layer-glyph,.layer-row.is-active .mini-icon,.layer-row:hover .mini-icon,.layer-row.is-active .drag-handle,.layer-row:hover .drag-handle{color:inherit;border-color:color-mix(in srgb,currentColor,transparent 62%)}.layer-row.is-active .layer-glyph,.layer-row.is-active .mini-icon,.layer-row.is-active .drag-handle{color:inherit;background:color-mix(in srgb,currentColor,transparent 86%);border-color:color-mix(in srgb,currentColor,transparent 58%)}.layer-row.is-active .layer-glyph svg,.layer-row.is-active .mini-icon svg,.layer-row.is-active .drag-handle svg{color:currentColor}.layer-glyph{border:0;background:color-mix(in srgb,var(--accent),transparent 86%)}.panel-block,.media-drop,.stack-header,.add-effects,.preview-header,body.fracture-dark .media-drop,body.fracture-dark .panel-block,body.fracture-dark .add-effects,body.fracture-dark .stack-header,body.fracture-dark .preview-header{border-color:var(--line)}.control input[type=color],.control select,.text-input,.timeline-duration input,.timeline-duration select{color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 12%);border:1px solid var(--line);border-radius:999px}body.fracture-dark .control input[type=color],body.fracture-dark .control select,body.fracture-dark .text-input,body.fracture-dark .timeline-duration input,body.fracture-dark .timeline-duration select{color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 4%);border-color:var(--line)}.control span,.timeline-range,.timeline-duration,.zoom-slider,.toggle-row,.nudge-control>span,.mini-color-row{color:var(--muted)}.svg-slot-list{display:grid;gap:10px;margin-top:4px}.svg-slot-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 62px;gap:8px;align-items:center}.svg-slot-picker{position:relative}.svg-slot-preview-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper-2),transparent 10%);cursor:pointer}.svg-slot-preview-button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 88%)}.svg-slot-actions{display:grid;gap:4px}.svg-slot-upload{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0;min-height:52px;padding:7px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 10%);text-align:left;cursor:pointer}.svg-slot-upload:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 88%)}.svg-slot-preview{display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 88%);font-size:13px;font-weight:800}.svg-slot-preview img{display:block;width:24px;height:24px;object-fit:contain}.glyph-preset-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:12;width:164px;padding:10px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--paper),transparent 2%);box-shadow:0 20px 40px #00000047}.glyph-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.glyph-preset-option{display:grid;place-items:center;width:100%;aspect-ratio:1;padding:0;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--paper-2),transparent 4%);cursor:pointer}.glyph-preset-option:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 88%)}.glyph-preset-option img{width:24px;height:24px;object-fit:contain}body:not(.fracture-dark) .glyph-preset-option img{filter:brightness(0) saturate(0)}.svg-slot-copy{display:grid;min-width:0;gap:2px}.svg-slot-copy strong,.svg-slot-copy small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.svg-slot-copy strong{color:var(--ink);font-size:13px;line-height:1.1}.svg-slot-copy small{color:var(--muted);font-size:11px;line-height:1.15}.svg-slot-color{width:62px;height:34px;padding:4px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper-2),transparent 8%);cursor:pointer}.svg-slot-color:disabled{opacity:.38;cursor:not-allowed}.glyph-riso-color{border-radius:12px}.glyph-action-button{width:100%}.control b,body.fracture-dark .control b,.nudge-reset,body.fracture-dark .nudge-reset,.export-menu-item>svg,body.fracture-dark .export-menu-item>svg{color:var(--accent)!important}.control input[type=range],.zoom-slider input,.timeline-range input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:24px;margin:0;background:transparent;accent-color:var(--accent)}.control input[type=range]::-webkit-slider-runnable-track,.zoom-slider input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--accent-soft) 0 var(--range-progress, 50%),color-mix(in srgb,var(--ink),transparent 90%) var(--range-progress, 50%) 100%)}.control input[type=range]::-webkit-slider-thumb,.zoom-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:28px;margin-top:-8px;border:4px solid color-mix(in srgb,var(--paper-2),transparent 5%);border-radius:999px;background:var(--accent);box-shadow:0 4px 16px #12121238}.control input[type=range]::-moz-range-track,.zoom-slider input[type=range]::-moz-range-track{height:12px;border-radius:999px;background:color-mix(in srgb,var(--ink),transparent 90%)}.control input[type=range]::-moz-range-progress,.zoom-slider input[type=range]::-moz-range-progress{height:12px;border-radius:999px;background:var(--accent-soft)}.control input[type=range]::-moz-range-thumb,.zoom-slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border:4px solid color-mix(in srgb,var(--paper-2),transparent 5%);border-radius:999px;background:var(--accent);box-shadow:0 4px 16px #12121238}.timeline-range input[type=range]::-webkit-slider-runnable-track,body.fracture-dark .timeline-range input[type=range]::-webkit-slider-runnable-track{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--accent-soft) 0 var(--timeline-progress, 0%),color-mix(in srgb,var(--ink),transparent 88%) var(--timeline-progress, 0%) 100%)}.timeline-range input[type=range]::-webkit-slider-thumb,body.fracture-dark .timeline-range input[type=range]::-webkit-slider-thumb{width:30px;height:22px;margin-top:-5px;border:0;border-radius:999px;background:var(--accent);box-shadow:0 4px 16px #12121238}.timeline-range input[type=range]::-moz-range-progress,body.fracture-dark .timeline-range input[type=range]::-moz-range-progress{background:var(--accent-soft)}.timeline-range input[type=range]::-moz-range-track,body.fracture-dark .timeline-range input[type=range]::-moz-range-track{background:color-mix(in srgb,var(--ink),transparent 88%)}.timeline-range input[type=range]::-moz-range-thumb,body.fracture-dark .timeline-range input[type=range]::-moz-range-thumb{background:var(--accent)}.toggle-row{display:flex;justify-content:space-between;gap:12px;min-height:36px;width:100%;margin-top:12px}.canvas-size-control{display:grid;gap:10px;margin-top:12px}.canvas-background-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.canvas-background-reset{min-height:38px;padding:0 14px}.canvas-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.canvas-size-field{display:grid;gap:6px}.canvas-size-field span{color:var(--muted);font-size:11px;line-height:1.2;text-transform:uppercase}.canvas-size-input{min-height:40px}.toggle-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:0 0 52px;width:52px;height:30px;margin:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink),transparent 88%);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.toggle-row input[type=checkbox]:before{content:"";display:block;width:24px;height:24px;margin:3px;border-radius:999px;background:var(--paper-2);box-shadow:0 3px 12px #12121238;transition:transform .16s ease,background .16s ease}.toggle-row input[type=checkbox]:checked{background:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent),transparent 20%)}.toggle-row input[type=checkbox]:checked:before{transform:translate(22px)}.switch-control{grid-template-columns:minmax(0,1fr) auto;align-items:center}.switch-control>span{min-width:0}.switch-control input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:52px;height:30px;margin:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink),transparent 88%);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.switch-control input[type=checkbox]:before{content:"";display:block;width:24px;height:24px;margin:3px;border-radius:999px;background:var(--paper-2);box-shadow:0 3px 12px #12121238;transition:transform .16s ease,background .16s ease}.switch-control input[type=checkbox]:checked{background:var(--accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent),transparent 20%)}.switch-control input[type=checkbox]:checked:before{transform:translate(22px)}body.fracture-dark .toggle-row input[type=checkbox]:checked:before{background:var(--basecolor01)}body.fracture-dark .switch-control input[type=checkbox]:checked:before{background:var(--basecolor01)}.file-input,body.fracture-dark .file-input{background:var(--accent-soft);border:1px solid var(--accent-soft);border-radius:999px}.file-input::file-selector-button,.file-input::-webkit-file-upload-button,body.fracture-dark .file-input::file-selector-button,body.fracture-dark .file-input::-webkit-file-upload-button{color:var(--paper-2);background:var(--accent-soft)}body.fracture-dark .file-input::file-selector-button,body.fracture-dark .file-input::-webkit-file-upload-button{color:var(--accent-soft-ink)}.export-menu,body.fracture-dark .export-menu{color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 1%);border:1px solid var(--line);box-shadow:none}.export-panel-overlay{position:absolute;top:16px;right:16px;bottom:16px;left:16px;z-index:14}.export-panel-overlay .export-menu,body.fracture-dark .export-panel-overlay .export-menu{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-height:none;display:grid;grid-auto-rows:max-content;gap:6px;padding:14px;overflow-y:auto;align-content:start}.export-panel-overlay .export-menu-item,body.fracture-dark .export-panel-overlay .export-menu-item{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:auto;padding:12px 14px;text-align:left;border-radius:18px;border:1px solid transparent;color:var(--ink);background:transparent;box-sizing:border-box;white-space:normal}.export-panel-overlay .export-menu-item>svg,body.fracture-dark .export-panel-overlay .export-menu-item>svg{flex:0 0 28px;width:28px;height:28px;margin-top:1px;color:var(--accent)}.export-panel-overlay .export-menu-copy,body.fracture-dark .export-panel-overlay .export-menu-copy{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.export-panel-overlay .export-menu-title,body.fracture-dark .export-panel-overlay .export-menu-title{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px;min-width:0;line-height:1.08;font-size:11px;font-weight:650;text-transform:uppercase}.export-panel-overlay .export-menu-title-text,body.fracture-dark .export-panel-overlay .export-menu-title-text{display:block;min-width:0}.export-panel-overlay .export-menu-description,body.fracture-dark .export-panel-overlay .export-menu-description{min-width:0;display:block;color:var(--muted);margin:0;font-size:10px;line-height:1.22;white-space:normal;overflow-wrap:anywhere}.export-panel-overlay .export-menu-item:hover,body.fracture-dark .export-panel-overlay .export-menu-item:hover,.export-panel-overlay .export-menu-item:focus-visible,body.fracture-dark .export-panel-overlay .export-menu-item:focus-visible{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);outline:0}.export-panel-overlay .export-menu-item:hover .export-menu-description,.export-panel-overlay .export-menu-item:focus-visible .export-menu-description,body.fracture-dark .export-panel-overlay .export-menu-item:hover .export-menu-description,body.fracture-dark .export-panel-overlay .export-menu-item:focus-visible .export-menu-description{color:var(--accent-soft-ink)}body.fracture-dark .export-panel-overlay .export-menu-item:hover,body.fracture-dark .export-panel-overlay .export-menu-item:focus-visible{color:var(--accent-ink)}.timeline-playhead,body.fracture-dark .timeline-playhead{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent),transparent 78%)}.key-delete,body.fracture-dark .key-delete,.stack-header span,body.fracture-dark .stack-header span{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}body.fracture-dark .key-delete,body.fracture-dark .stack-header span{color:var(--accent-ink)}.render-error{color:var(--ink);border-color:color-mix(in srgb,var(--accent),transparent 48%);background:color-mix(in srgb,var(--accent),var(--paper-2) 82%)}.effect-group{border-color:color-mix(in srgb,var(--accent),transparent 55%)}.effect-group-summary,.effect-group.is-open .effect-group-summary{color:var(--accent-ink);background:var(--accent)}.effect-group-summary svg{color:currentColor}body.fracture-dark .effect-group{border-color:color-mix(in srgb,var(--accent),transparent 48%)}body.fracture-dark .effect-group-summary,body.fracture-dark .effect-group.is-open .effect-group-summary{color:var(--accent-ink);background:var(--accent)}.select-control{position:relative;z-index:1}.select-control:has(.select-popover){z-index:60}.select-anchor{position:relative}.select-trigger{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 12%);text-align:left}.select-trigger:after{content:"⌄";color:var(--muted);font-size:16px;line-height:1}.select-popover{position:absolute;top:calc(100% + 8px);left:50%;z-index:80;width:min(100%,280px);max-height:260px;overflow:auto;padding:10px;border:1px solid var(--strong-line);border-radius:20px;background:#eeeeeec7;-webkit-backdrop-filter:blur(18px) saturate(.92);backdrop-filter:blur(18px) saturate(.92);box-shadow:0 22px 60px #1212123d;transform:translate(-50%)}.select-option{width:100%;min-height:38px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:4px;align-items:center;padding:0 10px;border:0;border-radius:13px;color:var(--ink);background:transparent;text-align:left}.select-option:hover,.select-option.is-selected{color:var(--basecolor02);background:var(--accent)}.select-option span{color:currentColor}body.fracture-dark .select-trigger{color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 4%);border-color:var(--line)}body.fracture-dark .select-popover{background:#121212c7;border-color:var(--strong-line);box-shadow:0 24px 70px #00000073}body.fracture-dark .select-option:hover,body.fracture-dark .select-option.is-selected{color:var(--accent-ink);background:var(--accent)}.access-dialog-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw;height:100vh;height:100dvh;z-index:1000;background:color-mix(in srgb,var(--paper),transparent 34%);-webkit-backdrop-filter:blur(26px) saturate(.88);backdrop-filter:blur(26px) saturate(.88)}body.fracture-dark .access-dialog-backdrop{background:#12121294;-webkit-backdrop-filter:blur(26px) saturate(.86);backdrop-filter:blur(26px) saturate(.86)}body:not(.fracture-dark) .brand-mark{background:var(--accentcolor01);border-color:var(--accentcolor01)}body:not(.fracture-dark) .brand-mark:after{color:var(--basecolor02)}body:not(.fracture-dark) .toolbar .icon-button:hover,body:not(.fracture-dark) .toolbar .tool-button:hover,body:not(.fracture-dark) .toolbar .tool-button.is-on,body:not(.fracture-dark) .toolbar .theme-toggle:hover,body:not(.fracture-dark) .toolbar .theme-toggle.is-on{color:var(--accent-ink);background:var(--accentcolor01);border-color:var(--accentcolor01)}body.fracture-dark .toolbar .theme-toggle,body.fracture-dark .toolbar .theme-toggle.is-on{color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 10%);border-color:var(--line)}body.fracture-dark .toolbar .theme-toggle:hover{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}body:not(.fracture-dark) .auth-card,body:not(.fracture-dark) .auth-card h1,body:not(.fracture-dark) .auth-card input,body:not(.fracture-dark) .account-plan-copy strong{color:var(--basecolor01)}body:not(.fracture-dark) .auth-back,body:not(.fracture-dark) .auth-link,body:not(.fracture-dark) .auth-card p,body:not(.fracture-dark) .auth-card label,body:not(.fracture-dark) .account-plan-copy span{color:var(--accentcolor02)}body:not(.fracture-dark) .auth-card input::placeholder{color:#12121275}body:not(.fracture-dark) .auth-card .wide-button{color:var(--basecolor01);background:transparent;border-color:var(--accentcolor02)}body:not(.fracture-dark) .auth-card .wide-button:hover:not(:disabled){color:var(--accent-ink);background:var(--accentcolor01);border-color:var(--accentcolor01)}body:not(.fracture-dark) .auth-card .wide-button.is-premium-action{color:var(--accent-soft-ink);background:var(--accentcolor02);border-color:var(--accentcolor02)}body:not(.fracture-dark) .auth-card .wide-button.is-premium-action:hover:not(:disabled){color:var(--accent-ink);background:var(--accentcolor01);border-color:var(--accentcolor01)}body:not(.fracture-dark) .premium-hover-card{background:color-mix(in srgb,var(--basecolor03),var(--paper-2) 18%)}@media(max-width:980px){.premium-hover-card{top:calc(100% + 12px);left:0;width:100%;transform:translateY(-8px)}.premium-hover-wrap:hover .premium-hover-card,.premium-hover-wrap:focus-within .premium-hover-card{transform:translateY(0)}}body:not(.fracture-dark) .auth-card .wide-button:disabled{color:#1212127a;background:transparent;border-color:color-mix(in srgb,var(--accentcolor02),transparent 42%);opacity:1}body.fracture-dark .auth-card .wide-button:hover:not(:disabled),body.fracture-dark .access-dialog .wide-button:hover:not(:disabled),body.fracture-dark .frame-dialog-actions button:hover:not(:disabled){color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.premium-code-form input:focus,body:not(.fracture-dark) .premium-code-form input:focus,body.fracture-dark .premium-code-form input:focus{border-color:var(--line);box-shadow:none;outline:0}.theme-switch{position:relative;width:72px;height:36px;display:flex;justify-content:space-between;gap:6px;align-items:center;padding:3px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:color-mix(in srgb,var(--paper-2),transparent 10%);box-shadow:0 8px 22px #1212120a;line-height:0}.theme-switch-icon{z-index:2;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;pointer-events:none;transition:color .16s ease,background .16s ease}.theme-switch svg{pointer-events:none}.theme-switch-icon.is-active{color:var(--accent-ink);background:var(--accentcolor01);box-shadow:0 6px 18px #1212122e}.theme-switch:hover{border-color:var(--accent)}body.fracture-dark .theme-switch{color:#f2f0f49e;background:color-mix(in srgb,var(--paper-2),transparent 10%);border-color:var(--line)}body.fracture-dark .theme-switch:hover,body.fracture-dark .theme-switch:focus-visible{border-color:var(--accent)}body.fracture-dark .theme-switch-icon.is-active{color:var(--accent-ink);background:var(--accent)}.brand-mark,body:not(.fracture-dark) .brand-mark,body.fracture-dark .brand-mark{border-radius:999px}.brand-mark:after,body:not(.fracture-dark) .brand-mark:after,body.fracture-dark .brand-mark:after{font-family:var(--display-font);font-size:18px;font-weight:400;line-height:1}.brand strong{font-family:var(--display-font);font-size:30px;font-weight:400;letter-spacing:.02em;text-transform:uppercase}button,input,select,textarea{font-family:var(--ui-font)}.access-dialog-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw;height:100vh;height:100dvh;z-index:1200;display:grid;place-items:center;padding:28px;background:color-mix(in srgb,var(--paper),transparent 34%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.fracture-dark .access-dialog-backdrop{background:#0b0b0d94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.access-dialog,body.fracture-dark .access-dialog{width:min(460px,100%);gap:18px;padding:30px;border:1.5px solid var(--line);border-radius:30px;background:color-mix(in srgb,var(--paper-2),transparent 2%);box-shadow:none}body.fracture-dark .access-dialog{background:#19191bf7;box-shadow:none}.workspace{height:calc(100vh - 94px);min-height:0;overflow:hidden;grid-template-columns:var(--effects-panel-width, 260px) 2px var(--stack-panel-width, 250px) 2px minmax(520px,1fr) 2px var(--inspector-panel-width, 310px);gap:4px}.effects-pane,.stack-pane,.inspector-pane,.preview-pane{min-width:0;min-height:0;height:100%;position:relative;overflow:hidden}.panel-resizer{align-self:stretch;justify-self:center;width:2px;min-width:2px;border-radius:999px;cursor:col-resize;background:transparent;transition:background .14s ease}.panel-resizer:hover,body.is-resizing-panels .panel-resizer{background:color-mix(in srgb,var(--accent),transparent 42%)}.toolbar,.effects-pane,.stack-pane,.inspector-pane,.preview-stage{border:1px solid var(--line);border-radius:var(--panel-radius);background:color-mix(in srgb,var(--paper-2),transparent 4%);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12)}body.fracture-dark .toolbar,body.fracture-dark .effects-pane,body.fracture-dark .stack-pane,body.fracture-dark .inspector-pane,body.fracture-dark .preview-stage{background:color-mix(in srgb,var(--paper-2),transparent 5%);border-color:var(--line);box-shadow:var(--panel-shadow)}.effects-library,.effect-stack{height:100%;display:flex;flex-direction:column;gap:12px;position:relative;padding:16px;overflow:hidden}.effects-pane,.stack-pane{max-width:none}.effects-header{flex:0 0 auto}.effects-search{flex:0 0 auto;display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:700}.effects-search span{text-transform:uppercase}.effects-search input{width:100%;min-height:38px;padding:0 14px;border:1.4px solid var(--line);border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--paper),transparent 12%);outline:none;font:inherit}.effects-search input:focus{border-color:var(--accent)}.effects-library .add-effects{flex:1 1 auto;min-height:0;overflow:auto;padding:0 4px 0 0;border:0}.effect-stack .media-drop{flex:0 0 auto}.effect-stack .layer-list{flex:1 1 auto;min-height:0;overflow:auto;position:relative}.effects-pane.is-compact .effects-library,.stack-pane.is-compact .effect-stack{padding-inline:10px}.effects-pane.is-compact .stack-header h1,.effects-pane.is-compact .effects-search span,.effects-pane.is-compact .effect-group-summary span,.effects-pane.is-compact .effect-group-items button{font-size:0}.effects-pane.is-compact .effects-search input{padding:0;text-align:center}.effects-pane.is-compact .effects-search input::placeholder{color:transparent}.effects-pane.is-compact .effect-group-summary,.effects-pane.is-compact .effect-group-items button{justify-content:center;grid-template-columns:auto auto;gap:6px;padding-inline:6px}.stack-pane.is-compact .stack-header h1,.stack-pane.is-compact .media-drop,.stack-pane.is-compact .layer-copy,.stack-pane.is-compact .mini-icon{display:none}.stack-pane.is-compact .stack-header{justify-content:center}.stack-pane.is-compact .stack-header-actions .stack-header-action{display:none}.stack-pane.is-compact .layer-row{grid-template-columns:auto;justify-content:center;padding-inline:6px}.stack-pane .layer-row{grid-template-columns:34px minmax(0,1fr) 30px 30px;gap:8px;cursor:grab}.stack-pane .layer-row:active{cursor:grabbing}.stack-pane .layer-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-stage .preview-header{display:grid;grid-template-columns:minmax(170px,1fr) minmax(260px,auto);gap:10px;align-items:center;min-height:58px;padding-inline:16px;overflow:hidden}.preview-stage .preview-header>div:first-child{min-width:0;overflow:hidden}.preview-stage .preview-header strong,.preview-stage .preview-header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-stage .preview-actions{justify-self:end;min-width:260px;max-width:100%}.preview-stage .zoom-slider{grid-template-columns:48px minmax(120px,180px);width:min(240px,100%)}.preview-stage .zoom-slider input{width:100%}.preview-stage .preview-actions .icon-button{flex:0 0 auto}.effects-library .effect-group-summary,.effects-library .effect-group-items button{min-height:34px;padding-inline:10px;font-size:12px}.effects-library .effect-group-items button{grid-template-columns:auto auto minmax(0,1fr)}.effects-library .effect-group-items button,.layer-row{-webkit-user-select:none;user-select:none}.layer-row{position:relative}.layer-row.is-drop-target,body.fracture-dark .layer-row.is-drop-target{transform:translateY(0);color:var(--ink);border-color:transparent;background:transparent;box-shadow:none}.layer-list.is-dragging .layer-row:hover,.layer-list.is-dragging .layer-row.is-active,.layer-list.is-reorder-cooling .layer-row:hover,body.fracture-dark .layer-list.is-dragging .layer-row:hover,body.fracture-dark .layer-list.is-dragging .layer-row.is-active,body.fracture-dark .layer-list.is-reorder-cooling .layer-row:hover{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper-2),transparent 6%);box-shadow:none}.layer-list.is-dragging .layer-row.is-dragging-source,body.fracture-dark .layer-list.is-dragging .layer-row.is-dragging-source{opacity:.42}.layer-row.is-drop-target:before{display:none!important}.layer-drop-line{position:absolute;z-index:8;left:20px;right:20px;height:3px;border-radius:999px;background:var(--accent);pointer-events:none;transform:translateY(-50%)}.layer-row:hover:not(.is-active),body.fracture-dark .layer-row:hover:not(.is-active){color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper-2),transparent 6%);box-shadow:none}.layer-row.is-hovered:not(.is-active),body.fracture-dark .layer-row.is-hovered:not(.is-active){color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}body.fracture-dark .layer-row.is-hovered:not(.is-active){color:var(--accent-ink)}.layer-list.is-reorder-cooling .layer-row.is-hovered:not(.is-active),body.fracture-dark .layer-list.is-reorder-cooling .layer-row.is-hovered:not(.is-active){color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper-2),transparent 6%)}.effects-library .stack-header,.effect-stack .stack-header{min-height:58px;align-items:flex-start;position:relative;border-bottom:0!important}.effects-library .stack-header:after,.effect-stack .stack-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line)}.effect-stack .stack-header span{min-width:28px;width:28px;height:28px;font-size:14px}.stack-header-actions{display:flex;align-items:center;gap:8px}.stack-header-action{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;gap:6px;justify-content:center;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:color-mix(in srgb,var(--paper),transparent 10%)}.stack-header-action:hover,.stack-header-action:focus-visible{color:var(--ink);border-color:color-mix(in srgb,var(--accent),transparent 62%);background:color-mix(in srgb,var(--accent),transparent 92%)}.stack-project-overlay{position:absolute;top:16px;right:16px;bottom:16px;left:16px;z-index:14;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 4%);box-shadow:none;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.stack-project-overlay-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.stack-project-overlay-header strong,.stack-project-empty strong,.stack-project-copy strong{display:block;color:var(--ink)}.stack-project-overlay-header small,.stack-project-empty small,.stack-project-copy small,.stack-project-message{line-height:1.45}.stack-project-search{display:grid;grid-template-columns:16px minmax(0,1fr);gap:10px;align-items:center;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper),transparent 10%);color:var(--muted)}.stack-project-search input,.stack-project-save-form input,.stack-project-copy input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font:inherit}.stack-project-search input::placeholder,.stack-project-copy input::placeholder,.stack-project-save-form input::placeholder{color:var(--muted)}.stack-project-save-form{display:grid;gap:8px;padding:12px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper),transparent 8%)}.stack-project-save-form input,.stack-project-copy input{min-height:38px;padding:0 12px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper),transparent 10%)}.stack-project-name-input{min-height:34px;padding:0 10px;font-size:11px;line-height:1.25}.stack-project-save-form strong,.stack-project-save-form small{display:block}.stack-project-save-form strong{color:var(--ink)}.stack-project-save-form small{color:var(--muted)}.stack-project-message{padding:10px 12px;border-radius:12px;border:1px solid var(--line);color:var(--ink);background:color-mix(in srgb,var(--paper),transparent 8%)}.stack-project-message.is-error{color:#ffb2b2;border-color:#ff5c5c57;background:#5e121247}.stack-project-message.is-success{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.stack-project-list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:10px;overflow:auto;padding-right:2px}.stack-project-row,.stack-project-empty{border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper),transparent 8%)}.stack-project-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:10px}.stack-project-row.is-openable{cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.stack-project-row.is-openable:hover,.stack-project-row.is-openable:focus-within{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent),transparent 48%);background:color-mix(in srgb,var(--accent),transparent 88%)}.stack-project-thumb{aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:#0f1012;border:1px solid var(--line)}.stack-project-thumb img,.stack-project-thumb span{width:100%;height:100%}.stack-project-thumb img{display:block;object-fit:cover}.stack-project-thumb span{display:grid;place-items:center;color:var(--muted);font-size:11px}.stack-project-copy{min-width:0;display:grid;gap:8px;align-content:start}.stack-project-copy strong,.stack-project-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stack-project-copy small{color:var(--muted)}.stack-project-row-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.stack-project-overlay .mini-icon{display:inline-flex;color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper-2),transparent 10%)}.stack-project-overlay .mini-icon:hover,.stack-project-overlay .mini-icon:focus-visible{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.stack-project-empty{flex:1 1 auto;min-height:140px;display:grid;gap:10px;place-content:center;padding:18px;text-align:center}.is-spinning{animation:fracture-spin .9s linear infinite}@keyframes fracture-spin{to{transform:rotate(360deg)}}.effects-search{gap:0}.effects-limit-message{margin:10px 0 0}.preview-stage.has-timeline{grid-template-rows:74px auto minmax(0,1fr)}.preview-stage{grid-template-rows:74px minmax(0,1fr)}.preview-stage .preview-header,.preview-stage .timeline-bar{position:relative;border-bottom:0!important}.preview-stage .preview-header{min-height:74px;padding-inline:20px}.preview-stage .timeline-bar{padding-inline:20px}.preview-stage .preview-header:after,.preview-stage .timeline-bar:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:var(--line);pointer-events:none}.preview-stage .canvas-wrap{margin:16px 20px 20px}@media(max-width:1280px){.workspace{grid-template-columns:var(--effects-panel-width, 250px) 2px var(--stack-panel-width, 240px) 2px minmax(480px,1fr) 2px var(--inspector-panel-width, 280px)}}.right-pane{display:flex;flex-direction:column;min-height:0}.inspector-scroll{flex:1 1 auto;min-height:0;overflow:hidden}.layers-pane{flex:0 0 242px;min-height:0;border-top:1px solid var(--line)}.layers-panel{height:100%;display:flex;flex-direction:column;gap:10px;padding:12px 14px 14px}.layers-panel-header{display:grid;gap:10px;align-items:start}.layers-panel-header h2{margin:0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase}.layers-add-button{width:100%;min-height:32px;justify-content:center;border-radius:10px;font-size:12px}.layers-panel-list{flex:1 1 auto;min-height:0;overflow:auto;position:relative;padding-right:2px}.layers-panel-row{display:grid;grid-template-columns:26px 48px minmax(0,1fr) auto 26px;gap:6px;align-items:center;min-height:46px;padding:5px;border-radius:8px;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 6%)}.layers-panel-row:active{cursor:grabbing}.layers-panel-row .layer-copy{min-width:0}.layers-panel-row .layer-copy strong,.layers-panel-row .layer-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layers-panel-row .layer-copy strong{display:block}.layer-thumb{width:48px;height:32px;display:block;overflow:hidden;border-radius:6px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.08) 75%),#ffffff0a;background-position:0 0,6px 6px,0 0;background-size:12px 12px}.layer-thumb img{width:100%;height:100%;object-fit:cover;display:block}.layer-thumb-empty{display:block;width:100%;height:100%}.layers-panel-row.is-muted .layer-thumb,.layers-panel-row.is-muted .layer-copy{opacity:.56}.layers-row-actions{display:inline-flex;gap:4px;justify-self:end}.layers-panel-row:hover:not(.is-active),.layers-panel-row.is-hovered:not(.is-active){color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--paper-2),transparent 2%)}.layers-panel-row.is-active,.layers-panel-row.is-hovered:not(.is-active){color:var(--paper-2);background:color-mix(in srgb,var(--accent),transparent 86%);border-color:color-mix(in srgb,var(--accent),transparent 48%)}.layers-panel-row.is-drop-target{border-color:transparent;background:transparent;box-shadow:none}.layer-list.is-dragging .layers-panel-row.is-dragging-source{opacity:.42}.brand-home{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent}.toolbar-beta-badge,.landing-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 11px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent),transparent 72%);background:color-mix(in srgb,var(--paper-2),transparent 6%);color:var(--ink);font-size:11px;letter-spacing:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 90%),0 0 28px color-mix(in srgb,var(--accent),transparent 90%)}.toolbar-beta-badge{margin-left:10px}.landing-shell{min-height:100vh;display:flex;flex-direction:column;padding-top:14px;background:radial-gradient(circle,rgba(18,18,18,.055) 1.2px,transparent 1.2px),var(--paper);background-size:18px 18px;color:var(--ink)}body.fracture-dark .landing-shell{background:radial-gradient(circle,rgba(226,207,234,.07) 1.2px,transparent 1.2px),var(--basecolor01);background-size:18px 18px}.landing-main{flex:1 0 auto;width:min(1280px,calc(100vw - 32px));margin:0 auto;padding:32px 0 24px}.landing-header{position:sticky;top:14px;z-index:40;width:min(1280px,calc(100vw - 32px));margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:var(--panel-radius);background:color-mix(in srgb,var(--paper-2),transparent 4%);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12)}.landing-brand{display:inline-flex;align-items:center;gap:13px}.landing-brand-home{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:inherit}.landing-brand-mark{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:11px;border:0;background:var(--accent);color:var(--accent-ink);box-shadow:0 12px 28px color-mix(in srgb,var(--accent),transparent 72%);font-family:var(--display-font);font-size:18px;font-weight:400;line-height:1}.landing-brand-copy{display:flex;align-items:baseline;text-align:left}.landing-brand-copy strong{font-family:var(--display-font);font-size:30px;line-height:1;font-weight:400;letter-spacing:.02em;text-transform:uppercase}.landing-nav,.landing-header-actions,.hero-actions,.feature-pill-row,.showcase-card-actions,.before-after-actions,.detail-modal-actions,.support-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.landing-nav button,.landing-footer-links button,.landing-footer-links a{padding:0;border:0;color:var(--muted);background:transparent}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 18px;border-radius:999px;border:1px solid var(--line);color:var(--ink);background:color-mix(in srgb,var(--paper-2),transparent 6%);box-shadow:inset 0 1px #ffffff0b;transition:transform .16s ease,background .16s ease,border-color .16s ease}.landing-header-actions .theme-switch{width:108px;height:48px;min-height:48px;padding:4px;gap:8px;border-radius:999px;box-shadow:inset 0 1px #ffffff0b}.landing-header-actions .theme-switch-icon{width:38px;height:38px}.landing-button.is-primary{color:var(--accent-ink);border-color:var(--accent);background:var(--accent);box-shadow:0 12px 30px color-mix(in srgb,var(--accent),transparent 72%)}.landing-button.is-xl{min-height:58px;padding-inline:26px;font-size:18px}.landing-button.is-secondary:hover,.landing-button.is-ghost:hover,.landing-nav button:hover,.landing-footer-links button:hover,.landing-footer-links a:hover{color:var(--ink)}.landing-button.is-primary:hover{transform:translateY(-1px);color:var(--accent-ink);background:var(--accent);border-color:var(--accent);filter:brightness(1.04)}.landing-button.is-secondary:hover,.landing-button.is-ghost:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent);box-shadow:0 12px 30px color-mix(in srgb,var(--accent),transparent 72%)}body:not(.fracture-dark) .landing-button.is-primary,body:not(.fracture-dark) .landing-button.is-primary:hover,body:not(.fracture-dark) .landing-button.is-secondary:hover,body:not(.fracture-dark) .landing-button.is-ghost:hover{color:var(--accent-ink)}body.fracture-dark .landing-button.is-primary,body.fracture-dark .landing-button.is-primary:hover,body.fracture-dark .landing-button.is-secondary:hover,body.fracture-dark .landing-button.is-ghost:hover{color:var(--accent-ink)}.landing-section{padding:38px 0}.showcase-section,.effect-library-section,.workflow-section,.animation-section{margin-top:72px}.animation-section{margin-bottom:96px}.landing-section[id]{scroll-margin-top:132px}.hero-section,.workflow-grid,.animation-grid,.remix-panel,.detail-modal,.support-grid{display:grid;gap:24px}.hero-section,.animation-grid,.remix-panel,.detail-modal{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.hero-section{align-items:start}.animation-grid{grid-template-columns:1fr}.landing-eyebrow{color:var(--muted);font-size:14px;text-transform:uppercase}.hero-copy h1,.section-heading h2,.support-hero h1{margin:10px 0 14px;font-size:clamp(40px,5vw,72px);line-height:.96}.hero-copy p,.section-heading p,.support-hero p{max-width:720px;color:var(--muted);font-size:18px;line-height:1.55}.hero-copy{display:flex;flex-direction:column;min-height:596px}.feature-pill{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:color-mix(in srgb,var(--paper-2),transparent 6%)}.workflow-grid{grid-template-columns:1fr}.hero-visual,.workflow-diagram,.workflow-placeholder,.timeline-mockup,.remix-cta,.support-card{padding:18px;border-radius:var(--panel-radius);border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 4%);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12)}.hero-image-card{position:relative;width:100%;min-height:560px;padding:0;border-radius:26px;border:1px solid var(--line);background-color:#111214;overflow:hidden;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.hero-image-card:hover,.hero-image-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent),transparent 36%);box-shadow:0 22px 70px color-mix(in srgb,var(--accent),transparent 82%);outline:0}.hero-image-card-media,.showcase-card-media,.effect-card-preview-image,.effect-detail-preview-image,.effect-page-related-thumb-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;color:var(--basecolor03)}.hero-image-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08080a0f,#08080a66);transition:background .18s ease,backdrop-filter .18s ease}.hero-image-card:hover:after,.hero-image-card:focus-visible:after{background:#0a0a0e57;-webkit-backdrop-filter:blur(14px) saturate(1.04);backdrop-filter:blur(14px) saturate(1.04)}.hero-image-card-cta{position:absolute;inset:50% auto auto 50%;z-index:2;display:flex;align-items:center;justify-content:center;color:var(--basecolor03);text-shadow:0 10px 28px rgba(0,0,0,.34);font-size:clamp(20px,2.2vw,30px);line-height:1;letter-spacing:0;opacity:0;transform:translate(-50%,calc(-50% + 10px));transition:opacity .18s ease,transform .18s ease,letter-spacing .18s ease;pointer-events:none}.hero-image-card:hover .hero-image-card-cta,.hero-image-card:focus-visible .hero-image-card-cta{opacity:1;transform:translate(-50%,-50%);letter-spacing:.02em}.studio-mockup{display:grid;gap:16px;padding:18px;border-radius:26px;border:1px solid color-mix(in srgb,var(--accent),transparent 82%);background:linear-gradient(180deg,#101012f5,#141418eb)}.studio-mockup-header,.studio-mockup-body,.studio-mockup-actions,.studio-mockup-brand,.workflow-card-grid,.workflow-diagram-list,.showcase-card-overlay,.showcase-tag-row,.effect-card-copy,.timeline-mockup-header,.timeline-mockup-lane,.timeline-mockup-track,.remix-feature-list{display:flex}.studio-mockup-header,.studio-mockup-body,.timeline-mockup-header,.timeline-mockup-lane{justify-content:space-between}.studio-mockup-header,.timeline-mockup-header{align-items:center}.studio-mockup-brand,.studio-mockup-actions,.workflow-card,.remix-feature-item,.animation-feature-item{align-items:center;gap:10px}.studio-mockup-actions button,.showcase-card-actions button,.before-after-actions button,.detail-modal-close,.rail-button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);background:#ffffff0d}.detail-modal-actions .landing-button:not(.is-primary){min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--line);color:var(--ink);background:#ffffff0d}.detail-modal-actions .landing-button.is-primary{background:var(--accent);color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent),transparent 52%)}.studio-mockup-body{gap:14px}.studio-mockup-body aside,.studio-mockup-body section{min-height:380px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#08080a9e}.studio-mockup-body aside{width:22%;display:grid;gap:10px;align-content:start;padding:16px}.studio-mockup-body section{flex:1;padding:16px}.studio-mockup-body aside span,.workflow-diagram-list div,.timeline-mockup-lane span{color:var(--muted)}.mock-preview-card{display:grid;gap:16px;height:100%}.mock-preview-stage{min-height:280px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 30% 35%,rgba(110,231,183,.18),transparent 26%),radial-gradient(circle at 70% 55%,rgba(168,85,247,.22),transparent 24%),linear-gradient(135deg,#ffffff0f,#ffffff03)}.mock-timeline,.timeline-mockup-track{position:relative;min-height:58px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.mock-playhead,.timeline-mockup-cursor{position:absolute;top:8px;bottom:8px;width:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent),transparent 76%)}.mock-playhead{left:62%}.section-heading{margin-bottom:20px}.workflow-card-grid,.effect-grid,.support-grid{gap:14px}.workflow-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.animation-feature-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.workflow-bottom-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.workflow-placeholder{display:flex}.workflow-placeholder-frame{position:relative;flex:1;min-height:100%;border-radius:26px;border:1px solid var(--line);background:#111214;overflow:hidden}.workflow-card,.animation-feature-item,.remix-feature-item{min-height:56px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 4%)}.workflow-diagram h3,.detail-modal-copy h2,.support-card h2{margin:0 0 14px}.workflow-diagram{display:flex;flex-direction:column}.workflow-diagram-list{display:flex;flex-direction:column;gap:0;flex:0 0 auto}.workflow-step-group{display:flex;flex-direction:column;gap:14px}.workflow-step-group+.workflow-step-group{margin-top:14px}.workflow-step-group-output{margin-top:14px}.workflow-step{width:100%;text-align:left;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#ffffff0a;transition:border-color .18s ease,background-color .18s ease,transform .18s ease,box-shadow .18s ease}.workflow-step:hover,.workflow-step:focus-visible,.workflow-step.is-active{border-color:color-mix(in srgb,var(--accent),transparent 52%);background:color-mix(in srgb,var(--accent),transparent 88%);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent),transparent 78%)}.workflow-step:hover,.workflow-step:focus-visible{transform:translateY(-1px)}.workflow-step-arrow{min-height:28px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:24px;line-height:1;opacity:.82}.workflow-output{margin-top:0}.workflow-diagram-list strong,.workflow-output strong,.before-after-copy h3,.detail-modal-grid h3{display:block;margin-bottom:6px}.workflow-preview-stage{position:relative;width:100%;min-height:100%;aspect-ratio:1 / 1;border-radius:26px;background:#0a0a0c;overflow:hidden}.workflow-preview-card,.workflow-preview-label{position:absolute}.workflow-preview-card{overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:#111214;color:#ffffffc7;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;opacity:0;transition:opacity .22s ease,transform .24s ease,border-color .22s ease}.workflow-preview-card-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.workflow-preview-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a0a0c3d,#0a0a0c94)}.workflow-preview-card span{position:relative;z-index:1;display:block;max-width:180px}.workflow-preview-card-base{top:10%;right:12%;bottom:48%;left:12%;transform:translateY(12px)}.workflow-preview-card-type{top:34%;right:22%;bottom:24%;left:22%;transform:translateY(12px)}.workflow-preview-card-shape{top:62%;right:18%;bottom:10%;left:18%;transform:translateY(12px)}.workflow-preview-label{left:18px;right:18px;bottom:18px;min-height:52px;padding:0 16px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:#08080aa8;display:inline-flex;align-items:center;color:#ffffffd1;font-size:15px}.workflow-preview-stage[data-step=layer1] .workflow-preview-card-base,.workflow-preview-stage[data-step=final] .workflow-preview-card-base,.workflow-preview-stage[data-step=layer2] .workflow-preview-card-type,.workflow-preview-stage[data-step=final] .workflow-preview-card-type,.workflow-preview-stage[data-step=layer3] .workflow-preview-card-shape,.workflow-preview-stage[data-step=final] .workflow-preview-card-shape{opacity:1;transform:translateY(0);border-color:color-mix(in srgb,var(--accent),transparent 58%)}.showcase-rail-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px}.showcase-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(320px,32vw);gap:16px;overflow-x:auto;padding:4px 2px 8px;scroll-snap-type:x proximity}.showcase-rail.is-dragging{cursor:grabbing}.showcase-card{width:100%;padding:0;position:relative;min-height:420px;border-radius:26px;border:1px solid var(--line);background-color:#0d0e10;overflow:hidden;scroll-snap-align:start}.showcase-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(4,4,6,.82))}.showcase-card-overlay{position:relative;z-index:1;height:100%;flex-direction:column;justify-content:flex-end;gap:14px;padding:22px;opacity:0;transform:translateY(16px);transition:opacity .18s ease,transform .18s ease}.showcase-card-hint{color:#ffffffad;font-size:13px}.showcase-card:hover .showcase-card-overlay,.showcase-card:focus-visible .showcase-card-overlay,.before-after-card.is-clickable:hover .example-card-overlay,.before-after-card.is-clickable:focus-visible .example-card-overlay{opacity:1;transform:translateY(0)}.showcase-card-overlay h3,.before-after-copy h3{margin:0 0 8px;font-size:26px}.showcase-card-overlay h3,.example-card-overlay h3{color:var(--basecolor03)}.showcase-card-overlay p,.before-after-copy p,.detail-modal-copy p,.support-card p{margin:0;color:var(--muted);line-height:1.5}.showcase-tag-row{flex-wrap:wrap;gap:8px}.showcase-tag-row span{min-height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffd6}.before-after-grid,.effect-grid{display:grid;gap:18px}.before-after-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.effect-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.before-after-card,.effect-card{border-radius:var(--panel-radius);border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 4%);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(22px) saturate(1.12);backdrop-filter:blur(22px) saturate(1.12);overflow:hidden}.before-after-card.is-clickable{width:100%;padding:0;text-align:left}.before-after-copy,.detail-modal-copy{padding:18px}.before-after-frame{position:relative;min-height:300px;background:#08090b;overflow:hidden;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.example-card-preview{position:relative;min-height:300px;overflow:hidden;background:#0d0d10}.example-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:20px;background:linear-gradient(180deg,transparent 24%,rgba(6,6,8,.88));opacity:0;transform:translateY(16px);transition:opacity .18s ease,transform .18s ease}.example-card-overlay h3,.example-card-overlay p{margin:0}.example-card-overlay p{color:#ffffffbd}.before-after-image,.before-after-before,.before-after-before .before-after-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.before-after-image{display:block;object-fit:cover;background-color:#08090b;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.before-after-before{pointer-events:none}.before-after-frame,.before-after-frame *{-webkit-user-select:none;user-select:none}.before-after-divider{position:absolute;top:0;bottom:0;width:2px;background:#ffffffe6}.before-after-divider span{position:absolute;top:50%;left:50%;width:38px;height:38px;transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgba(255,255,255,.3);background:#0a0a0cc7}.before-after-labels{position:absolute;inset-inline:14px;top:14px;display:flex;justify-content:space-between;color:#fff}.effect-card{padding:0;text-align:left}.effect-card-preview{aspect-ratio:1;position:relative;overflow:hidden;background-color:#0d0e10}.effect-card-preview-image{transition:filter .18s ease,transform .18s ease}.effect-card-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;text-align:center;color:var(--basecolor01);background:color-mix(in srgb,var(--basecolor02),transparent 52%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .18s ease}.effect-card:hover .effect-card-preview-image,.effect-card:focus-visible .effect-card-preview-image{filter:blur(6px);transform:scale(1.05)}.effect-card:hover .effect-card-hover,.effect-card:focus-visible .effect-card-hover{opacity:1}body.fracture-dark .effect-card-hover{color:var(--basecolor02);background:color-mix(in srgb,var(--basecolor01),transparent 46%)}.canvas-size-header{margin-bottom:8px}body.fracture-dark .toolbar .tool-button.is-on,body.fracture-dark .toolbar .icon-button.is-on{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.share-menu-wrap{position:relative}.share-menu{position:absolute;z-index:80;top:calc(100% + 12px);right:0;width:min(300px,calc(100vw - 28px));display:grid;gap:8px;padding:14px;color:var(--ink);border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--paper-2),transparent 3%);box-shadow:0 20px 48px #1212122e}.share-menu strong,.share-menu p,.share-menu small{margin:0}.share-menu p,.share-menu small{color:var(--muted);line-height:1.35}.share-menu button,.shared-project-notice button{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;color:var(--ink);border:1px solid var(--line);border-radius:999px;background:transparent}.share-menu button:hover{color:var(--accent-ink);border-color:var(--accent);background:var(--accent)}.shared-project-notice{position:fixed;z-index:85;top:92px;left:50%;display:flex;align-items:center;gap:12px;max-width:min(620px,calc(100vw - 28px));padding:10px 12px 10px 16px;color:var(--ink);border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--paper-2),transparent 3%);box-shadow:0 16px 42px #12121229;transform:translate(-50%)}.shared-project-notice button{min-height:28px;padding:5px}.timeline-mockup{position:relative;display:grid;gap:16px}.timeline-mockup-header span{color:var(--muted)}.timeline-mockup-lanes{position:relative;display:grid;gap:14px}.timeline-mockup-lane{align-items:center;gap:12px}.timeline-mockup-lane span{min-width:92px}.timeline-mockup-track{flex:1;min-height:44px}.timeline-mockup-track i{position:absolute;top:10px;width:12px;height:24px;border-radius:999px;background:#ffffffc7}.timeline-mockup-cursor{left:58%}.remix-panel{align-items:stretch}.remix-feature-list{flex-direction:column;gap:12px}.detail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#08080ab8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.detail-modal{width:min(1320px,100%);max-height:min(90vh,980px);padding:20px 20px 24px;border-radius:28px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 4%);overflow:auto}.detail-modal.is-effect-modal,.detail-modal.is-example-modal{--detail-modal-shell-height: min(84vh, 960px);--example-detail-size: min(46vw, 62vh);--example-detail-copy-width: 360px;--example-detail-stack-width: 380px;--example-detail-content-width: calc(var(--example-detail-copy-width) + var(--example-detail-stack-width) + 28px);width:fit-content;max-width:calc(100vw - 48px);height:var(--detail-modal-shell-height);max-height:calc(100vh - 48px);padding:24px 28px 28px;overflow:auto;justify-self:center}.detail-modal.is-effect-modal{--effect-detail-size: min(46vw, 62vh);--effect-detail-copy-width: 360px;--effect-detail-settings-width: 380px;--effect-detail-content-width: calc(var(--effect-detail-copy-width) + var(--effect-detail-settings-width) + 28px)}.detail-modal-header{display:flex;justify-content:flex-start;margin-bottom:16px}.detail-modal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);gap:24px;align-items:start}.detail-modal-sidebar{display:grid;gap:16px;min-width:0}.detail-modal-preview{min-width:0}.detail-modal-preview .before-after-frame{min-height:clamp(420px,72vh,760px);border-radius:22px}.detail-modal-back{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;color:var(--muted);background:transparent}.detail-modal-back:hover{color:var(--ink)}.detail-modal-back-inline{justify-self:start;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 12%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.effect-detail-shell{display:grid;gap:16px;width:max-content;max-width:100%;margin:0 auto;align-content:start}.effect-detail-body{display:grid;grid-template-columns:var(--effect-detail-size) var(--effect-detail-content-width);gap:28px;align-items:start;width:max-content;max-width:100%}.effect-detail-preview{width:var(--effect-detail-size);aspect-ratio:1 / 1;position:relative;border-radius:22px;border:1px solid var(--line);background-color:#111113;overflow:hidden}.effect-detail-content{width:var(--effect-detail-content-width);min-width:0}.effect-detail-top{display:grid;grid-template-columns:minmax(0,var(--effect-detail-copy-width)) minmax(0,var(--effect-detail-settings-width));gap:28px;align-items:start;width:100%}.effect-detail-copy{padding:0}.effect-detail-copy p{max-width:100%;line-height:1.6}.effect-detail-settings{align-self:start}.effect-detail-settings .detail-settings-list{gap:12px;padding-left:20px;line-height:1.65}.effect-detail-actions{margin-top:18px;width:auto}.effect-page-shell{display:grid;gap:16px;width:max-content;max-width:100%;margin:0 auto;align-content:start}.effect-page-overlay{z-index:82}.effect-page-modal{display:grid;gap:0}.effect-page-top-grid{display:grid;grid-template-columns:var(--effect-detail-size) var(--effect-detail-copy-width) var(--effect-detail-settings-width);gap:28px;align-items:start;width:max-content;max-width:100%}.effect-page-preview-panel,.effect-page-settings,.effect-page-related-panel{min-width:0}.effect-page-copy-panel{display:grid;align-content:start;gap:16px;min-width:0;padding:8px 0 0}.effect-page-copy-panel h1{margin:0}.effect-page-copy-panel p{max-width:100%;margin:0;line-height:1.6}.effect-page-preview{width:100%;min-height:0}.effect-page-preview .before-after-frame{width:100%;height:100%;min-height:0;border-radius:inherit}.effect-page-related-panel{display:grid;gap:14px;align-content:start}.effect-page-related-panel h3,.effect-page-not-found h1{margin:0}.effect-page-related{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.effect-page-placeholder-panel{display:grid;gap:14px}.effect-page-related-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;gap:12px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper-2),transparent 10%);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.effect-page-related-item:hover,.effect-page-related-item:focus-visible{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent),transparent 56%);background:color-mix(in srgb,var(--accent),transparent 90%)}.effect-page-related-thumb{width:100%;aspect-ratio:16 / 10;position:relative;border-radius:18px;border:1px solid var(--line);background-color:#0d0e10;overflow:hidden}.effect-page-related-placeholders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.effect-page-related-placeholder{display:grid;gap:12px;padding:12px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 10%)}.effect-page-related-placeholder-image{width:100%;aspect-ratio:16 / 10;border-radius:18px;background:#090a0c;border:1px solid var(--line)}.effect-page-not-found{display:grid;gap:18px;min-height:40vh;align-content:start}.example-detail-shell{display:grid;gap:16px;width:max-content;max-width:100%;margin:0 auto;align-content:start}.example-detail-body{display:grid;grid-template-columns:var(--example-detail-size) var(--example-detail-content-width);gap:28px;align-items:start;width:max-content;max-width:100%}.example-detail-preview{width:100%}.example-detail-preview-frame{padding:20px}.example-detail-preview .before-after-frame{min-height:0;width:100%;aspect-ratio:1 / 1;border-radius:22px}.example-detail-content{width:var(--example-detail-content-width);min-width:0}.example-detail-top{display:grid;grid-template-columns:minmax(0,var(--example-detail-copy-width)) minmax(0,var(--example-detail-stack-width));gap:28px;align-items:start;width:100%}.example-detail-copy{padding:0}.example-detail-copy p{max-width:100%;line-height:1.6}.example-detail-stack{align-self:start}.detail-modal-panel{display:grid;gap:12px;padding:16px;border-radius:20px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 8%)}.detail-modal-panel h3{margin:0;font-size:15px}.detail-stack-list,.detail-settings-list{display:grid;gap:10px}.detail-stack-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;width:100%;min-height:48px;padding:0 14px;border-radius:16px;border:1px solid var(--line);background:#ffffff0a;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.detail-stack-row strong{font-weight:700}.detail-stack-row:hover,.detail-stack-row:focus-visible{border-color:color-mix(in srgb,var(--accent),transparent 52%);background:color-mix(in srgb,var(--accent),transparent 88%);transform:translateY(-1px)}.detail-settings-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.55;word-break:break-word}.landing-footer{margin-top:auto;width:min(1280px,calc(100vw - 32px));margin-left:auto;margin-right:auto;padding:0 0 14px;display:grid;gap:18px}.landing-footer-brand{display:flex;align-items:center;gap:12px}.landing-footer-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.support-shell .landing-main{padding-top:24px}.support-main{flex:1 0 auto;width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:48px 0 24px}.support-page{display:grid;gap:28px}.support-hero{display:grid;gap:14px}.support-hero h1{margin:0;font-size:clamp(44px,7vw,88px);line-height:.92}.support-hero p{margin:0;max-width:780px;color:var(--muted);font-size:28px;line-height:1.45}.support-section{display:grid;gap:18px}.support-section-heading{display:grid;gap:8px}.support-section-heading h2{margin:0;font-size:34px}.support-accordion-list,.help-card-grid,.legal-content{display:grid;gap:14px}.support-accordion{border-radius:22px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 4%);overflow:hidden}.support-accordion-trigger{width:100%;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;color:var(--ink);font-size:24px;line-height:1.3;background:transparent;transition:background-color .18s ease,color .18s ease}.support-accordion-title{flex:1;min-width:0}.support-accordion-trigger:hover,.support-accordion-trigger:focus-visible{background:color-mix(in srgb,var(--accent),transparent 90%)}.support-accordion-icon{flex-shrink:0;color:var(--muted);transition:transform .22s ease,color .18s ease}.support-accordion.is-open .support-accordion-icon{transform:rotate(180deg);color:var(--accent)}.support-accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .26s ease}.support-accordion.is-open .support-accordion-panel{grid-template-rows:1fr}.support-accordion-panel-inner{overflow:hidden;padding:0 20px;color:var(--muted);line-height:1.65;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .22s ease,padding-bottom .22s ease}.support-accordion.is-open .support-accordion-panel-inner{opacity:1;transform:translateY(0);padding-bottom:18px}.support-accordion-panel-inner p,.support-accordion-panel-inner ul{margin:0}.changelog-list{grid-template-columns:1fr}.changelog-trigger{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.changelog-trigger-title{font-size:24px;line-height:1.3}.changelog-trigger-date{color:var(--muted);font-size:18px;line-height:1.4;white-space:nowrap}.changelog-entry-body{display:block}.changelog-placeholder-copy{white-space:pre-line}.help-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.help-card,.legal-intro-card{min-height:160px;padding:18px 18px 20px;border-radius:22px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 4%)}.help-card h3{margin:0 0 10px;font-size:24px}.help-card p,.legal-intro-card p{margin:0;color:var(--muted);line-height:1.55}.legal-page{gap:24px}.legal-layout{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:20px;align-items:start}.legal-sidebar{position:sticky;top:118px}.legal-sidebar-card{padding:18px;border-radius:22px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 4%)}.legal-sidebar-nav{display:grid;gap:8px}.legal-sidebar-nav a{padding:10px 12px;border-radius:14px;color:var(--muted);transition:background-color .18s ease,color .18s ease}.legal-sidebar-nav a:hover,.legal-sidebar-nav a:focus-visible{background:color-mix(in srgb,var(--accent),transparent 88%);color:var(--ink)}.legal-content{align-content:start}.legal-section{padding:22px 24px 24px;border-radius:24px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 4%);scroll-margin-top:130px}.legal-section h2{margin:6px 0 14px;font-size:34px}.legal-prose{display:grid;gap:14px}.legal-prose p,.legal-prose li{margin:0;color:var(--muted);line-height:1.7}.legal-prose ul{margin:0;padding-left:20px;display:grid;gap:10px}.legal-heading-link{color:inherit;text-decoration:none}.legal-heading-link:hover,.legal-heading-link:focus-visible{text-decoration:underline;outline:0}.support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.support-card{min-height:220px}.landing-loading{position:fixed;right:18px;bottom:18px;padding:12px 14px;border-radius:18px;border:1px solid var(--line);background:color-mix(in srgb,var(--paper-2),transparent 6%);color:var(--muted)}@media(max-width:1100px){.hero-section,.animation-grid,.remix-panel,.support-grid,.workflow-bottom-row,.before-after-grid{grid-template-columns:1fr}.animation-feature-list,.workflow-card-grid,.effect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-header{flex-wrap:wrap}.landing-nav{order:3;width:100%;justify-content:space-between}.studio-mockup-body{grid-template-columns:1fr;display:grid}.studio-mockup-body aside{width:100%}.showcase-rail{grid-auto-columns:minmax(280px,82vw)}.help-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.changelog-entry-body,.legal-layout{grid-template-columns:1fr}.legal-sidebar{position:static}}@media(max-width:720px){.landing-main,.landing-header,.landing-footer,.support-main{width:min(100vw - 20px,100%)}.animation-feature-list,.workflow-card-grid{grid-template-columns:1fr}.landing-header-actions,.detail-modal-actions,.landing-header-actions .theme-switch,.landing-button,.showcase-card-actions button,.before-after-actions button,.detail-modal-actions .landing-button{width:100%}.hero-image-card-cta{inset-inline:14px;bottom:14px;min-height:56px;font-size:clamp(22px,6vw,34px)}.help-card-grid{grid-template-columns:1fr}.changelog-trigger{align-items:start;flex-direction:column;gap:6px}.support-hero h1{font-size:clamp(38px,12vw,60px)}.support-hero p{font-size:20px}.support-accordion-trigger,.help-card h3{font-size:22px}.legal-section{padding:18px}.legal-section h2{font-size:28px}.showcase-rail-wrap{grid-template-columns:1fr}.rail-button{display:none}.effect-grid{grid-template-columns:1fr}.hero-copy h1,.section-heading h2,.support-hero h1{font-size:42px}.detail-modal-preview .before-after-frame,.before-after-frame{min-height:240px}.detail-modal-layout{grid-template-columns:1fr}.detail-modal.is-effect-modal,.detail-modal.is-example-modal{width:min(calc(100vw - 20px),760px);height:auto;padding:20px}.effect-detail-shell,.example-detail-shell{width:100%}.effect-detail-body,.example-detail-body{display:grid;width:100%;gap:20px;grid-template-columns:1fr}.effect-detail-content,.effect-detail-top,.example-detail-content,.example-detail-top{width:100%;grid-template-columns:1fr;gap:18px}.effect-detail-preview,.example-detail-preview{width:100%;max-width:520px;justify-self:center}.effect-page-top-grid{grid-template-columns:1fr;width:100%}.effect-page-related,.effect-page-related-placeholders{grid-template-columns:1fr 1fr}}