@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/edc640959b0c7826-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ac0e76ddaeeb7981-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/64d784ea54a4acde-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/ff71da380fbe67dd-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6d831b18ae5b01dc-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/558ca1a6aa3cb55e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_e896d9{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_e896d9{--font-jetbrains-mono:"JetBrains Mono","JetBrains Mono Fallback"}--fg-\/--line-\/--acc\/--ok\/warn\/err\/run\/--r-\/--ff-` to the existing project-wide `--whiz-` tokens so the rules below stay identical to the Claude Design prototype source(whizai\/project\/outcome-builder.css). \/

.ob-page{--bg-0:oklch(var(--whiz-bg-0));--bg-1:oklch(var(--whiz-bg-1));--bg-2:oklch(var(--whiz-bg-2));--bg-3:oklch(var(--whiz-bg-3));--bg-4:oklch(var(--whiz-bg-4));--line-1:oklch(var(--whiz-line-1));--line-2:oklch(var(--whiz-line-2));--fg-0:oklch(var(--whiz-fg-0));--fg-1:oklch(var(--whiz-fg-1));--fg-2:oklch(var(--whiz-fg-2));--fg-3:oklch(var(--whiz-fg-3));--acc:oklch(var(--whiz-acc));--acc-fg:oklch(var(--whiz-acc-fg));--acc-soft:oklch(var(--whiz-acc)/0.12);--acc-line:oklch(var(--whiz-acc)/0.30);--ok:oklch(var(--whiz-ok));--warn:oklch(var(--whiz-warn));--err:oklch(var(--whiz-err));--run:oklch(var(--whiz-run));--r-1:var(--whiz-r-1);--r-2:var(--whiz-r-2);--r-3:var(--whiz-r-3);--r-4:var(--whiz-r-4);--ff-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--ff-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;background:var(--bg-0);color:var(--fg-1);font-family:var(--ff-sans);min-height:100vh;position:relative}.ob-page button{cursor:pointer;border:none;background:none;color:inherit}.ob-page button,.ob-page input,.ob-page select,.ob-page textarea{font-family:inherit}.ob-top{justify-content:space-between;padding:12px 28px;border-bottom:1px solid var(--line-1);background:oklch(var(--whiz-bg-0)/.85);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.ob-top,.ob-top__left{display:flex;align-items:center;gap:12px}.ob-top__sep{width:1px;height:20px;background:var(--line-1)}.ob-top__right{display:flex;align-items:center;gap:8px}.ob-top__saved{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--fg-3);margin-right:4px}.ob-top__dot{width:6px;height:6px;border-radius:50%;background:var(--ok)}.ob-top__dirty .ob-top__dot{background:var(--warn)}.ob-top__back{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:var(--r-2);color:var(--fg-2);font-size:13px}.ob-btn,.ob-top__back:hover{background:var(--bg-2);color:var(--fg-0)}.ob-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--r-2);font-size:13px;font-weight:500;border:1px solid var(--line-2);transition:background .12s}.ob-btn:hover{background:var(--bg-3)}.ob-btn:disabled{opacity:.5;cursor:not-allowed}.ob-btn--primary{background:var(--acc);border-color:var(--acc);color:var(--acc-fg);font-weight:600}.ob-btn--primary:hover{filter:brightness(1.06)}.ob-btn--ghost{background:transparent;border-color:transparent;color:var(--fg-2)}.ob-btn--ghost:hover{color:var(--fg-0);background:var(--bg-2)}.ob-btn--lg{height:38px;padding:0 16px;font-size:14px}.ob-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0;max-width:1280px;margin:0 auto;padding:0 28px}.ob-form{padding:40px 48px 80px 0;border-right:1px solid var(--line-1);min-width:0}.ob-aside{position:sticky;top:56px;height:calc(100vh - 56px);align-self:start;padding:40px 0 40px 32px}.ob-aside__inner{display:flex;flex-direction:column;gap:14px}.ob-aside__h{display:flex;justify-content:space-between;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3)}.ob-aside__h,.ob-aside__live{align-items:center;font-size:11px}.ob-aside__live{display:inline-flex;gap:5px;color:var(--ok);text-transform:none;letter-spacing:0;font-weight:500}.ob-aside__live-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:ob-pulse 1.6s ease-in-out infinite}.ob-aside__note{font-size:11.5px;color:var(--fg-3);line-height:1.5}@keyframes ob-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}@media (max-width:1024px){.ob-grid{grid-template-columns:1fr}.ob-form{padding-right:0;border-right:none}.ob-aside{position:static;height:auto;padding:0 0 40px}}.ob-header{margin-bottom:36px}.ob-header__kicker{font-family:var(--ff-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--acc);margin-bottom:10px;display:inline-flex;align-items:center;gap:8px}.ob-header__kicker:before{content:"";width:18px;height:1px;background:var(--acc)}.ob-header__title{font-size:30px;font-weight:600;letter-spacing:-.025em;color:var(--fg-0);margin:0 0 10px;line-height:1.15;max-width:22ch}.ob-header__sub{font-size:15px;color:var(--fg-2);max-width:60ch;line-height:1.55;margin:0}.ob-progress{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:11.5px;color:var(--fg-3)}.ob-progress__pip{width:22px;height:4px;border-radius:2px;background:var(--bg-3);transition:background .2s}.ob-progress__pip.is-done{background:var(--acc)}.ob-progress__pip.is-next{background:var(--acc-line);animation:ob-pip-pulse 1.8s ease-in-out infinite}@keyframes ob-pip-pulse{0%,to{opacity:1}50%{opacity:.4}}.ob-progress__count{margin-left:6px;font-family:var(--ff-mono)}.ob-step{position:relative;display:grid;grid-template-columns:32px 1fr;gap:18px;padding:32px 0;border-top:1px solid var(--line-1)}.ob-step:first-of-type{border-top:none}.ob-step__rail{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:4px}.ob-step__node{width:22px;height:22px;border-radius:50%;background:var(--bg-1);border:1.5px solid var(--line-2);color:var(--fg-3);display:grid;place-items:center;z-index:2;transition:all .25s cubic-bezier(.32,.72,0,1)}.ob-step__node-pip{width:5px;height:5px;border-radius:50%;background:var(--line-2)}.ob-step.is-complete .ob-step__node{background:var(--acc);border-color:var(--acc);color:var(--acc-fg);box-shadow:0 0 0 4px var(--acc-soft)}.ob-step.is-next .ob-step__node{border-color:var(--acc);color:var(--acc);box-shadow:0 0 0 4px var(--acc-soft);animation:ob-nodepulse 2s ease-in-out infinite}.ob-step.is-next .ob-step__node-pip{background:var(--acc)}@keyframes ob-nodepulse{0%,to{box-shadow:0 0 0 4px var(--acc-soft)}50%{box-shadow:0 0 0 8px oklch(var(--whiz-acc)/.06)}}.ob-step__line{flex:1;width:1.5px;background:var(--line-1);margin-top:6px;margin-bottom:-32px}.ob-step.is-complete .ob-step__line{background:var(--acc-line)}.ob-step:last-of-type .ob-step__line{display:none}.ob-step__main{min-width:0}.ob-step__head{margin-bottom:18px}.ob-step__kicker{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.1em;color:var(--fg-3);font-weight:500;margin-bottom:6px}.ob-step__done,.ob-step__kicker,.ob-step__upnext{font-family:var(--ff-mono);text-transform:uppercase}.ob-step__done,.ob-step__upnext{font-size:9.5px;font-weight:600;letter-spacing:.06em;padding:1px 6px;border-radius:3px}.ob-step__done{background:oklch(var(--whiz-ok)/.12);color:var(--ok)}.ob-step__upnext{background:var(--acc-soft);color:var(--acc)}.ob-step__title{font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--fg-0);margin:0 0 6px;line-height:1.25}.ob-step.is-complete .ob-step__title{color:var(--fg-1)}.ob-step__sub{font-size:13.5px;color:var(--fg-2);margin:0;max-width:60ch;line-height:1.5}.ob-step__body{display:flex;flex-direction:column;gap:16px}.ob-step.is-past .ob-step__title{font-size:16px;font-weight:500;color:var(--fg-2)}.ob-step.is-past .ob-step__head{cursor:pointer;margin-bottom:12px}.ob-step.is-past:hover .ob-step__title{color:var(--fg-0)}.ob-step__edit-hint{font-family:var(--ff-mono);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}.ob-step.is-future{opacity:.55}.ob-step.is-future .ob-step__title{font-size:16px;font-weight:500;color:var(--fg-2)}.ob-step.is-future .ob-step__head{cursor:pointer;margin-bottom:0}.ob-step.is-future .ob-step__body{display:none}.ob-step.is-future:hover{opacity:.85}.ob-step.is-future:hover .ob-step__title{color:var(--fg-0)}.ob-step__future{font-family:var(--ff-mono);font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}.ob-step.is-active{background:linear-gradient(180deg,oklch(var(--whiz-acc)/.05),transparent 70%);border-radius:14px;margin-left:-20px;padding-left:20px;padding-right:20px}.ob-step.is-active .ob-step__title{color:var(--fg-0);font-size:24px}.ob-step__cta{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line-1)}.ob-field{display:flex;flex-direction:column;gap:6px}.ob-field__label{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:var(--fg-1);font-weight:500}.ob-field__opt{font-size:11px;color:var(--fg-3);font-weight:400;font-style:italic}.ob-field__hint{font-size:12px;color:var(--fg-3);line-height:1.5}.ob-input{width:100%;height:38px;padding:0 12px;font-size:14px;color:var(--fg-0);background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-2);transition:border-color .15s,box-shadow .15s}.ob-input:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-soft)}.ob-input--xl{height:56px;font-size:18px;font-weight:500;letter-spacing:-.01em;padding:0 16px}.ob-input--xl::-moz-placeholder{color:var(--fg-3)}.ob-input--xl::placeholder{color:var(--fg-3)}.ob-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ob-chips{display:flex;gap:6px;flex-wrap:wrap}.ob-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;background:var(--bg-1);border:1px solid var(--line-1);color:var(--fg-1);font-size:13px;font-weight:500;transition:all .12s}.ob-chip:hover{background:var(--bg-2)}.ob-chip.is-active{background:var(--acc-soft);border-color:var(--acc-line);color:var(--acc)}.ob-tags{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-2);min-height:38px}.ob-tag,.ob-tags{align-items:center}.ob-tag{display:inline-flex;gap:4px;height:24px;padding:0 4px 0 8px;background:var(--acc-soft);border:1px solid var(--acc-line);border-radius:12px;font-size:12px;color:var(--acc)}.ob-tag button{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:inherit}.ob-tag button:hover{background:oklch(var(--whiz-acc)/.2)}.ob-tag-input{flex:1;min-width:100px;height:24px;background:transparent;border:none;color:var(--fg-0);font-size:13px;outline:none}.ob-inputs{display:flex;flex-direction:column;gap:8px}.ob-input-row{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-3);overflow:hidden}.ob-input-row__main{display:grid;grid-template-columns:36px 1fr auto auto;gap:12px;padding:12px;align-items:center}.ob-input-row__icon{width:32px;height:32px;border-radius:8px;background:var(--acc-soft);color:var(--acc);display:grid;place-items:center}.ob-input-row__text{display:flex;flex-direction:column;gap:2px;min-width:0}.ob-inline-input{background:transparent;outline:none;color:var(--fg-0);font-size:14px;font-weight:500;padding:2px 0;border:none;border-bottom:1px dashed transparent}.ob-inline-input:focus{border-bottom-color:var(--acc-line)}.ob-inline-input--sub{font-size:12px;color:var(--fg-3);font-weight:400}.ob-input-row__type-label{font-family:var(--ff-mono);font-size:10.5px;padding:2px 7px;background:var(--bg-3);color:var(--fg-2);border-radius:3px;text-transform:uppercase;letter-spacing:.04em}.ob-input-row__x{width:24px;height:24px;border-radius:4px;display:grid;place-items:center;color:var(--fg-3)}.ob-input-row__x:hover{background:var(--bg-3);color:var(--err)}.ob-add-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}.ob-add-input__btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;background:transparent;border:1px dashed var(--line-2);border-radius:var(--r-2);color:var(--fg-2);font-size:12px}.ob-add-input__btn:hover{color:var(--acc);border-color:var(--acc-line);border-style:solid}.ob-advanced{margin-top:12px;padding:0;background:var(--bg-1);border:1px dashed var(--line-2);border-radius:var(--r-2);font-size:12.5px}.ob-advanced[open]{border-style:solid;border-color:var(--line-1)}.ob-advanced>summary{list-style:none;padding:10px 14px;cursor:pointer;color:var(--fg-2);font-weight:500;display:flex;align-items:center;gap:8px}.ob-advanced>summary::-webkit-details-marker{display:none}.ob-advanced>summary:before{content:"▸";font-size:9px;color:var(--fg-3);transition:transform .15s}.ob-advanced[open]>summary:before{transform:rotate(90deg)}.ob-advanced>summary:hover{color:var(--fg-0)}.ob-advanced__body{padding:0 14px 14px;display:flex;flex-direction:column;gap:10px}.ob-advanced__row{display:flex;align-items:center;gap:14px;padding:6px 0;border-top:1px dashed var(--line-1)}.ob-advanced__row:first-child{border-top:none}.ob-advanced__row label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--fg-1)}.ob-advanced__row input[type=checkbox]{accent-color:var(--acc)}.ob-advanced__row .ob-advanced__name{font-weight:500;color:var(--fg-0);flex:1;min-width:0}.ob-advanced__mini{background:var(--bg-2);border:1px solid var(--line-1);border-radius:3px;color:var(--fg-0);font-size:11.5px;padding:2px 6px;height:22px;width:120px}.ob-vis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ob-vis__cell{text-align:left;padding:16px;background:var(--bg-1);border:1.5px solid var(--line-1);border-radius:var(--r-3);display:flex;flex-direction:column;gap:6px;transition:all .12s}.ob-vis__cell:hover{border-color:var(--line-2)}.ob-vis__cell.is-active{border-color:var(--acc);background:var(--acc-soft)}.ob-vis__icon{width:32px;height:32px;border-radius:8px;background:var(--bg-3);color:var(--fg-1);display:grid;place-items:center;margin-bottom:4px}.ob-vis__cell.is-active .ob-vis__icon{background:var(--acc);color:var(--acc-fg)}.ob-vis__t{font-size:14px;font-weight:600;color:var(--fg-0)}.ob-vis__d{font-size:12px;color:var(--fg-2);line-height:1.45}.ob-publish{margin-top:20px;padding:18px;background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-3)}.ob-publish__check{display:flex;flex-direction:column;gap:4px}.ob-publish__check-row{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--fg-3)}.ob-publish__check-row.is-on{color:var(--fg-1)}.ob-publish__check-row.is-on svg{color:var(--ok)}.ob-publish__check-row svg{color:var(--fg-3)}.ob-card{background:var(--bg-1);border:1px solid var(--line-1);border-radius:var(--r-4);overflow:hidden;box-shadow:0 8px 24px oklch(0 0 0/.25);transition:border-color .2s,box-shadow .2s}.ob-card.is-updating{border-color:var(--acc-line);box-shadow:0 8px 24px oklch(0 0 0/.25),0 0 0 3px var(--acc-soft)}.ob-card.is-updated{border-color:var(--ok)}.ob-card__hero{aspect-ratio:4/3;background:var(--bg-2);position:relative;overflow:hidden}.ob-card__hero-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--fg-3);font-size:12px;gap:8px;background:var(--bg-2)}.ob-card__body{padding:16px;display:flex;flex-direction:column;gap:10px}.ob-card__name{font-size:16px;font-weight:600;color:var(--fg-0);letter-spacing:-.01em;line-height:1.25}.ob-card__tag{font-size:12.5px;color:var(--fg-2);line-height:1.5}.ob-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.ob-card__pill{display:inline-flex;align-items:center;gap:4px;font-family:var(--ff-mono);font-size:10.5px;padding:3px 7px;background:var(--bg-2);border:1px solid var(--line-1);border-radius:10px;color:var(--fg-2)}.ob-card__pill--cost{color:var(--fg-1)}.ob-card__pill-sep{opacity:.6;margin:0 1px}.ob-card__hint{font-size:11px;color:var(--fg-3);line-height:1.5;border-top:1px dashed var(--line-1);padding-top:10px;margin-top:4px}.ob-error{background:oklch(var(--whiz-err)/.08);border:1px solid oklch(var(--whiz-err)/.3);border-radius:var(--r-2);padding:10px 14px;color:var(--err);font-size:13px;margin-bottom:16px}.ob-page,.ob-page *,.ob-page :after,.ob-page :before{box-sizing:border-box}.ob-page input,.ob-page textarea{max-width:100%}.ob-inline-input{width:100%}.ob-page{background:radial-gradient(1200px 400px at 50% -200px,oklch(.26 .018 230/.5),transparent 70%),oklch(.205 .013 240)!important}.ob-top{background:oklch(.215 .013 240/.92)!important;border-bottom:1px solid oklch(.32 .014 240)!important}.ob-grid{max-width:1320px!important;gap:24px;padding:24px 28px!important}.ob-form{background:oklch(.235 .014 240)!important;border:1px solid oklch(.31 .014 240)!important;border-radius:14px;padding:40px 44px 80px!important;box-shadow:inset 0 1px 0 oklch(.4 .012 240/.4),0 24px 60px oklch(.1 0 0/.3)}.ob-aside{top:72px!important;height:calc(100vh - 80px)!important;padding:0!important}.ob-step{border-top-color:oklch(.31 .014 240)!important}.ob-step__line{background:oklch(.31 .014 240)!important}.ob-step__title{color:oklch(.99 .005 240)!important}.ob-step__sub{color:oklch(.78 .01 240)!important;font-size:14px!important}.ob-step.is-complete .ob-step__title{color:oklch(.92 .008 240)!important}.ob-step.is-active{background:linear-gradient(180deg,oklch(.74 .13 200/.07),transparent 75%),oklch(.255 .015 240)!important;border:1px solid oklch(.4 .014 240)!important;box-shadow:0 0 0 4px oklch(.74 .13 200/.08),0 12px 32px oklch(0 0 0/.25)}.ob-step.is-active .ob-step__title{color:oklch(.99 .005 240)!important;font-size:26px!important}.ob-step.is-active .ob-step__sub{color:oklch(.85 .01 240)!important}.ob-step.is-past .ob-step__title{color:oklch(.74 .01 240)!important}.ob-step.is-past:hover .ob-step__title{color:oklch(.99 .005 240)!important}.ob-step.is-future .ob-step__title{color:oklch(.66 .01 240)!important}.ob-header__title{color:oklch(.99 .005 240)!important}.ob-header__sub{color:oklch(.8 .01 240)!important}.ob-field__label{color:oklch(.85 .01 240)!important;font-size:12.5px!important}.ob-field__hint{color:oklch(.66 .01 240)!important}.ob-input,.ob-input--xl,.ob-tag-input{background:oklch(.18 .013 240)!important;border-color:oklch(.36 .014 240)!important;color:oklch(.99 .005 240)!important}.ob-input--xl::-moz-placeholder,.ob-input::-moz-placeholder,.ob-tag-input::-moz-placeholder{color:oklch(.58 .01 240)!important}.ob-input--xl::placeholder,.ob-input::placeholder,.ob-tag-input::placeholder{color:oklch(.58 .01 240)!important}.ob-input--xl:focus,.ob-input:focus{border-color:var(--acc)!important;box-shadow:0 0 0 3px var(--acc-soft)!important}.ob-chip{background:oklch(.18 .013 240)!important;border:1px solid oklch(.36 .014 240)!important;color:oklch(.88 .01 240)!important}.ob-chip:hover{background:oklch(.22 .013 240)!important;color:oklch(.99 .005 240)!important}.ob-chip.is-active{background:var(--acc-soft)!important;border-color:var(--acc-line)!important;color:var(--acc)!important}.ob-tag{border:1px solid oklch(.36 .014 240)!important;color:oklch(.92 .008 240)!important}.ob-input-row,.ob-tag{background:oklch(.18 .013 240)!important}.ob-input-row{border:1px solid oklch(.34 .014 240)!important}.ob-input-row:hover{border-color:oklch(.42 .014 240)!important}.ob-inline-input{color:oklch(.99 .005 240)!important}.ob-inline-input--sub{color:oklch(.7 .01 240)!important}.ob-card{background:oklch(.2 .013 240)!important;border:1px solid oklch(.36 .014 240)!important;box-shadow:0 12px 36px oklch(0 0 0/.35)}.ob-card__name{color:oklch(.99 .005 240)!important}.ob-card__tag{color:oklch(.78 .01 240)!important}.ob-card__hero-empty{color:oklch(.66 .01 240)!important}.ob-vis__cell{background:oklch(.2 .013 240)!important;border-color:oklch(.34 .014 240)!important}.ob-vis__cell.is-active{background:var(--acc-soft)!important;border-color:var(--acc-line)!important}.ob-vis__t{color:oklch(.99 .005 240)!important}.ob-vis__d{color:oklch(.74 .01 240)!important}.ob-publish{background:oklch(.2 .013 240)!important;border-color:oklch(.34 .014 240)!important}.ob-publish__check-row{color:oklch(.78 .01 240)!important}.ob-publish__check-row.is-on{color:oklch(.92 .008 240)!important}.ob-add-input__btn,.ob-input-row__x{background:oklch(.215 .013 240)!important;border-color:oklch(.36 .014 240)!important;color:oklch(.88 .01 240)!important}.ob-add-input__btn:hover{background:oklch(.26 .014 240)!important;color:oklch(.99 .005 240)!important}.ob-aside__h{color:oklch(.78 .01 240)!important}.ob-top__saved{color:oklch(.74 .01 240)!important}