.studio-root{--studio-bg:0 0% 100%;--studio-surface:0 0% 100%;--studio-surface-2:186 34% 96%;--studio-surface-3:190 24% 92%;--studio-border:190 20% 88%;--studio-border-strong:188 22% 78%;--studio-fg:197 40% 12%;--studio-fg-muted:200 12% 42%;--studio-fg-subtle:200 12% 58%;--studio-accent:185 60% 34%;--studio-accent-2:185 52% 44%;--studio-success:162 58% 36%;--studio-warning:38 92% 50%;--studio-danger:0 72% 48%;--studio-shadow-sm:0 1px 2px #12242b0d;--studio-shadow:0 2px 8px #12242b12, 0 1px 2px #12242b0a;--studio-shadow-md:0 10px 26px #23828b1a, 0 2px 6px #12242b0d;--studio-shadow-lg:0 26px 56px #23828b24, 0 4px 12px #12242b0f;--studio-radius-sm:8px;--studio-radius:12px;--studio-radius-lg:16px;--studio-radius-xl:20px;background:radial-gradient(circle at 12% 0%, #f1f8f8, transparent 42%), radial-gradient(circle at 92% 4%, #23828b12, transparent 38%), hsl(var(--studio-bg));color:hsl(var(--studio-fg));font-family:var(--font-myret-body,"Manrope"), "Hanken Grotesk", system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}.studio-root h1,.studio-root h2,.studio-root h3,.studio-root .studio-section-title{font-family:var(--font-myret-display,"Sora"), "Archivo", system-ui, sans-serif;letter-spacing:-.02em}.studio-root *,.studio-root :before,.studio-root :after{box-sizing:border-box}.studio-card{background:hsl(var(--studio-surface));border:1px solid hsl(var(--studio-border));border-radius:var(--studio-radius);box-shadow:var(--studio-shadow-sm);transition:box-shadow .18s,transform .18s,border-color .18s}.studio-card:hover{box-shadow:var(--studio-shadow-md);border-color:hsl(var(--studio-border-strong))}.studio-thumb{border-radius:var(--studio-radius);background:hsl(var(--studio-surface-2));isolation:isolate;position:relative;overflow:hidden}.studio-thumb:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0000000a 100%);position:absolute;inset:0}.studio-chip{letter-spacing:.01em;background:hsl(var(--studio-surface-2));color:hsl(var(--studio-fg-muted));border:1px solid hsl(var(--studio-border));border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.studio-chip[data-tone=success]{background:hsl(var(--studio-success) / .12);color:hsl(var(--studio-success));border-color:hsl(var(--studio-success) / .25)}.studio-chip[data-tone=warn]{background:hsl(var(--studio-warning) / .14);color:#ab6f07;border-color:hsl(var(--studio-warning) / .3)}.studio-chip[data-tone=accent]{background:hsl(var(--studio-accent) / .1);color:hsl(var(--studio-accent));border-color:hsl(var(--studio-accent) / .25)}.studio-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.studio-btn[data-variant=primary]{background:linear-gradient(135deg, hsl(var(--studio-accent)), hsl(var(--studio-accent-2)));color:#fff;box-shadow:0 1px 3px hsl(var(--studio-accent) / .35)}.studio-btn[data-variant=primary]:hover{box-shadow:0 4px 14px hsl(var(--studio-accent) / .45)}.studio-btn[data-variant=ghost]{background:hsl(var(--studio-surface));color:hsl(var(--studio-fg));border-color:hsl(var(--studio-border))}.studio-btn[data-variant=ghost]:hover{background:hsl(var(--studio-surface-2));border-color:hsl(var(--studio-border-strong))}.studio-btn[data-variant=subtle]{background:hsl(var(--studio-surface-2));color:hsl(var(--studio-fg))}.studio-btn[data-variant=subtle]:hover{background:hsl(var(--studio-surface-3))}.studio-search{background:hsl(var(--studio-surface));border:1px solid hsl(var(--studio-border));height:56px;box-shadow:var(--studio-shadow);border-radius:999px;align-items:center;gap:12px;padding:0 20px;transition:box-shadow .18s,border-color .18s;display:flex}.studio-search:focus-within{border-color:hsl(var(--studio-accent) / .4);box-shadow:0 0 0 4px hsl(var(--studio-accent) / .1), var(--studio-shadow-md)}.studio-search input{color:hsl(var(--studio-fg));background:0 0;border:0;outline:0;flex:1;font-size:16px}.studio-search input::placeholder{color:hsl(var(--studio-fg-subtle))}.studio-nav-item{color:hsl(var(--studio-fg-muted));cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;transition:background .12s,color .12s;display:flex}.studio-nav-item:hover{background:hsl(var(--studio-surface-2));color:hsl(var(--studio-fg))}.studio-nav-item[data-active=true]{background:hsl(var(--studio-accent) / .1);color:hsl(var(--studio-accent));font-weight:600}.studio-quick-tile{background:hsl(var(--studio-surface));border:1px solid hsl(var(--studio-border));border-radius:var(--studio-radius);cursor:pointer;text-align:left;flex-direction:column;gap:10px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.studio-quick-tile:hover{box-shadow:var(--studio-shadow-md);border-color:hsl(var(--studio-border-strong));transform:translateY(-2px)}.studio-section-title{color:hsl(var(--studio-fg));letter-spacing:-.01em;font-size:20px;font-weight:700}.studio-section-sub{color:hsl(var(--studio-fg-muted));font-size:13px}@media (width<=1024px){.studio-sidebar{display:none!important}}