.ip{--ip-warn:#f2b45a;--ip-line:color-mix(in oklab, var(--foreground) 8%, transparent);max-width:1040px;margin:0 auto;padding:18px 16px 96px}html.light .ip,html.light .ip-sheet{--ip-warn:#9a5b00}.ip button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.ip button:disabled{cursor:default;opacity:.5}.ip :focus-visible,.ip-sheet :focus-visible{outline:2px solid color-mix(in oklab, var(--mint) 70%, transparent);outline-offset:2px;border-radius:8px}.ip-hero h1{font:400 46px/1 var(--font-display);letter-spacing:-.01em;margin:4px 0}.ip-lede{color:var(--muted-foreground);max-width:54ch;margin:0 0 14px;font-size:15.5px}.ip-test{border:1px solid var(--glass-edge);background:var(--glass);border-radius:18px;padding:12px 14px 14px}.ip-test-head{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;align-items:baseline;font-size:11.5px;display:flex}.ip-test-head b{color:var(--foreground);text-transform:none;letter-spacing:.01em;font-size:13px;font-weight:600}.ip-test-bars{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.ip-tb{flex-direction:column;gap:1px;min-width:0;display:flex}.ip-tb span{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ip-tb b{font:500 20px/1.15 var(--font-mono);color:var(--mint-pale,var(--mint-text))}html.light .ip-tb b{color:var(--mint-text)}.ip-tb b i{color:var(--muted-foreground);font-size:13px;font-style:normal}.ip-tb-t{background:var(--ip-line);border-radius:99px;height:4px;margin-top:6px;overflow:hidden}.ip-tb-t i{background:var(--mint);border-radius:99px;height:100%;display:block}.ip-tabs{background:var(--glass);border:1px solid var(--glass-edge);border-radius:999px;gap:2px;max-width:100%;margin:18px 0 12px;padding:3px;display:inline-flex;overflow-x:auto}.ip-tabs [role=tab]{height:32px;color:var(--muted-foreground);white-space:nowrap;border-radius:999px;padding:0 14px;font-size:13.5px}.ip-tabs [role=tab][aria-selected=true]{background:color-mix(in oklab, var(--mint) 16%, transparent);color:var(--mint-text);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--mint) 40%, transparent)}.ip-bar{align-items:center;gap:8px;display:flex}.ip-spacer{flex:1}.ip-seg{background:var(--glass);border:1px solid var(--glass-edge);border-radius:999px;padding:3px;display:inline-flex}.ip-seg button{height:30px;color:var(--muted-foreground);border-radius:999px;padding:0 14px;font-size:13px}.ip-seg button[aria-pressed=true]{background:var(--glass-hi);color:var(--foreground)}.ip-cta{white-space:nowrap;border-radius:999px;height:38px;padding:0 18px;font-size:14px;font-weight:600;background:var(--mint)!important;color:var(--ink,#03201c)!important}.ip-cta.ip-wide{width:100%;height:48px;font-size:16px}.ip-slots,.ip-note{color:var(--muted-foreground);margin:10px 2px 0;font-size:12.5px}.ip-note{margin-bottom:8px;font-size:14px}.ip-empty{text-align:center;color:var(--muted-foreground);border:1px dashed var(--glass-edge);border-radius:18px;margin-top:10px;padding:28px}.ip-empty button{color:var(--mint-text);text-decoration:underline}.ip-list{flex-direction:column;gap:10px;margin:10px 0 0;padding:0;list-style:none;display:flex}.ip-idea{border:1px solid var(--glass-edge);background:var(--card);border-radius:18px;min-width:0;padding:14px 14px 12px}.ip-idea[data-status=preview]{border-color:color-mix(in oklab, var(--mint) 45%, transparent);box-shadow:0 10px 40px -22px color-mix(in oklab, var(--mint) 45%, transparent)}.ip-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ip-chip{border:1px solid var(--glass-edge);height:22px;color:var(--muted-foreground);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.ip-c-open{color:var(--mint-text);border-color:color-mix(in oklab, var(--mint) 35%, transparent)}.ip-c-prev{color:var(--ink,#03201c);background:var(--mint);border-color:var(--mint)}.ip-c-build{color:var(--ip-warn);border-color:color-mix(in oklab, var(--ip-warn) 45%, transparent)}.ip-c-ok{color:var(--mint-text);background:color-mix(in oklab, var(--mint) 14%, transparent)}.ip-c-veto{color:var(--clay);border-color:color-mix(in oklab, var(--clay) 45%, transparent)}.ip-when{font:12px var(--font-mono);color:var(--muted-foreground);white-space:nowrap}.ip-idea h3{overflow-wrap:anywhere;margin:10px 0 4px;font-size:17.5px;font-weight:600;line-height:1.25}.ip-body{color:color-mix(in oklab, var(--foreground) 82%, transparent);-webkit-line-clamp:2;cursor:pointer;overflow-wrap:anywhere;white-space:pre-line;-webkit-box-orient:vertical;margin:0;font-size:14.5px;display:-webkit-box;overflow:hidden}.ip-body-open{-webkit-line-clamp:unset;display:block}.ip-by{color:var(--muted-foreground);overflow-wrap:anywhere;margin:6px 0 0;font-size:12.5px}.ip-reason{color:var(--clay);background:color-mix(in oklab, var(--clay) 9%, transparent);border:1px solid color-mix(in oklab, var(--clay) 22%, transparent);overflow-wrap:anywhere;border-radius:12px;margin:10px 0 0;padding:9px 11px;font-size:13.5px}.ip-reason-quiet{color:var(--muted-foreground);background:var(--glass);border-color:var(--glass-edge)}.ip-tally{margin-top:12px}.ip-tl{justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12.5px;display:flex}.ip-y{color:var(--mint-text);white-space:nowrap;font-weight:600}.ip-q{color:var(--muted-foreground);font:11.5px var(--font-mono);text-align:right}.ip-q-met{color:var(--mint-text)}.ip-tt{background:color-mix(in oklab, var(--clay) 30%, var(--ip-line));border-radius:99px;height:6px;position:relative}.ip-tt>i{background:var(--mint);border-radius:99px;height:100%;transition:width .25s;display:block}.ip-mark{background:var(--foreground);opacity:.7;border-radius:2px;width:2px;height:12px;position:absolute;top:-3px;left:60%}.ip-acts{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.ip-vote{border-radius:999px;min-width:76px;height:36px;padding:0 16px;font-size:14px;font-weight:600;border:1px solid var(--glass-edge)!important;background:var(--glass)!important}.ip-vote.ip-on{color:var(--mint-text);background:color-mix(in oklab, var(--mint) 20%, transparent)!important;border-color:var(--mint)!important}.ip-vote.ip-no.ip-on{color:var(--clay);background:color-mix(in oklab, var(--clay) 16%, transparent)!important;border-color:var(--clay)!important}.ip-try{border-radius:999px;height:36px;margin-left:auto;padding:0 14px;font-size:14px;font-weight:600;color:var(--mint-text)!important;border:1px solid color-mix(in oklab, var(--mint) 40%, transparent)!important}.ip-quiet{height:36px;padding:0 10px;font-size:13px;color:var(--muted-foreground)!important}.ip-weight{color:var(--muted-foreground);margin:8px 0 0;font-size:12px}.ip-weight b{color:var(--foreground);font-family:var(--font-mono);font-weight:500}.ip-hold{flex-direction:column;gap:10px;min-height:150px;display:flex}.ip-hold i{background:var(--glass-hi);opacity:.5;border-radius:6px;height:12px;animation:1.6s ease-in-out infinite ip-breathe;display:block}.ip-hold i:first-child{width:30%}.ip-hold i:nth-child(2){width:80%;height:16px}.ip-hold i:nth-child(3){width:60%}@keyframes ip-breathe{0%,to{opacity:.5}50%{opacity:.2}}.ip-how h2{font:400 26px/1.1 var(--font-display);margin:22px 0 8px}.ip-how h2:first-child{margin-top:4px}.ip-how ul,.ip-how ol{color:color-mix(in oklab, var(--foreground) 85%, transparent);flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.ip-how b{color:var(--mint-text);font-weight:600}.ip-veto{background:var(--glass);border:1px solid var(--glass-edge);border-radius:14px;margin:0;padding:12px 14px}.ip-sheet{--ip-warn:#f2b45a;padding:18px 16px calc(18px + env(safe-area-inset-bottom));gap:10px;overflow-y:auto}.ip-sheet-phone{border-radius:22px 22px 0 0;max-height:92dvh}.ip-sheet-desk{width:min(560px,96vw)!important;max-width:none!important}.ip-sheet-title{margin:0;padding-right:40px;font:400 28px/1.1 var(--font-display)!important}.ip-sheet-tag{font:600 11px var(--font-sans);text-transform:uppercase;letter-spacing:.06em;vertical-align:middle;color:var(--ink,#03201c);background:var(--mint);border-radius:99px;margin-left:10px;padding:3px 8px}.ip-checks{grid-template-columns:1fr 1fr;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:grid}.ip-checks li{background:var(--glass);border:1px solid var(--glass-edge);border-radius:10px;padding:7px 10px;font-size:12.5px}.ip-ok{color:var(--mint-text)}.ip-miss{color:var(--clay)}.ip-field{flex-direction:column;gap:6px;display:flex}.ip-field span{color:var(--muted-foreground);justify-content:space-between;font-size:13px;display:flex}.ip-field i{font:normal 11.5px var(--font-mono)}.ip-field input,.ip-field textarea{width:100%;font:inherit;color:var(--foreground);background:var(--background);border:1px solid var(--glass-edge);resize:vertical;border-radius:12px;padding:11px 12px;font-size:16px}.ip-field input:focus,.ip-field textarea:focus{border-color:color-mix(in oklab, var(--mint) 55%, transparent);box-shadow:0 0 0 3px color-mix(in oklab, var(--mint) 14%, transparent);outline:0}.ip-field input:disabled,.ip-field textarea:disabled{opacity:.55}.ip-fine{color:var(--muted-foreground);margin:0;font-size:12px}.ip-err{color:var(--clay);margin:0;font-size:13px}.ip-sheet .ip-cta{cursor:pointer;border:0}.ip-sheet .ip-cta:disabled{opacity:.5;cursor:default}.ip-sheet .ip-note{margin:0}.ip-sheet-phone.ip-sheet:not(.ip-propose){height:92dvh}.ip-sheet-desk.ip-sheet:not(.ip-propose){width:min(980px,96vw)!important}.ip-box-line{color:color-mix(in oklab, var(--foreground) 86%, transparent);background:color-mix(in oklab, var(--ip-warn) 9%, transparent);border:1px solid color-mix(in oklab, var(--ip-warn) 30%, transparent);border-radius:12px;align-items:baseline;gap:9px;margin:0;padding:8px 11px;font-size:12.5px;line-height:1.4;display:flex}.ip-lock{background:var(--ip-warn);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklab, var(--ip-warn) 18%, transparent);border-radius:2px;flex:none;transform:translateY(-1px)}.ip-frame{border:1px dashed color-mix(in oklab, var(--mint) 40%, transparent);background:#000;border-radius:16px;flex:1;min-height:320px;overflow:hidden}.ip-frame iframe{background:#050a09;border:0;width:100%;height:100%;display:block}.ip-frame-bad{color:var(--clay);margin:0;padding:24px;font-size:14px}.ip-host{font:11.5px var(--font-mono);color:var(--muted-foreground);margin:0}@media (min-width:768px){.ip{padding-top:30px}.ip-hero h1{font-size:64px}.ip-list{grid-template-columns:1fr 1fr;align-items:start;display:grid}.ip-idea[data-status=preview]{grid-column:1/-1}}@media (min-width:1200px){.ip-list{grid-template-columns:1fr 1fr 1fr}}@media (max-width:380px){.ip-tabs [role=tab]{padding:0 10px;font-size:12.5px}.ip-tb b{font-size:17px}.ip-checks{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.ip-tt>i{transition:none}.ip-hold i{animation:none}}
.season-on{display:none}html[data-season=halloween] .season-on{display:inline}html[data-season=halloween] .season-off{display:none}html[data-season=halloween]{--mint:#ff8a1f;--mint-hi:#ffa347;--mint-text:#ffab5e;--mint-pale:#ffd8aa;--cta:var(--mint)}html[data-season=halloween]:is(.dark,.pro){--background:#0a0710;--card:#120c1a}html[data-season=halloween]:not(.dark):not(.pro){--mint-text:#9c4600;--mint-pale:#a34a00}html[data-season=halloween] body{background-image:radial-gradient(1100px 560px at 88% -14%,#ffb06014,#0000 62%),radial-gradient(900px 640px at 4% 112%,#7e40b217,#0000 60%);background-attachment:fixed}html[data-season=halloween] .helix-art:before{content:"";z-index:0;opacity:.2;background:radial-gradient(circle at 42% 38%,#fff6e2 0%,#f6dfb4 46%,#d9b07a 68%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:40%;left:58%;transform:translate(-50%,-50%);box-shadow:0 0 110px 36px #ffc47824}html[data-season=halloween] .helix-art-fit{z-index:1}[data-season-switch]{--scope-knob:color-mix(in oklab, var(--foreground) 82%, var(--background));--scope-line:transparent}
.unified-studio{--mint-hi:var(--mint-text);--clay:var(--down)}.unified-studio-door{min-height:44px;color:var(--muted-foreground);background:color-mix(in oklab,var(--foreground) 3%,transparent);border-radius:12px;align-items:center;gap:10px;margin:8px 0 2px;padding:0 12px;font-size:13px;transition:background .15s,color .15s;display:flex}.unified-studio-door>span{flex:1}.unified-studio-door:hover,.unified-studio-door[aria-current=page]{color:var(--mint-text);background:color-mix(in oklab,var(--mint) 8%,var(--card))}.studio-home{max-width:1180px;margin:auto;padding:38px 36px 64px}.studio-home-heading{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:28px;display:flex}.studio-kicker{color:var(--mint-text);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:flex}.studio-home-heading h1{letter-spacing:-.055em;margin:14px 0 8px;font-size:46px;font-weight:500;line-height:1.08}.studio-home-heading h1+p{color:var(--muted-foreground);font-size:15px}.studio-home-heading .btn{white-space:nowrap;border-radius:12px;gap:16px;min-height:44px;padding-inline:18px;font-size:12px}.studio-example{background:color-mix(in oklab,var(--mint) 5%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--mint) 14%,transparent);border-radius:18px;align-items:center;gap:16px;margin:24px 0 34px;padding:20px;display:flex}.studio-example-mark{width:48px;height:48px;color:var(--mint-text);background:color-mix(in oklab,var(--mint) 10%,transparent);border-radius:15px;flex:none;place-items:center;display:grid}.studio-example h2{letter-spacing:-.02em;font-size:16px;font-weight:500}.studio-example p{color:var(--muted-foreground);margin-top:4px;font-size:13px}.studio-example-link{background:color-mix(in oklab,var(--foreground) 5%,transparent);border-radius:11px;flex:none;align-items:center;gap:12px;min-height:44px;margin-left:auto;padding-inline:14px;font-size:12px;display:inline-flex}.studio-tools-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.studio-tools-heading h2{letter-spacing:-.03em;font-size:19px;font-weight:500}.studio-tools-heading>span{color:var(--muted-foreground);font-size:12px}.studio-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.studio-tool-card{background:var(--card);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:20px;padding:22px;transition:background .15s,box-shadow .15s;display:block}.studio-tool-card:hover{background:color-mix(in oklab,var(--mint) 4%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--mint) 25%,transparent)}.studio-tool-card-top{color:var(--muted-foreground);align-items:center;gap:10px;font-size:11px;display:flex}.studio-tool-icon{background:color-mix(in oklab,var(--foreground) 5%,transparent);width:38px;height:38px;color:var(--mint-text);border-radius:11px;place-items:center;display:grid}.studio-tool-card-top>svg{margin-left:auto}.studio-tool-card h3{letter-spacing:-.025em;margin:24px 0 7px;font-size:17px;font-weight:500}.studio-tool-card p{max-width:32ch;color:var(--muted-foreground);font-size:13px;line-height:1.6}.studio-home-footer{border-top:1px solid var(--hairline);color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:28px;padding-top:20px;font-size:12px;display:flex}.studio-home-footer a{color:var(--mint-text);align-items:center;gap:6px;display:inline-flex}.studio-preview-note{color:var(--muted-foreground);margin-top:16px;font-size:11px}:is(.unified-studio-door,.studio-tool-card,.studio-example-link,.studio-home-footer a):focus-visible{outline:2px solid var(--mint-text);outline-offset:4px}.unified-studio :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--mint-text);outline-offset:3px}.studio-command-bar{left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom));z-index:39;pointer-events:none;padding-inline:16px;position:fixed}@media (min-width:1024px){.studio-command-bar{left:244px;bottom:calc(var(--status-h,28px) + 12px);padding-inline:32px}.studio-command-bar[data-rail-min=true]{left:48px}}@media (min-width:1280px){.studio-command-bar{left:268px}}@media (max-width:1100px){.studio-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.studio-home{padding:24px 16px 38px}.studio-home-heading{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:24px}.studio-home-heading h1{font-size:38px}.studio-home-heading .btn{justify-content:space-between;width:100%}.studio-example{flex-wrap:wrap;gap:12px;margin:20px 0 28px;padding:16px}.studio-example>div:nth-child(2){flex:1}.studio-example-link{justify-content:space-between;width:100%;margin:2px 0 0}.studio-tools-heading{display:block}.studio-tools-heading>span{margin-top:4px;display:block}.studio-tool-grid{gap:12px}.studio-tool-card{padding:16px}.studio-tool-card-top>span:not(.studio-tool-icon){display:none}.studio-tool-card h3{margin-top:18px;font-size:15px}.studio-tool-card p{font-size:12px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.studio-tool-card,.unified-studio-door{transition:none}}html[data-motion=quiet] :is(.studio-tool-card,.unified-studio-door,.unified-studio *){transition:none!important;animation:none!important}
