.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}