:root{--bg:#070d0b;--surface:#0f1815;--surface-raised:#15221e;--surface-hover:#182a24;--rim:#ffffff14;--rim-strong:#ffffff24;--text:#eaf1ee;--text-icon:#eaf1eee6;--text-2:#8fa39b;--brand:#1f6f55;--brand-2:#2e8f6e;--glow:47, 191, 143;--accent:#d9c08a;--accent-mark:#d9c08a;--accent-ink:#1d170a;--warn:#e9c98f;--material:#0f1815b8;--scrim:#0306058c;--blob-a:.2;--blob-b:.12;--r-12:12px;--r-16:16px;--r-24:24px;--r-28:28px;--shadow-1:0 10px 28px -18px #000000a6;--shadow-2:0 24px 56px -24px #000000b3;--rim-light:inset 0 1px 0 var(--rim-strong);--edge:0 0 0 1px var(--rim);--glow-soft:0 0 34px -10px rgba(var(--glow), .38);--glow-ring:0 0 0 1.5px rgba(var(--glow), .85), 0 0 30px -6px rgba(var(--glow), .45);--wide:1040px;--narrow:640px;--gutter:24px;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--t1:.12s;--t2:.2s;--t3:.32s;--t4:.5s;--font:-apple-system, "SF Pro Text", "SF Pro", Inter, system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f5f7f5;--surface:#fff;--surface-raised:#fff;--surface-hover:#f3f7f4;--rim:#00000012;--rim-strong:#0000001f;--text:#0c1512;--text-icon:#0c1512e0;--text-2:#56665f;--accent:#b79a5b;--accent-mark:#9c7f43;--accent-ink:#1d170a;--warn:#8a6a2b;--material:#ffffffc7;--scrim:#0c151247;--shadow-1:0 12px 30px -20px #0c151247;--shadow-2:0 26px 60px -28px #0c151252;--rim-light:inset 0 1px 0 #ffffffe6;--blob-a:.12;--blob-b:.07;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root[data-theme=system]{--bg:#f5f7f5;--surface:#fff;--surface-raised:#fff;--surface-hover:#f3f7f4;--rim:#00000012;--rim-strong:#0000001f;--text:#0c1512;--text-icon:#0c1512e0;--text-2:#56665f;--accent:#b79a5b;--accent-mark:#9c7f43;--accent-ink:#1d170a;--warn:#8a6a2b;--material:#ffffffc7;--scrim:#0c151247;--shadow-1:0 12px 30px -20px #0c151247;--shadow-2:0 26px 60px -28px #0c151252;--rim-light:inset 0 1px 0 #ffffffe6;--blob-a:.12;--blob-b:.07;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font:16px/1.5 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:2px solid rgba(var(--glow), .9);outline-offset:3px;border-radius:var(--r-12)}h1[tabindex="-1"]:focus{outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon{color:var(--text-icon);flex:none;overflow:visible}.i-dot{fill:var(--accent-mark);stroke:none}.icon .i-fill{fill:rgba(var(--glow), .2);stroke:none}.icon .i-fill-soft{fill:rgba(var(--glow), .08);stroke:none}.icon .i-sight{stroke-dasharray:1.4 2.2;opacity:.7}.icon .i-swatch{fill:var(--swatch,transparent);stroke:none}[data-look=natural]{--swatch:#9fb3a8}[data-look=warm]{--swatch:#d6a46a}[data-look=cool]{--swatch:#7fa6c4}[data-look=muted]{--swatch:#8d918c}[data-look=rich]{--swatch:#2f6f58}.icon .i-corners,.icon .i-outer{transform-box:fill-box;transform-origin:50%;transition:transform var(--t4) var(--spring)}.icon .i-grid{transition:opacity var(--t4) var(--ease)}.icon .i-path{stroke-dasharray:1;stroke-dashoffset:0}.mode-card:is(:hover,:focus-visible) .i-corners{transform:scale(.9)}.mode-card:is(:hover,:focus-visible) .i-outer{transform:scale(1.1)}.mode-card:is(:hover,:focus-visible) .i-grid{opacity:.3}.mode-card:is(:hover,:focus-visible) .i-path{animation:draw .64s var(--ease) both}.mode-card[data-mode=video]:is(:hover,:focus-visible) .i-dot{offset-path:path("M6.5 16.5c3.2 0 4.6-5.6 10-6.4");offset-rotate:0deg;offset-anchor:16.8px 10.1px;animation:travel .64s var(--ease) both}@keyframes draw{0%{stroke-dashoffset:1px}}@keyframes travel{0%{offset-distance:0%}to{offset-distance:100%}}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-shift{transition:transform 1.6s var(--ease);position:absolute;inset:-10%}.bg[data-mode=video] .bg-shift{transform:translate(4%,-3%)}.bg[data-mode=upscale] .bg-shift{transform:translate(-4%,2%)}.bg[data-screen=shots] .bg-shift{transform:translate(2%,-5%)scale(1.02)}.bg[data-screen=result] .bg-shift{transform:translateY(-6%)scale(1.04)}.blob{will-change:transform;border-radius:50%;width:70vmax;height:70vmax;position:absolute}.blob.b1{background:radial-gradient(circle at center, rgba(var(--glow), var(--blob-a)) 0%, rgba(var(--glow), 0) 62%);animation:drift1 48s var(--ease) infinite alternate;top:-25vmax;left:-20vmax}.blob.b2{background:radial-gradient(circle at center, rgba(31, 111, 85, calc(var(--blob-a) * 1.6)) 0%, #1f6f5500 60%);animation:drift2 60s var(--ease) infinite alternate;bottom:-30vmax;right:-25vmax}.blob.b3{background:radial-gradient(circle at center, rgba(217, 192, 138, var(--blob-b)) 0%, #d9c08a00 60%);width:45vmax;height:45vmax;animation:drift3 54s var(--ease) infinite alternate;top:30%;left:40%}.grain{opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift1{to{transform:translate(18vmax,12vmax)scale(1.08)}}@keyframes drift2{to{transform:translate(-16vmax,-10vmax)scale(.94)}}@keyframes drift3{to{opacity:.6;transform:translate(-14vmax,8vmax)scale(1.12)}}:root.paused .blob{animation-play-state:paused}.shell{--col:var(--narrow);z-index:1;width:100%;max-width:calc(var(--wide) + 2 * var(--gutter));padding:0 var(--gutter) 56px;flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}.shell.wide{--col:var(--wide)}.top{padding-top:20px}.top-row{justify-content:space-between;align-items:center;height:52px;display:flex;position:relative}.brand{border-radius:var(--r-12);align-items:center;padding:6px 4px;display:inline-flex}.logo{color:var(--text);display:block}.i-cursor{stroke:var(--accent-mark)}.logo-caret{animation:1.06s step-end .4s 2 caretBlink}@keyframes caretBlink{50%{opacity:0}}.progress{background:var(--rim);height:2px;transition:opacity var(--t3) var(--ease);border-radius:2px;margin:8px 0 0;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--brand-2), rgba(var(--glow), 1));transform-origin:0;height:100%;transition:transform var(--t4) var(--ease);display:block}main{width:100%;max-width:var(--col);flex-direction:column;flex:1;margin-inline:auto;padding-top:clamp(32px,7vh,72px);display:flex}.screen{animation:enter var(--t3) var(--ease) both}@keyframes enter{0%{opacity:0;transform:translateY(10px)}}h1{letter-spacing:-.028em;margin:0 0 8px;font-size:32px;font-weight:680;line-height:1.12}#h-media{margin-bottom:20px}h1.display{letter-spacing:-.035em;font-size:clamp(34px,5.4vw,46px)}.sub{color:var(--text-2);margin:0 0 32px;font-size:16px}.label{color:var(--text-2);margin:24px 0 10px;font-size:14px;font-weight:600}.card{text-align:start;border-radius:var(--r-24);background:var(--surface-raised);width:100%;box-shadow:var(--rim-light), var(--edge), var(--shadow-1);transition:transform var(--t3) var(--spring), box-shadow var(--t3) var(--ease), background-color var(--t2) var(--ease);align-items:center;gap:16px;padding:20px;display:flex;position:relative}@media (hover:hover){.card:hover{background:var(--surface-hover);box-shadow:var(--rim-light), 0 0 0 1px var(--rim-strong), var(--glow-soft), var(--shadow-2);transform:translateY(-4px)}}.card:active{transition-duration:var(--t1);transform:scale(.98)}.card-title{letter-spacing:-.012em;font-size:18px;font-weight:620;display:block}.card-desc{color:var(--text-2);margin-top:4px;font-size:14px;display:block}.icon-tile{border-radius:var(--r-16);background:linear-gradient(160deg, rgba(var(--glow), .18), rgba(var(--glow), .03));width:64px;height:64px;box-shadow:var(--rim-light), var(--edge);flex:none;place-items:center;display:grid}.icon-tile.small{width:56px;height:56px}.icon-tile.hero{border-radius:var(--r-24);width:104px;height:104px;box-shadow:var(--rim-light), var(--edge), 0 0 44px -12px rgba(var(--glow), .45)}.resume-card{margin:8px 0 20px;padding:14px 18px 14px 14px}.resume-card .thumb{margin:0}.resume-card>.icon:last-child{color:var(--text-2);margin-inline-start:auto}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.mode-card{border-radius:var(--r-28);flex-direction:column;align-items:flex-start;min-height:300px;padding:24px}.mode-card .card-title{font-size:22px}.mode-card .card-desc{font-size:15px}.mode-text{flex:1;margin-top:8px}.mode-go{color:var(--text-2);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.mode-go .icon{color:currentColor;transition:transform var(--t3) var(--spring)}.mode-card:is(:hover,:focus-visible) .mode-go{color:var(--text)}.mode-card:is(:hover,:focus-visible) .mode-go .icon{transform:translate(4px)}.shell.first .mode-card{animation:rise var(--t4) var(--ease) both}.shell.first .mode-card:nth-child(2){animation-delay:60ms}.shell.first .mode-card:nth-child(3){animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@media (width<=760px){.mode-grid{grid-template-columns:1fr;gap:14px}.mode-card{flex-direction:row;align-items:center;min-height:128px;padding:20px}.mode-card .icon-tile.hero{width:76px;height:76px}.mode-card .icon-tile.hero .icon{width:48px;height:48px}.mode-card .mode-text{margin:0}.mode-go span{display:none}}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tile{flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:150px}@media (width<=640px){.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{min-height:124px;padding:16px}}.screen-head{align-items:flex-start;gap:16px;display:flex}.thumb{object-fit:cover;border-radius:var(--r-16);width:56px;height:56px;box-shadow:var(--rim-light), var(--edge), var(--shadow-1);flex:none;margin-top:2px}.shot-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.shot-card{flex-direction:column;align-items:flex-start;min-height:220px;padding:22px}.shot-text{flex:1;margin-top:6px}.shot-foot{width:100%;color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.sublabel{text-align:end}.rec-tag{color:var(--text);align-items:center;gap:6px;font-weight:600;display:inline-flex}.rec-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #d9c08ab3}.check-badge{top:16px;background:rgba(var(--glow), .95);color:#04110c;opacity:0;width:28px;height:28px;transition:opacity var(--t2) var(--ease), transform var(--t3) var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:16px;transform:scale(.6)}.check-badge .icon{color:#04110c;stroke-width:2.4px}.check-badge .i-check{stroke-dasharray:1;stroke-dashoffset:1px}.vf{pointer-events:none;opacity:0;--c:rgba(var(--glow), .95);background:linear-gradient(var(--c), var(--c)) top left / 18px 2px, linear-gradient(var(--c), var(--c)) top left / 2px 18px, linear-gradient(var(--c), var(--c)) top right / 18px 2px, linear-gradient(var(--c), var(--c)) top right / 2px 18px, linear-gradient(var(--c), var(--c)) bottom left / 18px 2px, linear-gradient(var(--c), var(--c)) bottom left / 2px 18px, linear-gradient(var(--c), var(--c)) bottom right / 18px 2px, linear-gradient(var(--c), var(--c)) bottom right / 2px 18px;transition:opacity var(--t2) var(--ease), transform var(--t3) var(--spring);background-repeat:no-repeat;border-radius:18px;position:absolute;inset:8px;transform:scale(1.04)}.shot-card[aria-pressed=true]{box-shadow:var(--rim-light), var(--glow-ring), var(--shadow-2)}.shot-card[aria-pressed=true] .vf,.shot-card[aria-pressed=true] .check-badge{opacity:1;transform:scale(1)}.shot-card[aria-pressed=true] .i-check{animation:draw .34s var(--ease) 60ms both;stroke-dashoffset:0}.shot-card[aria-pressed=true] .icon-tile .icon{animation:nod .52s var(--spring)}@keyframes nod{40%{transform:scale(1.12)}}@media (width<=1024px){.shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media (width<=640px){.shot-card{min-height:196px;padding:16px}.shot-card .card-title{font-size:16px}.shot-card .card-desc{font-size:13px}.shot-card .icon-tile.small{width:48px;height:48px}.sublabel{display:none}}.screen.has-bar{padding-bottom:96px}.action-bar{z-index:5;padding:12px 0 max(16px, env(safe-area-inset-bottom));margin-top:32px;position:sticky;bottom:0}.action-bar-inner{border-radius:var(--r-24);background:var(--material);-webkit-backdrop-filter:blur(20px)saturate(160%);box-shadow:var(--rim-light), var(--edge), var(--shadow-2);justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 6px;display:flex}.bar-right{align-items:center;gap:6px;display:inline-flex}.btn{border-radius:var(--r-16);min-height:48px;transition:transform var(--t2) var(--spring), background-color var(--t2) var(--ease), box-shadow var(--t2) var(--ease), color var(--t2) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transition-duration:var(--t1);transform:scale(.97)}.btn .icon{color:currentColor}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:inset 0 1px #ffffff59,0 10px 30px -12px #d9c08a99}@media (hover:hover){.btn-primary:hover:not(:disabled){box-shadow:inset 0 1px #ffffff73,0 14px 36px -10px #d9c08abf}}.btn-secondary{background:var(--surface);box-shadow:var(--rim-light), 0 0 0 1px var(--rim-strong)}.btn-quiet{min-height:44px;color:var(--text-2);padding:0 12px;font-weight:560}@media (hover:hover){.btn-quiet:hover:not(:disabled){color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-hover)}}.btn-icon{border-radius:var(--r-12);width:44px;height:44px;min-height:44px;color:var(--text-2);padding:0}@media (hover:hover){.btn-icon:hover{color:var(--text);background:var(--surface)}}.btn-block{width:100%}.copy-btn.done{animation:pulse var(--t4) var(--ease)}@keyframes pulse{0%{box-shadow:0 0 #d9c08a99}to{box-shadow:0 0 0 18px #d9c08a00}}.actions{justify-content:space-between;align-items:center;gap:12px;margin-top:32px;display:flex}.actions-center{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:28px;display:flex}.stack{gap:12px;display:grid}.segmented{border-radius:var(--r-16);background:var(--surface);box-shadow:inset 0 1px 0 var(--rim), 0 0 0 1px var(--rim);grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segmented.wrap{flex-wrap:wrap;display:flex}.segmented.wrap button{flex:auto}.segmented button{border-radius:var(--r-12);min-height:40px;color:var(--text-2);white-space:nowrap;transition:background-color var(--t2) var(--ease), color var(--t2) var(--ease), box-shadow var(--t2) var(--ease), transform var(--t2) var(--spring);justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:560;display:inline-flex}.segmented button:active{transform:scale(.96)}.segmented button[aria-pressed=true]{background:var(--surface-raised);color:var(--text);box-shadow:var(--rim-light), 0 0 0 1px rgba(var(--glow), .6), 0 0 16px -6px rgba(var(--glow), .6)}.segmented button .icon{color:currentColor}.drop{text-align:center;border-radius:var(--r-28);border:1.5px dashed var(--rim-strong);background:rgba(var(--glow), .03);width:100%;min-height:260px;color:var(--text-2);transition:border-color var(--t2) var(--ease), background-color var(--t2) var(--ease), box-shadow var(--t2) var(--ease);place-items:center;gap:14px;padding:32px;display:grid}.drop.over,.drop:hover{border-color:rgba(var(--glow), .7);background:rgba(var(--glow), .07);box-shadow:0 0 40px -12px rgba(var(--glow), .5)}.drop.compact{grid-auto-flow:column;min-height:84px;padding:16px}.drop.compact .icon-tile{width:48px;height:48px}.frames{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:12px;display:grid}.frame{border-radius:var(--r-16);aspect-ratio:4/3;background:var(--surface);box-shadow:var(--rim-light), var(--edge);animation:settle var(--t4) var(--spring) both;position:relative;overflow:hidden}@keyframes settle{0%{opacity:0;transform:scale(.94)}}.frame.single{aspect-ratio:auto;border-radius:var(--r-24);max-height:380px;box-shadow:var(--rim-light), var(--edge), var(--glow-soft)}.frame img,.frame video{object-fit:cover;width:100%;height:100%;display:block}.frame.single img,.frame.single video{object-fit:contain;background:#000;max-height:380px}.frame-missing{text-align:center;height:100%;color:var(--text-2);place-items:center;padding:12px;font-size:13px;display:grid}.frame .chip{inset-inline-start:8px;position:absolute;bottom:8px}.chip{color:#eaf1ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070d0bb8;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:13px;font-weight:560;display:inline-flex}.frame .remove{top:8px;color:#eaf1ee;background:#070d0b99;width:34px;height:34px;min-height:34px;position:absolute;inset-inline-end:8px}.frame .remove .icon{color:#eaf1ee}.reassure{color:var(--text-2);text-align:center;margin:16px 0 0;font-size:14px}.error-line{color:var(--warn);text-align:center;margin:12px 0 0;font-size:14px}.narrow-content .icon-tile{margin-bottom:20px}.analyzing{text-align:center;justify-items:center;gap:20px;display:grid}.scan{aspect-ratio:4/3;border-radius:var(--r-28);background:var(--surface);width:min(360px,82vw);box-shadow:var(--rim-light), var(--edge), 0 0 70px -14px rgba(var(--glow), .45);place-items:center;display:grid;position:relative;overflow:hidden}.scan img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scan:after{content:"";background:linear-gradient(180deg, transparent 35%, rgba(var(--glow), .3) 50%, transparent 65%);animation:sweep 1.9s var(--ease) infinite;position:absolute;inset:-40% 0}@keyframes sweep{0%{transform:translateY(-40%)}to{transform:translateY(40%)}}.status-line{min-height:1.2em;font-size:24px}.status-line span{animation:fadeUp var(--t4) var(--ease) both;display:inline-block}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}}.notice{border-radius:var(--r-16);color:var(--text-2);background:rgba(var(--glow), .06);box-shadow:inset 0 0 0 1px var(--rim);gap:4px;margin:0 0 24px;padding:12px 16px;font-size:14px;display:grid}.notice.warn{background:#d9c08a14}.result-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.result-head .copy-btn{white-space:nowrap;flex:none}@media (width<=560px){.result-head{flex-direction:column;align-items:stretch;gap:16px;margin-bottom:20px}.result-head .copy-btn{min-height:52px}}.result-controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.prompt-list{gap:20px;display:grid}.prompt-list.many{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=900px){.prompt-list.many{grid-template-columns:1fr}}.prompt-card{border-radius:var(--r-28);background:var(--surface-raised);box-shadow:var(--rim-light), var(--edge), 0 0 70px -24px rgba(var(--glow), .5), var(--shadow-2);flex-direction:column;padding:24px;display:flex}.prompt-tag{color:var(--text-2);align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.edited{margin-inline-start:auto;font-size:13px;font-weight:500}.prompt-text{white-space:pre-wrap;-webkit-user-select:text;user-select:text;animation:fadeUp var(--t4) var(--ease) both;flex:1;margin:0;font-size:16.5px;line-height:1.6}.prompt-edit{flex:1;min-height:200px;font-size:16px;line-height:1.6}.copy-row{gap:8px;margin-top:20px;display:grid}.copy-row .copy-btn{min-height:54px;font-size:17px}.copy-row .card-links,.card-links{flex-wrap:wrap;justify-content:center;display:flex}.card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;display:flex}.below-card{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:20px;display:grid}.model-row{align-items:center;gap:10px;min-width:min(100%,340px);max-width:100%;display:flex}.select{flex:1;min-width:0;position:relative}.select select{appearance:none;text-overflow:ellipsis;border-radius:var(--r-16);background:var(--surface);width:100%;min-width:0;min-height:52px;box-shadow:inset 0 1px 0 var(--rim), 0 0 0 1px var(--rim);cursor:pointer;border:0;padding:0 44px 0 16px;font-weight:560}.select .icon{inset-inline-end:16px;pointer-events:none;color:var(--text-2);position:absolute;top:50%;transform:translateY(-50%)}.tool-settings{flex-wrap:wrap;flex-basis:100%;align-items:baseline;gap:6px 14px;display:flex}.tool-settings dl{flex-wrap:wrap;gap:6px 8px;margin:0;display:flex}.tool-settings dl>div{border-radius:var(--r-16);background:var(--surface);box-shadow:0 0 0 1px var(--rim);gap:6px;padding:6px 12px;font-size:14px;display:flex}.tool-settings dt{color:var(--text-2)}.tool-settings dd{margin:0;font-weight:560}.look-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.look-label{color:var(--text-2);font-size:14px;font-weight:600}.look-row .segmented{flex:1}@media (width<=520px){.look-row .segmented{flex-basis:100%;min-width:0}.look-row .segmented button{min-width:0;padding:0 6px}.look-row .segmented .icon{display:none}}.tip{width:36px;height:36px;color:var(--text-2);border-radius:50%;place-items:center;display:inline-grid;position:relative}.tip-text{bottom:calc(100% + 8px);border-radius:var(--r-12);width:240px;color:var(--text);background:var(--surface-raised);box-shadow:var(--rim-light), var(--edge), var(--shadow-2);opacity:0;pointer-events:none;transition:opacity var(--t2) var(--ease), transform var(--t2) var(--ease);padding:10px 12px;font-size:13px;position:absolute;inset-inline-end:-8px;transform:translateY(4px)}.tip:is(:hover,:focus-visible) .tip-text{opacity:1;transform:none}.neg{border-top:1px solid var(--rim);margin-top:18px;padding-top:16px}.neg-head{color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.neg-text{color:var(--text-2);margin:6px 0 0;font-size:15px}.field{border-radius:var(--r-16);background:var(--surface);width:100%;min-height:48px;box-shadow:inset 0 1px 0 var(--rim), 0 0 0 1px var(--rim);resize:vertical;border:0;padding:12px 16px}.scrim{z-index:20;background:var(--scrim);animation:fadeIn var(--t3) var(--ease) both;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}}.sheet{z-index:21;inset-inline:0;width:100%;max-width:calc(var(--narrow) + 48px);overscroll-behavior:contain;max-height:92dvh;padding:10px 24px max(24px, env(safe-area-inset-bottom));border-radius:var(--r-28) var(--r-28) 0 0;background:var(--surface-raised);box-shadow:var(--rim-light), 0 -24px 60px -20px #0000008c;animation:sheetUp var(--t4) var(--spring) both;gap:16px;margin:0 auto;display:grid;position:fixed;bottom:0;overflow-y:auto}@media (width>=760px){.sheet{border-radius:var(--r-28);animation:sheetIn var(--t3) var(--ease) both;padding-bottom:24px;top:50%;bottom:auto;transform:translateY(-50%)}.sheet .grabber{display:none}}@keyframes sheetUp{0%{transform:translateY(100%)}}@keyframes sheetIn{0%{opacity:0;transform:translateY(-46%)scale(.98)}}.grabber{background:var(--rim-strong);border-radius:3px;width:40px;height:5px;margin:0 auto}.sheet-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-title h2{letter-spacing:-.02em;margin:0;font-size:20px}.adjust-rows{gap:14px;display:grid}.adjust-row{grid-template-columns:112px 1fr;align-items:start;gap:12px;display:grid}.adjust-label{min-height:48px;color:var(--text-2);align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.adjust-fields{gap:8px;display:grid}@media (width<=640px){.adjust-row{grid-template-columns:1fr;gap:6px}.adjust-label{min-height:auto}}:root.sheet-open body{overflow:hidden}.menu-pop{inset-inline-end:0;z-index:30;border-radius:var(--r-24);background:var(--surface-raised);width:270px;box-shadow:var(--rim-light), var(--edge), var(--shadow-2);animation:enter var(--t2) var(--ease) both;transform-origin:100% 0;gap:10px;padding:14px;display:grid;position:absolute;top:56px}.menu-pop .label{margin:4px 0 0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips .chip{background:var(--surface);min-height:40px;color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 var(--rim), 0 0 0 1px var(--rim);padding:0 16px;position:static}.chips .chip[aria-pressed=true]{background:rgba(var(--glow), .16);box-shadow:var(--rim-light), 0 0 0 1.5px rgba(var(--glow), .75)}.icons-page{max-width:1200px;margin:0 auto;padding:32px 24px 80px}.icons-theme{border-radius:var(--r-24);margin:24px 0;padding:24px}.icons-theme[data-theme-preview=dark]{color:#eaf1ee;--text-icon:#eaf1eee6;--accent:#d9c08a;background:#0f1815}.icons-theme[data-theme-preview=light]{color:#0c1512;--text-icon:#0c1512e0;--accent:#b79a5b;--accent-mark:#9c7f43;background:#fff}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.icon-cell{margin:0}.icon-sizes{align-items:flex-end;gap:14px;display:flex}.icon-cell figcaption{opacity:.7;margin-top:6px;font-size:12px}.studies{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.study{border-radius:var(--r-24);background:var(--surface);box-shadow:var(--edge);margin:0;padding:20px}.study-marks{align-items:center;gap:16px;display:flex}.study-dark,.study-light{border-radius:var(--r-16);place-items:center;padding:8px;display:grid}.study-dark{color:#eaf1ee;--accent:#d9c08a;background:#0f1815}.study-light{color:#0c1512;--accent:#b79a5b;--accent-mark:#9c7f43;background:#fff}.study-small svg{width:16px;height:16px}.studies-2{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));margin-bottom:40px}.study-app,.study-circle{color:#eaf1ee;--accent:#d9c08a;background:#0f1815;place-items:center;width:64px;height:64px;display:grid}.study-app{border-radius:15px}.study-circle{color:#0c1512;--accent:#b79a5b;--accent-mark:#9c7f43;background:#fff;border-radius:50%}.study-strip{align-items:center;gap:18px;margin-top:16px;display:flex}.study-lockup .logo-word,.typed-word .logo-word{letter-spacing:-.03em;font-size:20px;font-weight:680}.study-lockup{align-items:center;gap:8px;margin-inline-start:auto;display:inline-flex}.i-stroke-accent{stroke:var(--accent)}.caret-blink{animation:1.06s step-end infinite caretBlink}.typed-word{align-items:center;gap:2px;display:inline-flex}.typed-caret{background:var(--accent);width:2.5px;height:1.15em}.study figcaption{color:var(--text-2);gap:4px;margin-top:12px;font-size:14px;display:grid}.study figcaption strong{color:var(--text)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.blob,.scan:after,.icon *{animation:none!important}.card:hover{transform:none}}@media (prefers-reduced-transparency:reduce){.action-bar-inner{background:var(--surface-raised);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (width<=640px){.sheet{gap:12px;padding-inline:16px}.adjust-rows{gap:10px}.sheet .segmented{gap:3px;padding:3px}.sheet .segmented button{min-height:36px;padding:0 10px;font-size:13px}}:root{--family-indigo:#5266eb;--family-periwinkle:#9cb4e8;--family-bloom:88, 52, 190;--family-bloom-a:.12;--brand-track:.14em;--corner-mark:#aaaabe57;--brand-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}:root[data-theme=light]{--family-bloom-a:.07;--corner-mark:#0c151238}@media (prefers-color-scheme:light){:root[data-theme=system]{--family-bloom-a:.07;--corner-mark:#0c151238}}.blob.b4{background:radial-gradient(circle at center, rgba(var(--family-bloom), var(--family-bloom-a)) 0%, rgba(var(--family-bloom), 0) 62%);width:60vmax;height:60vmax;animation:drift2 66s var(--ease) infinite alternate-reverse;bottom:-32vmax;left:-26vmax}.frame-marks{z-index:1;pointer-events:none;--c:var(--corner-mark);background:linear-gradient(var(--c), var(--c)) top left / 18px 1px, linear-gradient(var(--c), var(--c)) top left / 1px 18px, linear-gradient(var(--c), var(--c)) top right / 18px 1px, linear-gradient(var(--c), var(--c)) top right / 1px 18px, linear-gradient(var(--c), var(--c)) bottom left / 18px 1px, linear-gradient(var(--c), var(--c)) bottom left / 1px 18px, linear-gradient(var(--c), var(--c)) bottom right / 18px 1px, linear-gradient(var(--c), var(--c)) bottom right / 1px 18px;background-repeat:no-repeat;position:fixed;inset:14px}.credit,.timecode{font:500 11px/1 var(--brand-mono);letter-spacing:var(--brand-track);text-transform:uppercase;color:var(--text-2)}.credit{border-radius:var(--r-12);transition:color var(--t2) var(--ease);padding:10px 6px;text-decoration:none;display:inline-block}.credit:hover{color:var(--text)}.credit-row{justify-content:center;margin-top:40px;display:flex}.timecode{z-index:1;opacity:.35;font-variant-numeric:tabular-nums;pointer-events:none;margin:0;position:fixed;bottom:24px;right:40px}.menu-more{gap:4px;text-decoration:none}.menu-pop .credit{justify-self:center;padding-bottom:2px}@media (width<=700px){.frame-marks,.timecode{display:none}}
