.studio-module__W4fhGG__narrow{gap:16px;max-width:440px;margin:0 auto;padding:56px 16px;display:grid}.studio-module__W4fhGG__page{gap:20px;max-width:1100px;margin:0 auto;padding:24px 16px 64px;display:grid}.studio-module__W4fhGG__header{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.studio-module__W4fhGG__header h1{flex:1;font-size:24px}.studio-module__W4fhGG__muted{color:var(--muted);line-height:1.5}.studio-module__W4fhGG__form{gap:12px;display:grid}.studio-module__W4fhGG__field{gap:6px;font-size:14px;display:grid}.studio-module__W4fhGG__field span{font-weight:600}.studio-module__W4fhGG__field input:not([type=range]),.studio-module__W4fhGG__field textarea,.studio-module__W4fhGG__field select{min-width:0;font:inherit;border:1px solid color-mix(in srgb, var(--fg) 20%, transparent);background:var(--bg);color:var(--fg);border-radius:10px;padding:10px 12px}.studio-module__W4fhGG__field input[type=range]{accent-color:var(--accent)}.studio-module__W4fhGG__field textarea{resize:vertical;min-height:90px}.studio-module__W4fhGG__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-module__W4fhGG__primary,.studio-module__W4fhGG__secondary,.studio-module__W4fhGG__danger,.studio-module__W4fhGG__ghost{appearance:none;font:inherit;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-flex}.studio-module__W4fhGG__primary{background:var(--fg);color:var(--bg)}.studio-module__W4fhGG__secondary{background:color-mix(in srgb, var(--fg) 8%, transparent);color:var(--fg)}.studio-module__W4fhGG__ghost{color:var(--fg);background:0 0;padding:6px 10px}.studio-module__W4fhGG__danger{color:#991b1b;background:#fee2e2}.studio-module__W4fhGG__link{appearance:none;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.studio-module__W4fhGG__divider{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.studio-module__W4fhGG__divider:before,.studio-module__W4fhGG__divider:after{content:"";border-top:1px solid color-mix(in srgb, var(--fg) 14%, transparent);flex:1}.studio-module__W4fhGG__primary:disabled,.studio-module__W4fhGG__secondary:disabled{opacity:.45;cursor:default}.studio-module__W4fhGG__notice{background:#22c55e1f;border-radius:12px;padding:12px 14px;line-height:1.5}.studio-module__W4fhGG__warning{background:#f59e0b29;border-radius:12px;padding:12px 14px;line-height:1.5}.studio-module__W4fhGG__error{color:#b91c1c;background:#ef444424;border-radius:12px;padding:10px 12px;line-height:1.5}.studio-module__W4fhGG__cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.studio-module__W4fhGG__card{border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);color:inherit;border-radius:14px;gap:6px;padding:14px;text-decoration:none;display:grid}.studio-module__W4fhGG__card:hover{border-color:color-mix(in srgb, var(--fg) 30%, transparent)}.studio-module__W4fhGG__badge{background:color-mix(in srgb, var(--fg) 8%, transparent);border-radius:999px;justify-self:start;padding:2px 8px;font-size:12px;font-weight:600}.studio-module__W4fhGG__badgePublished{background:#22c55e33}.studio-module__W4fhGG__tabs{border-bottom:1px solid color-mix(in srgb, var(--fg) 12%, transparent);gap:4px;display:flex;overflow-x:auto}.studio-module__W4fhGG__tab{appearance:none;font:inherit;cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px}.studio-module__W4fhGG__tab[aria-selected=true]{color:var(--fg);border-bottom-color:var(--fg);font-weight:600}.studio-module__W4fhGG__tab:disabled{opacity:.4;cursor:default}.studio-module__W4fhGG__split{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px;display:grid}@media (max-width:860px){.studio-module__W4fhGG__split{grid-template-columns:1fr}}.studio-module__W4fhGG__viewport{background:#eef0f3;border-radius:14px;height:min(70vh,620px);position:relative;overflow:hidden}.studio-module__W4fhGG__panel{align-content:start;gap:12px;display:grid}.studio-module__W4fhGG__drop{border:2px dashed color-mix(in srgb, var(--fg) 25%, transparent);text-align:center;border-radius:14px;justify-items:center;gap:10px;padding:28px 16px;display:grid}.studio-module__W4fhGG__drop[data-over=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.studio-module__W4fhGG__list{gap:8px;list-style:none;display:grid}.studio-module__W4fhGG__option{border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);cursor:pointer;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:8px 10px;font-size:14px;display:grid}.studio-module__W4fhGG__option[aria-checked=true]{border-color:var(--fg);background:color-mix(in srgb, var(--fg) 5%, transparent)}.studio-module__W4fhGG__small{color:var(--muted);font-size:13px}.studio-module__W4fhGG__matPreview{border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);background:#fff;border-radius:10px;width:100%}.studio-module__W4fhGG__overlayTools{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:10px;left:10px}.studio-module__W4fhGG__tool{appearance:none;font:inherit;color:#111;cursor:pointer;background:#ffffffeb;border:0;border-radius:999px;padding:7px 12px;font-size:14px;box-shadow:0 1px 6px #0000001f}.studio-module__W4fhGG__tool[aria-pressed=true]{background:#ffc400}.studio-module__W4fhGG__annotation{border:1px solid color-mix(in srgb, var(--fg) 12%, transparent);border-radius:12px;gap:8px;padding:10px;display:grid}.studio-module__W4fhGG__annotation[data-selected=true]{border-color:#eab308;box-shadow:0 0 0 2px #eab3084d}.studio-module__W4fhGG__qr{width:160px;height:160px;image-rendering:pixelated;background:#fff;border-radius:8px}.studio-module__W4fhGG__progress{background:color-mix(in srgb, var(--fg) 10%, transparent);border-radius:999px;height:6px;overflow:hidden}.studio-module__W4fhGG__progress>div{background:var(--accent);height:100%;transition:width .2s}