:root{--paper:#f4f0e8;--paper-2:#ece6da;--paper-3:#e2dbca;--ink:#14110f;--ink-2:#4a4540;--ink-3:#807972;--ink-4:#b3aca2;--rule:#1411101a;--accent:#b4552a;--accent-ink:#5c2a13;--yellow:#e8c547;--dk-bg:#0e0e0f;--dk-bg-2:#151517;--dk-bg-3:#1c1c20;--dk-panel:#131315;--dk-rail:#0a0a0b;--dk-rule:#ffffff10;--dk-rule-2:#ffffff18;--dk-ink:#efebe3;--dk-ink-2:#b5b5b5;--dk-ink-3:#77736d;--dk-ink-4:#4a4844;--dk-accent:#e8c547;--dk-accent-ink:#14110f;--serif:"Fraunces", "GT Sectra", Georgia, serif;--sans:"Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}body.in-editor{background:var(--dk-bg);color:var(--dk-ink);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.eyebrow{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:500}.mono{font-family:var(--mono);font-size:11px}.display{font-family:var(--serif);font-variation-settings:"opsz" 144, "SOFT" 30, "WONK" 0;letter-spacing:-.02em;font-weight:300;line-height:.95}.nav{z-index:20;background:color-mix(in oklab, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--rule);grid-template-columns:1fr auto 1fr;align-items:center;padding:18px 40px;display:grid;position:sticky;top:0}.nav .left,.nav .right{color:var(--ink-2);align-items:center;gap:24px;font-size:13px;display:flex}.nav .right{justify-content:flex-end}.nav .wordmark{font-family:var(--serif);font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 1;letter-spacing:-.03em;font-size:24px;font-weight:300;line-height:1}.nav .wordmark .dot{color:var(--accent)}.btn{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:transform .15s,background .15s,color .15s;display:inline-flex}.btn:hover{transform:translateY(-.5px)}.btn.primary:hover{background:var(--accent-ink)}.btn.outline{border:1px solid var(--ink);color:var(--ink)}.gallery{max-width:1440px;margin:0 auto;padding:40px 40px 120px}.gallery-hero{border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:80px;margin-bottom:40px;padding:80px 0 64px;display:grid}.gallery-hero h1{margin:12px 0 0;font-size:clamp(56px,7vw,96px)}.gallery-hero h1 em{color:var(--accent);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;font-style:italic}.gallery-hero p{color:var(--ink-2);max-width:38ch;margin:0;font-size:16px}.gallery-hero .side{flex-direction:column;justify-content:flex-end;gap:24px;display:flex}.gallery-hero .stats{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr 1fr;gap:16px;padding-top:20px;display:grid}.gallery-hero .stat .num{font-family:var(--serif);font-size:40px;font-weight:300;line-height:1}.gallery-hero .stat .lbl{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-top:6px;font-size:10px}.filter-bar{border-bottom:1px solid var(--rule);z-index:10;background:color-mix(in oklab, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:16px;margin-bottom:48px;padding:18px 0;display:flex;position:sticky;top:65px}.filter-pills{flex-wrap:wrap;gap:4px;display:flex}.pill{color:var(--ink-2);border-radius:999px;padding:8px 14px;font-size:13px;transition:background .15s,color .15s}.pill:hover{color:var(--ink);background:var(--paper-2)}.grid-editorial{grid-template-columns:repeat(3,1fr);gap:64px 40px;display:grid}.tpl-card{cursor:pointer;flex-direction:column;gap:14px;display:flex}.tpl-thumb{aspect-ratio:4/5;background:#0b0907;border-radius:2px;transition:transform .4s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}.tpl-card:hover .tpl-thumb{transform:translateY(-4px)}.tpl-badge{color:#f4f0e8;font-size:9px;font-family:var(--mono);letter-spacing:.06em;z-index:3;background:#000000b3;border-radius:999px;padding:4px 8px;position:absolute;top:12px;left:12px}.tpl-play{pointer-events:none;z-index:2;opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.tpl-card:hover .tpl-play{opacity:1}.tpl-play .dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.6s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--accent) 70%, transparent)}70%{box-shadow:0 0 0 16px #0000}to{box-shadow:0 0 #0000}}.tpl-meta{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.tpl-meta .title{font-family:var(--serif);font-variation-settings:"opsz" 72, "SOFT" 30;letter-spacing:-.01em;font-size:20px;font-weight:400;line-height:1.1}.tpl-meta .num{font-family:var(--mono);color:var(--ink-3);font-size:11px}.tpl-sub{color:var(--ink-3);justify-content:space-between;font-size:12px;display:flex}.editor{background:var(--dk-bg);color:var(--dk-ink);grid-template:"topbar topbar topbar"52px"rail panel canvas"1fr"rail panel presets"56px/64px 300px 1fr;display:grid;position:fixed;inset:0}.ed-top{background:var(--dk-bg);border-bottom:1px solid var(--dk-rule);grid-area:topbar;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;font-size:12px;display:grid}.ed-top .l,.ed-top .r{color:var(--dk-ink-2);align-items:center;gap:14px;display:flex}.ed-top .r{justify-content:flex-end}.ed-top .wordmark{font-family:var(--serif);font-variation-settings:"opsz" 144, "SOFT" 50, "WONK" 1;color:var(--dk-ink);letter-spacing:-.02em;font-size:20px;font-weight:300}.ed-top .wordmark .dot{color:var(--dk-accent)}.ed-top .crumbs{color:var(--dk-ink-3);align-items:center;gap:10px;display:flex}.ed-top .crumbs b{color:var(--dk-ink);font-weight:500}.ed-top button{color:var(--dk-ink-2);border-radius:6px;padding:6px 10px;transition:background .15s,color .15s}.ed-top button:hover{background:var(--dk-bg-3);color:var(--dk-ink)}.ed-top .back{align-items:center;gap:6px;display:inline-flex}.ed-top .save-state{color:var(--dk-ink-3);font-family:var(--mono);font-size:10px}.ed-top .save-state .dt{color:#7cc47a;margin-right:4px}.ed-cta{background:var(--dk-accent);color:var(--dk-accent-ink);border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600}.ed-cta:hover{filter:brightness(1.05)}.ed-rail{background:var(--dk-rail);border-right:1px solid var(--dk-rule);flex-direction:column;grid-area:rail;align-items:stretch;padding:12px 0;display:flex}.ed-rail .grp{flex-direction:column;gap:2px;padding:4px 8px;display:flex}.ed-rail .grp.bottom{margin-top:auto}.ed-rail hr{border:0;border-top:1px solid var(--dk-rule);margin:10px 12px}.rail-btn{color:var(--dk-ink-3);letter-spacing:.08em;text-transform:uppercase;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;font-size:9px;transition:background .15s,color .15s;display:flex;position:relative}.rail-btn:hover{color:var(--dk-ink);background:var(--dk-bg-3)}.rail-btn.on{color:var(--dk-accent);background:var(--dk-bg-3)}.rail-btn.on:before{content:"";background:var(--dk-accent);border-radius:0 2px 2px 0;width:2px;position:absolute;top:12px;bottom:12px;left:-8px}.rail-btn svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:18px;height:18px}.ed-canvas-wrap{background:radial-gradient(ellipse at 50% 40%, var(--dk-bg-2) 0%, var(--dk-bg) 70%);grid-area:canvas;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ed-canvas-wrap:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#ffffff05 1px,#0000 1px),linear-gradient(#ffffff05 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.ed-stage{background:#fff;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 60px 120px -20px #0009,0 20px 40px -10px #0006}.ed-stage.dark{background:#000}.ed-stage-meta{font-family:var(--mono);color:var(--dk-ink-3);pointer-events:none;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:16px;left:16px;right:16px}.ed-stage-meta .tag{color:var(--dk-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#00000080;border-radius:3px;padding:4px 8px}.ed-presets{background:var(--dk-bg);border-top:1px solid var(--dk-rule);grid-area:presets;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;display:flex}.preset-pills{align-items:center;gap:6px;display:flex}.preset-pills .lbl{text-transform:uppercase;letter-spacing:.14em;color:var(--dk-ink-3);margin-right:10px;font-size:10px}.preset-pill{background:var(--dk-bg-3);width:32px;height:32px;color:var(--dk-ink-2);font-family:var(--mono);border:1px solid var(--dk-rule);border-radius:8px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:inline-flex}.preset-pill:hover{border-color:var(--dk-rule-2);color:var(--dk-ink)}.preset-pill.on{background:var(--dk-accent);color:var(--dk-accent-ink);border-color:var(--dk-accent)}.preset-pill.plus{color:var(--dk-ink-3);border-style:dashed}.preset-pill.custom{width:32px;padding:0;position:relative}.preset-pill.custom:before{content:"";background:var(--dk-accent);opacity:.9;border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.preset-pill.custom.on:before{background:var(--dk-accent-ink)}.preset-pill.custom .num{display:inline-block}.preset-pill.custom .x{background:var(--dk-bg);width:16px;height:16px;color:var(--dk-ink-2);opacity:0;border:1px solid var(--dk-rule-2);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:500;line-height:14px;transition:opacity .15s,background .15s,color .15s;display:flex;position:absolute;top:-4px;right:-4px}.preset-pill.custom:hover .x{opacity:1}.preset-pill.custom .x:hover{color:#fff;background:#e85858;border-color:#e85858}.preset-pill.custom.flash{animation:.6s ease-out presetFlash}@keyframes presetFlash{0%{box-shadow:0 0 0 0 var(--dk-accent);transform:scale(1)}30%{box-shadow:0 0 0 6px color-mix(in oklab, var(--dk-accent) 40%, transparent);transform:scale(1.08)}to{transform:scale(1);box-shadow:0 0 #0000}}.transport{align-items:center;gap:4px;display:flex}.t-btn{width:32px;height:32px;color:var(--dk-ink-2);border-radius:8px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.t-btn:hover{background:var(--dk-bg-3);color:var(--dk-ink)}.t-btn.play{background:var(--dk-bg-3);color:var(--dk-accent)}.t-btn.play:hover{background:var(--dk-bg-3);filter:brightness(1.1)}.t-btn svg{stroke:currentColor;fill:currentColor;width:14px;height:14px}.t-btn svg.stroke-only{fill:none;stroke-width:2px}.timecode{font-family:var(--mono);color:var(--dk-ink-3);text-align:right;min-width:110px;font-size:11px}.timecode b{color:var(--dk-ink);font-weight:500}.ed-panel{background:var(--dk-panel);border-right:1px solid var(--dk-rule);flex-direction:column;grid-area:panel;display:flex;overflow:hidden}.ed-panel-head{border-bottom:1px solid var(--dk-rule);justify-content:space-between;align-items:flex-end;padding:16px 20px 14px;display:flex}.ed-panel-head .t{font-family:var(--serif);font-variation-settings:"opsz" 48, "SOFT" 40;letter-spacing:-.01em;font-size:22px;font-weight:300;line-height:1.1}.ed-panel-head .t em{color:var(--dk-accent);font-variation-settings:"opsz" 48, "SOFT" 100, "WONK" 1;font-style:italic}.ed-panel-head .r{color:var(--dk-ink-3);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.ed-panel-scroll{flex:1;overflow-y:auto}.panel-section{padding:16px 16px 0}.ed-panel-scroll::-webkit-scrollbar{width:8px}.ed-panel-scroll::-webkit-scrollbar-track{background:0 0}.ed-panel-scroll::-webkit-scrollbar-thumb{background:var(--dk-rule-2);border-radius:4px}.ed-section{border-bottom:1px solid var(--dk-rule);padding:18px 20px}.ed-section:last-child{border-bottom:0}.ed-section-head{text-transform:uppercase;letter-spacing:.14em;color:var(--dk-ink-3);justify-content:space-between;align-items:center;margin-bottom:14px;font-size:10px;display:flex}.ed-section-head .reset{color:var(--dk-ink-3);font-family:var(--mono);text-transform:none;letter-spacing:0;cursor:pointer;font-size:10px}.ed-section-head .reset:hover{color:var(--dk-ink)}.ed-field{margin-bottom:14px}.ed-field:last-child{margin-bottom:0}.ed-field-label{color:var(--dk-ink-2);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;display:flex}.ed-field-label .hint{color:var(--dk-ink-3);font-family:var(--mono);font-size:10px}.ed-input{background:var(--dk-bg-2);border:1px solid var(--dk-rule);width:100%;color:var(--dk-ink);border-radius:6px;padding:9px 11px;font-size:13px;transition:border-color .15s,background .15s}.ed-input:focus{border-color:var(--dk-ink-3);background:var(--dk-bg-3);outline:none}.ed-input.serif{font-family:var(--serif);font-variation-settings:"opsz" 24;font-size:15px}.ed-input.mono{font-family:var(--mono);letter-spacing:.06em;font-size:12px}textarea.ed-input{resize:vertical;min-height:60px;line-height:1.35}.ed-slider{grid-template-columns:1fr 64px;align-items:center;gap:10px;display:grid}.ed-slider input[type=range]{appearance:none;background:var(--dk-bg-3);width:100%;height:2px;accent-color:var(--dk-accent);border-radius:1px}.ed-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--dk-ink);cursor:pointer;width:14px;height:14px;box-shadow:0 0 0 3px var(--dk-bg-3);border-radius:50%;transition:transform .15s}.ed-slider input[type=range]::-webkit-slider-thumb:hover{background:var(--dk-accent);transform:scale(1.15)}.ed-slider input[type=range]::-moz-range-thumb{background:var(--dk-ink);cursor:pointer;border:0;border-radius:50%;width:14px;height:14px}.ed-slider .num{background:var(--dk-bg-2);border:1px solid var(--dk-rule);font-family:var(--mono);color:var(--dk-ink);text-align:right;border-radius:6px;padding:5px 8px;font-size:11px}.ed-seg{background:var(--dk-bg-2);border:1px solid var(--dk-rule);border-radius:8px;gap:4px;padding:3px;display:grid}.ed-seg.cols-2{grid-template-columns:repeat(2,1fr)}.ed-seg.cols-3{grid-template-columns:repeat(3,1fr)}.ed-seg.cols-4{grid-template-columns:repeat(4,1fr)}.ed-seg.cols-5{grid-template-columns:repeat(5,1fr)}.ed-seg.cols-6{grid-template-columns:repeat(6,1fr)}.ed-seg button{color:var(--dk-ink-2);border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:9px 4px;font-size:11px;transition:background .15s,color .15s;display:inline-flex}.ed-seg button:hover{color:var(--dk-ink)}.ed-seg button.on{background:var(--dk-accent);color:var(--dk-accent-ink);font-weight:500}.ed-seg button svg{stroke:currentColor;fill:none;stroke-width:2px;width:12px;height:12px}.ed-toggle-card{background:var(--dk-bg-2);border:1px solid var(--dk-rule);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.ed-toggle-card .t{color:var(--dk-ink);font-size:12px}.ed-toggle-card .s{color:var(--dk-ink-3);margin-top:2px;font-size:10px;line-height:1.3}.ed-switch{background:var(--dk-bg-3);cursor:pointer;border-radius:999px;flex-shrink:0;width:32px;height:18px;transition:background .2s;position:relative}.ed-switch:after{content:"";background:var(--dk-ink-2);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.ed-switch.on{background:var(--dk-accent)}.ed-switch.on:after{background:var(--dk-accent-ink);transform:translate(14px)}.ed-upload{background:var(--dk-bg-2);border:1px dashed var(--dk-rule-2);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:border-color .15s,background .15s;display:flex}.ed-upload:hover{border-color:var(--dk-ink-3);background:var(--dk-bg-3)}.ed-upload .th{width:44px;height:56px;color:var(--dk-ink-3);background:#000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}.ed-upload .th img{object-fit:cover;width:100%;height:100%}.ed-upload .t1{color:var(--dk-ink);font-size:12px}.ed-upload .t2{color:var(--dk-ink-3);margin-top:2px;font-size:10px}.ed-swatches{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ed-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:inset 0 0 0 1px #ffffff1a}.ed-swatch:hover{transform:scale(1.1)}.ed-swatch.on{border-color:var(--dk-accent)}.bg-picker{flex-direction:column;gap:12px;display:flex}.bg-swatches{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.bg-sw{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:6px;transition:transform .12s,border-color .12s;position:relative;overflow:hidden}.bg-sw:hover{transform:scale(1.06)}.bg-sw.on{border-color:var(--dk-accent);box-shadow:0 0 0 2px var(--dk-bg-2)}.bg-sw .rim{border:1px solid var(--dk-rule-2);pointer-events:none;border-radius:4px;position:absolute;inset:2px}.bg-custom{background:conic-gradient(#ff5858,#ffb74d,#fff176,#81c784,#4dd0e1,#64b5f6,#ba68c8,#f06292,#ff5858);position:relative}.bg-hex-row{align-items:stretch;gap:6px;display:flex}.bg-hex-field{background:var(--dk-bg-2);border:1px solid var(--dk-rule);border-radius:6px;flex:1;align-items:center;height:32px;padding:0 10px;transition:border-color .15s;display:flex}.bg-hex-field:focus-within{border-color:var(--dk-accent)}.bg-hex-field .hash{color:var(--dk-ink-3);font-family:var(--mono);margin-right:4px;font-size:12px}.bg-hex-field input{color:var(--dk-ink);font-family:var(--mono);letter-spacing:.02em;text-transform:uppercase;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:12px}.bg-dropper{background:var(--dk-bg-2);border:1px solid var(--dk-rule);width:32px;height:32px;color:var(--dk-ink-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.bg-dropper:hover{background:var(--dk-bg-3);color:var(--dk-ink);border-color:var(--dk-rule-2)}.font-picker{position:relative}.font-trigger{background:var(--dk-bg-2);border:1px solid var(--dk-rule);width:100%;height:36px;color:var(--dk-ink);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:10px;padding:0 10px 0 8px;transition:background .15s,border-color .15s;display:flex}.font-trigger:hover{background:var(--dk-bg-3);border-color:var(--dk-rule-2)}.font-trigger.open{border-color:var(--dk-accent)}.font-trigger-sample{background:var(--dk-bg);width:24px;height:24px;color:var(--dk-ink);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.font-trigger-label{letter-spacing:.01em;flex:1;font-size:12px;font-weight:500}.font-trigger svg{color:var(--dk-ink-3);flex-shrink:0}.font-menu{z-index:30;background:var(--dk-panel);border:1px solid var(--dk-rule);border-radius:6px;max-height:340px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px -8px #00000080,0 4px 12px #0000004d}.font-item{width:100%;height:36px;color:var(--dk-ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;padding:0 10px 0 6px;transition:background .12s;display:flex}.font-item:hover,.font-item.on{background:var(--dk-bg-3)}.font-item-sample{background:var(--dk-bg);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:15px;line-height:1;display:inline-flex}.font-item-label{flex:1;font-size:12px;font-weight:500}.font-item svg{color:var(--dk-accent)}.font-upload{border-top:1px solid var(--dk-rule);margin:4px -4px -4px;padding:4px}.font-upload-inner{height:32px;color:var(--dk-ink-3);cursor:not-allowed;opacity:.7;border-radius:4px;align-items:center;gap:8px;padding:0 10px;font-size:11px;display:flex}.font-upload-inner .pro-tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--dk-rule-2);color:var(--dk-accent);border-radius:3px;margin-left:auto;padding:2px 5px;font-size:9px}.ed-field-inline{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;display:flex}.ed-field-label-inline{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dk-ink-2);font-size:10px}.ed-select-compact{appearance:none;background:var(--dk-bg-2);border:1px solid var(--dk-rule);color:var(--dk-ink);font:inherit;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23797773' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 8px center;background-repeat:no-repeat;border-radius:6px;padding:7px 28px 7px 10px;font-size:12px;font-weight:500;transition:background-color .15s,border-color .15s}.ed-select-compact:hover{background-color:var(--dk-bg-3);border-color:var(--dk-rule-2)}.ed-select-compact:focus{border-color:var(--dk-accent);outline:none}.canvas-size{flex-direction:column;gap:14px;display:flex}.cs-presets{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.cs-preset{background:var(--dk-bg-2);border:1px solid var(--dk-rule);color:var(--dk-ink-2);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:10px;padding:10px;transition:background .15s,border-color .15s,color .15s;display:flex}.cs-preset:hover{background:var(--dk-bg-3);color:var(--dk-ink);border-color:var(--dk-rule-2)}.cs-preset.on{background:var(--dk-bg-3);border-color:var(--dk-accent);color:var(--dk-ink)}.cs-preset svg{color:currentColor;flex-shrink:0}.cs-preset-text{flex-direction:column;gap:1px;min-width:0;display:flex}.cs-preset-label{font-family:var(--mono);letter-spacing:.02em;color:var(--dk-ink);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.cs-preset-sub{color:var(--dk-ink-3);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:400}.cs-custom{flex-direction:column;gap:6px;display:flex}.cs-custom-label{text-transform:uppercase;letter-spacing:.1em;color:var(--dk-ink-3);font-size:10px;font-weight:500}.cs-dims{align-items:center;gap:6px;display:flex}.cs-dim{background:var(--dk-bg-2);border:1px solid var(--dk-rule);border-radius:6px;flex:1;align-items:center;height:32px;padding:0 10px;transition:border-color .15s;display:flex}.cs-dim:focus-within{border-color:var(--dk-accent)}.cs-dim input{color:var(--dk-ink);font-family:var(--mono);-moz-appearance:textfield;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0;font-size:12px}.cs-dim input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cs-dim input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cs-dim .unit{font-family:var(--mono);color:var(--dk-ink-3);margin-left:4px;font-size:10px}.cs-x{color:var(--dk-ink-3);font-size:11px}.cs-px{font-family:var(--mono);color:var(--dk-ink-3);margin-left:2px;font-size:10px}.image-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.image-grid .cell{aspect-ratio:1;background:var(--dk-bg-3);border:1px solid var(--dk-rule);cursor:pointer;border-radius:3px;position:relative;overflow:hidden}.image-grid .cell:hover{border-color:var(--dk-ink-3)}.image-grid .cell.drag-over{border-color:#f5c842;box-shadow:inset 0 0 0 1px #f5c842}.image-grid .cell .cell-del,.image-grid .cell .cell-rep{color:#fff;cursor:pointer;z-index:2;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:9px;line-height:1;display:none;position:absolute}.image-grid .cell .cell-del{top:2px;right:2px}.image-grid .cell .cell-rep{top:2px;right:20px}.image-grid .cell:hover .cell-del,.image-grid .cell:hover .cell-rep{display:flex}.image-grid .cell .cell-del:hover{background:#dc3c3cd9}.image-grid .cell .cell-rep:hover{background:#505050e6}.image-grid .cell img{object-fit:cover;width:100%;height:100%}.image-grid .cell .idx{font-size:8px;font-family:var(--mono);color:var(--dk-ink-3);position:absolute;top:2px;left:3px}.image-grid .cell.empty{background:repeating-linear-gradient(135deg, var(--dk-bg-3) 0 3px, var(--dk-bg-2) 3px 6px)}.drawer-scrim{z-index:40;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{z-index:50;background:var(--dk-panel);border-top:1px solid var(--dk-rule);max-height:92vh;color:var(--dk-ink);transition:transform .4s cubic-bezier(.22,.61,.36,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.drawer.open{transform:translateY(0)}.drawer-inner{max-width:1080px;margin:0 auto;padding:36px 40px 44px}.drawer-handle{background:var(--dk-rule-2);border-radius:2px;width:40px;height:4px;margin:10px auto 20px}.drawer-head{border-bottom:1px solid var(--dk-rule);justify-content:space-between;align-items:flex-end;margin-bottom:28px;padding-bottom:18px;display:flex}.drawer-head h2{font-family:var(--serif);letter-spacing:-.02em;font-variation-settings:"opsz" 144, "SOFT" 40;margin:6px 0 0;font-size:40px;font-weight:300;line-height:1}.drawer-head h2 em{color:var(--dk-accent);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;font-style:italic}.drawer-grid{grid-template-columns:1.6fr 1fr;gap:40px;display:grid}.export-card{border:1px solid var(--dk-rule);background:var(--dk-bg-2);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:14px;transition:border-color .15s,background .15s;display:flex}.export-card:hover{border-color:var(--dk-ink-3)}.export-card.on{border-color:var(--dk-accent);background:var(--dk-bg-3)}.export-card .ic{background:var(--dk-bg-3);width:44px;height:56px;color:var(--dk-ink);font-family:var(--mono);border:1px solid var(--dk-rule);border-radius:3px;justify-content:center;align-items:center;font-size:10px;display:flex}.export-card.on .ic{background:var(--dk-accent);color:var(--dk-accent-ink);border-color:var(--dk-accent)}.export-card .n{font-family:var(--serif);font-variation-settings:"opsz" 24;font-size:16px}.export-card .d{color:var(--dk-ink-3);margin-top:2px;font-size:10px}.summary{background:var(--dk-bg-2);border:1px solid var(--dk-rule);border-radius:8px;padding:18px}.summary .row{justify-content:space-between;padding:5px 0;font-size:11px;display:flex}.summary .row .k{color:var(--dk-ink-3)}.summary .row .v{font-family:var(--mono);color:var(--dk-ink)}.summary .total{border-top:1px solid var(--dk-rule);justify-content:space-between;align-items:baseline;margin-top:10px;padding-top:10px;display:flex}.summary .total .size{font-family:var(--serif);font-size:26px;font-weight:300}.progress-panel{text-align:center;padding:24px 0 8px}.progress-panel .ring{width:100px;height:100px;margin:0 auto 20px}.progress-panel .big{font-family:var(--serif);font-variation-settings:"opsz" 72, "SOFT" 40;margin-bottom:8px;font-size:34px;font-weight:300;line-height:1}.progress-panel .sub{color:var(--dk-ink-3);font-size:12px}.modal-scrim{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;background:lab(0% 0 0/.7);justify-content:center;align-items:center;padding:24px;animation:.2s ease-out modalFade;display:flex;position:fixed;inset:0}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.modal{background:var(--dk-panel);border:1px solid var(--dk-rule);border-radius:8px;width:100%;max-width:440px;animation:.25s cubic-bezier(.2,.8,.2,1) modalRise;position:relative;box-shadow:0 40px 80px #00000080}@keyframes modalRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-close{width:28px;height:28px;color:var(--dk-ink-3);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--dk-bg-3);color:var(--dk-ink)}.modal-inner{padding:40px 40px 32px}.modal-title{font-family:var(--serif);letter-spacing:-.02em;color:var(--dk-ink);font-variation-settings:"opsz" 48;margin:0 0 10px;font-size:34px;font-weight:300;line-height:1.05}.modal-title em{color:var(--dk-accent);font-style:italic;font-weight:400}.modal-sub{color:var(--dk-ink-2);margin:0 0 24px;font-size:13px;line-height:1.5}.modal-oauth{gap:8px;margin-bottom:20px;display:grid}.oauth-btn{background:var(--dk-bg-3);border:1px solid var(--dk-rule);width:100%;height:42px;color:var(--dk-ink);border-radius:6px;justify-content:center;align-items:center;gap:10px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.oauth-btn:hover{background:var(--dk-rail);border-color:var(--dk-rule-2)}.modal-divider{color:var(--dk-ink-3);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:20px 0;font-size:11px;display:flex}.modal-divider:before,.modal-divider:after{content:"";background:var(--dk-rule);flex:1;height:1px}.modal-field{margin-bottom:14px}.modal-field label{text-transform:uppercase;letter-spacing:.1em;color:var(--dk-ink-3);margin-bottom:6px;font-size:10px;font-weight:500;display:block}.modal-field input{background:var(--dk-bg-2);border:1px solid var(--dk-rule);width:100%;height:40px;color:var(--dk-ink);border-radius:6px;padding:0 12px;font-size:13px;transition:border-color .15s,background .15s}.modal-field input:focus{border-color:var(--dk-accent);background:var(--dk-bg-3);outline:none}.modal-field input::placeholder{color:var(--dk-ink-3)}.modal-cta{background:var(--dk-accent);width:100%;height:44px;color:var(--dk-accent-ink);letter-spacing:.01em;border-radius:6px;margin-top:8px;font-size:13px;font-weight:600;transition:filter .15s,transform .1s}.modal-cta:hover{filter:brightness(1.1)}.modal-cta:active{transform:scale(.99)}.modal-foot{text-align:center;color:var(--dk-ink-3);margin-top:20px;font-size:12px}.modal-foot a{color:var(--dk-ink);cursor:pointer;text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--dk-rule-2);text-decoration-color:var(--dk-rule-2);transition:text-decoration-color .15s}.modal-foot a:hover{-webkit-text-decoration-color:var(--dk-accent);text-decoration-color:var(--dk-accent)}.tweaks-panel{background:var(--paper);border:1px solid var(--rule);z-index:100;border-radius:8px;width:300px;padding:18px;font-size:12px;position:fixed;bottom:20px;right:20px;box-shadow:0 20px 40px -10px #14110f33}body.in-editor .tweaks-panel{background:var(--dk-panel);color:var(--dk-ink);border-color:var(--dk-rule)}.tweaks-panel .title{font-family:var(--serif);font-variation-settings:"opsz" 24;margin-bottom:14px;font-size:18px}.tweaks-panel .field{margin-bottom:12px}.ip-scene{background:0 0;position:absolute;inset:0}.ip-scene.dark{background:0 0}.ip-item{transform-origin:50%;will-change:transform;transition:none;position:absolute;overflow:hidden}.ip-item.bordered{border:1px solid #0000000f}.kt-scene{perspective:500px;perspective-origin:50%;transform-origin:50%;width:140%;height:140%;position:absolute;top:-20%;left:-20%;overflow:hidden}.kt-word{text-align:center;color:#000;white-space:nowrap;will-change:transform;width:100%;transform-style:preserve-3d;font-style:italic;font-weight:700;position:absolute;left:0}.toast{background:var(--dk-panel);color:var(--dk-ink);border:1px solid var(--dk-rule);z-index:200;border-radius:999px;padding:10px 18px;font-size:12px;animation:.3s both toast-in,.3s 2s both toast-out;position:fixed;top:70px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-10px)}}.small{color:var(--ink-3);font-size:12px}:root{--paper:#0e0e0f;--paper-2:#1c1c20;--paper-3:#2a2a2f;--ink:#efebe3;--ink-2:#b5b0a8;--ink-3:#77736d;--ink-4:#4a4844;--rule:#ffffff12;--accent:#e8c547;--accent-ink:#14110f}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent);filter:brightness(1.05)}.btn.ghost{color:var(--ink-2)}.btn.ghost:hover{color:var(--ink);background:var(--paper-2)}.btn.outline{border-color:var(--ink-2);color:var(--ink)}.btn.outline:hover{background:var(--ink);color:var(--paper)}.tpl-thumb{background:#000}.pill.active{background:var(--accent);color:var(--accent-ink)}.filter-bar{background:color-mix(in oklab, var(--paper) 92%, transparent)}.tweaks-panel{background:var(--paper-2);color:var(--ink);border-color:var(--rule)}.nav .left .nav-link,.nav .left .nav-on{cursor:pointer;transition:color .15s}.nav .left .nav-link{color:var(--ink-3)}.nav .left .nav-link:hover{color:var(--ink)}.nav .left .nav-on{color:var(--ink);position:relative}.nav .left .nav-on:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-6px;left:0;right:0}.itw{max-width:1440px;margin:0 auto;padding:0 40px}.itw-hero{border-bottom:1px solid var(--rule);grid-template-columns:1.4fr 1fr;align-items:end;gap:80px;padding:80px 0 72px;display:grid}.itw-hero-eyebrow{color:var(--ink-3);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:20px;font-size:11px;display:flex}.itw-hero-eyebrow .mono{color:var(--accent)}.itw-hero-title{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(64px,8vw,112px);font-weight:300;line-height:.98}.itw-hero-title em{color:var(--accent);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;font-style:italic}.itw-hero-sub{color:var(--ink-2);text-wrap:pretty;max-width:42ch;margin:0 0 28px;font-size:16px;line-height:1.55}.itw-hero-stats{border-top:1px solid var(--rule);align-items:flex-start;gap:24px;padding-top:20px;display:flex}.itw-hero-stats>div:not(.sep){flex-direction:column;gap:4px;display:flex}.itw-hero-stats b{font-family:var(--serif);color:var(--ink);font-size:32px;font-weight:300;line-height:1}.itw-hero-stats span{color:var(--ink-3);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.itw-hero-stats .sep{background:var(--rule);align-self:stretch;width:1px}.itw-filter{z-index:10;background:color-mix(in oklab, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--rule);margin:0 -40px 40px;padding:18px 40px;position:sticky;top:65px}.itw-filter-inner{flex-wrap:wrap;align-items:center;gap:10px;max-width:1440px;margin:0 auto;display:flex}.itw-filter .lbl{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-right:8px;font-size:10px}.itw-chip{border:1px solid var(--rule);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:all .15s;display:flex}.itw-chip:hover{color:var(--ink);border-color:var(--ink-3)}.itw-chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.itw-chip-count{font-family:var(--mono);opacity:.6;font-size:10px}.itw-chip.on .itw-chip-count{opacity:.7}.itw-submit{margin-left:auto}.btn-inline-mini{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:filter .15s;display:inline-flex}.btn-inline-mini:hover{filter:brightness(1.1)}.itw-grid{columns:3;column-gap:16px;padding-bottom:100px}@media (max-width:1100px){.itw-grid{columns:2}}@media (max-width:720px){.itw-grid{columns:1}}.itw-card{break-inside:avoid;background:var(--paper-2);border:1px solid var(--rule);cursor:pointer;border-radius:4px;width:100%;margin:0 0 16px;padding:0;transition:transform .2s,border-color .2s;display:block;position:relative;overflow:hidden}.itw-card:hover{border-color:var(--ink-3);transform:translateY(-2px)}.itw-card-media{background:#000;position:absolute;inset:0}.itw-card-overlay{opacity:.85;pointer-events:none;background:linear-gradient(#00000073 0%,#0000 30% 65%,#0000008c 100%);background:linear-gradient(lab(0% 0 0/.45) 0%,lab(0% 0 0/0) 30% 65%,lab(0% 0 0/.55) 100%);flex-direction:column;justify-content:space-between;padding:14px;transition:opacity .2s;display:flex;position:absolute;inset:0}.itw-card:hover .itw-card-overlay{opacity:1}.itw-card-top{justify-content:space-between;align-items:center;display:flex}.itw-card-tag{color:#111;text-transform:uppercase;letter-spacing:.08em;background:#ffffffeb;background:lab(100% -.0000298023 .0000119209/.92);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;font-weight:500;display:inline-flex}.itw-card-tag .dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.itw-card-likes{color:#fff;font-family:var(--mono);opacity:.9;align-items:center;gap:4px;font-size:10px;display:inline-flex}.itw-card-bottom{color:#fff}.itw-card-creator{font-family:var(--mono);letter-spacing:.04em;opacity:.85;margin-bottom:2px;font-size:10px}.itw-card-caption{text-wrap:pretty;max-width:90%;font-size:12px;line-height:1.3}.itw-mini,.itw-photo{position:absolute;inset:0;overflow:hidden}.itw-photo-shape{opacity:.55;border-radius:2px;width:80%;height:60%;position:absolute;top:20%;left:10%}.itw-photo-shape.b{opacity:.3}.itw-photo-slogan{font-family:var(--serif);letter-spacing:-.02em;text-align:center;white-space:nowrap;font-size:clamp(32px,5.5vw,72px);font-weight:300;line-height:.92;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.itw-photo-meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.6;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.itw-footer{border-top:1px solid var(--rule);background:var(--paper-2);margin:0 -40px;padding:80px 40px 100px}.itw-footer-inner{grid-template-columns:1.3fr 1fr;align-items:end;gap:60px;max-width:1440px;margin:0 auto;display:grid}.itw-footer-title{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:clamp(42px,5vw,72px);font-weight:300;line-height:1}.itw-footer-title em{color:var(--accent);font-variation-settings:"opsz" 144, "SOFT" 100, "WONK" 1;font-style:italic}.itw-footer-actions{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.btn-inline{background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:4px;align-items:center;gap:6px;padding:14px 24px;font-size:13px;font-weight:500;transition:filter .15s;display:inline-flex}.btn-inline:hover{filter:brightness(1.1)}.btn-inline-ghost{color:var(--ink);border:1px solid var(--rule);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:6px;padding:14px 24px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.btn-inline-ghost:hover{border-color:var(--ink-3);background:var(--paper-3)}.itw-footer-link{color:var(--ink-3);border-bottom:1px solid var(--rule);padding-bottom:2px;font-size:13px;text-decoration:none}.itw-footer-link:hover{color:var(--ink);border-color:var(--ink-3)}.itw-lightbox{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#000000e0;background:lab(0% 0 0/.88);justify-content:center;align-items:center;padding:40px;animation:.2s fadein;display:flex;position:fixed;inset:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}.itw-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .15s;display:flex;position:absolute;top:24px;right:24px}.itw-lightbox-close:hover{background:#fff3}.itw-lightbox-inner{grid-template-columns:auto 420px;align-items:stretch;gap:40px;max-width:1200px;max-height:90vh;display:grid}.itw-lightbox-media{background:#000;border-radius:6px;width:auto;height:82vh;position:relative;overflow:hidden}.itw-lightbox-side{background:var(--paper);color:var(--ink);border-radius:6px;flex-direction:column;gap:20px;min-width:0;max-height:82vh;padding:36px 32px;display:flex;overflow-y:auto}.itw-lightbox-title{font-family:var(--serif);letter-spacing:-.015em;color:var(--ink);text-wrap:pretty;margin:0;font-size:26px;font-weight:300;line-height:1.2}.itw-lightbox-creator{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);align-items:center;gap:12px;padding:14px 0;display:flex}.itw-avatar{color:#fff;letter-spacing:.04em;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:11px;font-weight:600;display:flex}.itw-creator-handle{font-family:var(--mono);color:var(--ink);font-size:12px}.itw-creator-location{color:var(--ink-3);margin-top:2px;font-size:11px}.itw-lightbox-stats{grid-template-columns:1fr 1fr 1fr;gap:12px;padding-bottom:8px;display:grid}.itw-lightbox-stats>div{flex-direction:column;gap:3px;display:flex}.itw-lightbox-stats b{font-family:var(--serif);color:var(--ink);font-size:22px;font-weight:300;line-height:1}.itw-lightbox-stats span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.itw-lightbox-cta{flex-direction:column;gap:8px;display:flex}.itw-lightbox-cta .btn-inline,.itw-lightbox-cta .btn-inline-ghost{justify-content:center}.itw-lightbox-meta{border-top:1px solid var(--rule);flex-direction:column;gap:8px;margin-top:auto;padding-top:16px;display:flex}.itw-lightbox-meta .row{justify-content:space-between;font-size:11px;display:flex}.itw-lightbox-meta .row span:first-child{color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.itw-lightbox-meta .row span:last-child{color:var(--ink);font-family:var(--mono)}@media (max-width:900px){.itw-lightbox-inner{grid-template-columns:1fr;max-height:90vh;overflow-y:auto}.itw-lightbox-media{height:60vh}.itw-lightbox-side{max-height:none}}