.studio-theme{--background:#f6f6fb;--foreground:#1d1e2c;--card:#f6f6fb;--card-foreground:#1d1e2c;--popover:#fff;--popover-foreground:#1d1e2c;--primary:#7c5cff;--primary-foreground:#fff;--secondary:#4a4d6a;--secondary-foreground:#4a4d6a;--muted:#f0f0f7;--muted-foreground:#8b8da0;--accent:#f0f0f7;--accent-foreground:#1d1e2c;--border:#e6e6ef;--input:#e6e6ef;--ring:#7c5cff;--studio-panel:#fff;--studio-table:#fff;--studio-rail-border:#e6e6ef;--studio-active:#f0f0f7;--studio-secondary:#4a4d6a;--studio-orange:#f59e5b;--studio-add-fill:#f3f0ff;--studio-add-icon:#6d55f0;--studio-qr-fill:#e3f6f5;--studio-qr-icon:#14b8a6;--studio-reports-fill:#e6efff;--studio-reports-icon:#3b6fd8;--studio-reset-fill:#fdecef;--studio-reset-icon:#d14b60;--studio-custom:#c9c7c0;--studio-hero:linear-gradient(120deg, #cdeff0, #d9dafc 58%, #e8d8fb);--studio-title:linear-gradient(90deg, #0f6f78, #4b2394);--studio-search-border:#7c5cff;--studio-search-glow:0 0 0 4px #7c5cff2e;--studio-overlay:#1d1e2c66;--studio-pick-tint:#eef9f9;--studio-pick-border:#cdeff0;--studio-pick-ink:#0f6f78;background:var(--background);min-height:100vh;color:var(--foreground);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;letter-spacing:0;font-family:Plus Jakarta Sans,sans-serif}.studio-theme .font-display,.studio-theme .font-sans{font-family:inherit}.studio-rail{z-index:30;border-right:1px solid var(--studio-rail-border);background:#fff;flex-direction:column;align-items:center;gap:12px;width:96px;padding:26px 8px 18px;display:flex;position:fixed;inset:0 auto 0 0}.studio-rail-item{width:80px;height:72px;color:var(--studio-secondary);border-radius:14px;flex-direction:column;gap:8px;padding:10px 2px;font-size:11px;display:flex}.studio-rail-item svg{width:21px;height:21px}.studio-rail-item.is-active{background:var(--studio-active);color:var(--foreground)}.studio-rail-add{height:86px;color:var(--foreground)}.studio-rail-add .studio-rail-circle{background:var(--primary);width:46px;height:46px;color:var(--primary-foreground);border-radius:50%;place-items:center;display:grid}.studio-rail-bottom{flex-direction:column;align-items:center;gap:12px;margin-top:auto;display:flex}.studio-avatar{background:var(--muted);border:1px solid var(--border);border-radius:50%;place-items:center;width:38px;height:38px;font-size:14px;font-weight:600;display:grid}.studio-main{margin-left:96px;padding:10px}.studio-panel{background:var(--studio-panel);border:1px solid var(--border);border-radius:24px;min-height:calc(100vh - 20px);overflow:hidden}.studio-hero{text-align:center;background:linear-gradient(to bottom, transparent 55%, var(--background) 100%), var(--studio-hero);min-height:330px;padding:51px 20px 35px;position:relative}.studio-eyebrow{color:var(--secondary);font-size:13px}.studio-headline{background:var(--studio-title);color:#0000;-webkit-background-clip:text;background-clip:text;margin:15px 0 25px;font-size:40px;font-weight:700;line-height:1.25}.studio-search{border:1.5px solid var(--studio-search-border);width:680px;max-width:90%;height:60px;box-shadow:var(--studio-search-glow);color:var(--studio-secondary);background:#fff;border-radius:999px;align-items:center;gap:15px;margin:0 auto;padding:0 22px;display:flex}.studio-search input{min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;flex:1;font-size:14px}.studio-search:focus-within{outline:2px solid var(--ring);outline-offset:5px}.studio-search input:focus-visible{outline:none}.studio-search input::placeholder{color:var(--muted-foreground)}.studio-find-results{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:26px;margin:20px auto 0;font-size:12px;display:flex}.studio-result-pill{background:var(--muted);color:var(--foreground);border-radius:999px;padding:5px 12px;font-weight:600}.studio-find-results{color:var(--muted-foreground)}.studio-rail-icon-wrap{place-items:center;display:grid;position:relative}.studio-rail-badge{background:var(--studio-orange);color:#fff;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-8px}.studio-tables{padding:0 28px 32px}.studio-tables-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.studio-tables-header h2{font-size:20px;font-weight:700}.studio-live{color:var(--muted-foreground);align-items:center;gap:7px;font-size:12px;display:flex}.studio-live-dot{background:var(--studio-qr-icon);border-radius:50%;width:6px;height:6px}.studio-tables-helper{color:var(--muted-foreground);margin:6px 0 20px;font-size:12px}.studio-table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.studio-table{background:var(--studio-table);border:1px solid var(--border);border-radius:20px;min-width:0;padding:16px}.studio-table-title{color:var(--foreground);font-size:14px;font-weight:600}.studio-station{background:var(--card);border:1px solid #ececf3;border-radius:14px;min-width:0;padding:12px;container-type:inline-size}.studio-station-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;display:grid}.studio-station-title{white-space:nowrap;font-size:13px;font-weight:600}.studio-station-controls{align-items:center;gap:4px;display:flex}.studio-pending-badge{color:var(--studio-orange);font-size:10px}.studio-round-control{background:var(--muted);width:28px;min-width:28px;height:28px;color:var(--secondary);border:none;border-radius:50%;padding:0}.studio-round-control:hover{color:var(--foreground);background:#e6e6ef}.studio-station .studio-round-control{background:#fff}.studio-request{background:var(--muted);border:0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:1px;padding:6px;display:flex}.studio-request.is-done{opacity:.45}.studio-request-pick{white-space:normal;flex:70px;justify-content:flex-start;gap:7px;min-width:0;height:auto;padding:2px 0;display:flex}.studio-request-pick:disabled{opacity:1}.studio-request-number{letter-spacing:0;white-space:nowrap;font-size:12px;font-weight:600}.studio-request .studio-request-meta{font-size:10px}.studio-request-actions{margin-left:auto;display:flex}.studio-request-actions button{width:24px;height:26px;padding:0}.studio-station-empty{color:var(--muted-foreground);margin-top:14px;font-size:11px}.studio-hidden-menu{z-index:45;border:1px solid var(--border);background:var(--studio-table);border-radius:14px;width:250px;padding:8px;position:fixed;top:120px;left:108px}.studio-modal-overlay{background:var(--studio-overlay)}.studio-modal{border-color:var(--border);background:#fff;border-radius:24px!important}.studio-seg{background:var(--muted);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.studio-seg button{color:var(--secondary);background:0 0;border-radius:999px;font-size:14px;font-weight:600}.studio-seg button[aria-pressed=true],.studio-seg button[aria-pressed=true]:hover{background:var(--primary);color:#fff}.studio-suggest>div{background:#f3f0ff;border:1px solid #e1daff;border-radius:16px}.studio-suggest>div>div>span:first-child,.studio-suggest button>span:first-child{border:2px solid #fff;border-radius:999px}.studio-suggest p{color:#6d55f0;font-weight:600}.studio-motif-suggest .pp-suggest{border:1px solid var(--studio-pick-border);background:var(--studio-pick-tint);text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px 12px;display:flex}.studio-motif-suggest .pp-suggest-swatch{border:2px solid var(--popover);border-radius:50%;flex-shrink:0;width:38px;height:38px}.studio-motif-suggest .pp-suggest-k{color:var(--studio-pick-ink);overflow-wrap:anywhere;font-size:11px;font-weight:600}.studio-motif-suggest .pp-suggest-v{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.studio-motif-suggest .pp-suggest-why{color:var(--secondary);text-align:right;flex:0 112px;max-width:112px;font-size:11px;line-height:1.3}.studio-motif-suggest .pp-studio-balanced{display:block}.studio-motif-suggest .pp-studio-note{color:var(--secondary);margin-top:3px;font-size:11px;line-height:1.4;display:block}.studio-motif-suggest .studio-pick-add{border-radius:999px;flex-shrink:0;font-size:12px}@media (width<=420px){.studio-motif-suggest .pp-suggest{grid-template-columns:38px minmax(0,1fr) auto;gap:8px;display:grid}.studio-motif-suggest .pp-suggest-why{text-align:left;grid-area:2/2/auto/4;max-width:none}.studio-motif-suggest .studio-pick-add{grid-area:1/3}.studio-motif-suggest .pp-studio-balanced{display:block}}.studio-picker-swatch{border:3px solid #fff;border-radius:999px;flex-shrink:0;width:32px;height:32px;box-shadow:0 0 0 1px #00000014}.studio-modal .studio-picker-color{background:#fff}.studio-modal .studio-picker-color:focus-visible .studio-picker-swatch,.studio-modal .studio-picker-color:active .studio-picker-swatch{box-shadow:0 0 0 2px var(--primary)}.studio-modal input,.studio-modal select{background:#fff}.studio-modal h2{font-size:24px;font-weight:700}.studio-modal button{letter-spacing:0}.studio-modal .studio-picker-color{white-space:normal;justify-content:flex-start;height:auto}@media (width<=900px){.studio-table-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.studio-rail{gap:9px;width:60px;padding:18px 5px 12px}.studio-rail-item{justify-content:center;width:48px;height:48px;padding:5px}.studio-rail-item .studio-rail-label{display:none}.studio-rail-add{height:52px}.studio-rail-add .studio-rail-circle{width:42px;height:42px}.studio-main{margin-left:60px;padding:6px}.studio-panel{border-radius:18px}.studio-hero{min-height:310px;padding:35px 9px 26px}.studio-headline{font-size:28px}.studio-search{gap:9px;max-width:95%;padding:0 14px}.studio-search input{font-size:12px}.studio-tables{padding:0 10px 20px}.studio-table{padding:10px}.studio-table>.grid{gap:7px}.studio-station{padding:8px}.studio-station-header{grid-template-columns:minmax(0,1fr)}.studio-station-title{font-size:11px}.studio-round-control{width:28px;height:28px}.studio-hidden-menu{width:240px;left:66px}.studio-request-pick{flex-wrap:wrap;flex-basis:100%}.studio-request-number{font-size:11px}}@media (prefers-reduced-motion:reduce){.studio-theme *,.studio-theme :before,.studio-theme :after{transition:none!important;animation:none!important}}@container (width<=150px){.studio-station-header{grid-template-columns:minmax(0,1fr)}.studio-request-pick{flex-basis:100%}}.studio-theme .studio-closed-strip{color:#8a4b00;background:#fff4e5;border:1px solid #ffd9a8;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin:0 24px 16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.studio-theme .studio-start-btn{color:#fff;background:#7c5cff;border-radius:999px;font-weight:600}.studio-theme .studio-start-btn:hover{background:#6d4ff0}.studio-theme .studio-live-pill{color:#1d1e2c;vertical-align:middle;background:#f0f0f7;border-radius:999px;align-items:center;gap:6px;margin-left:10px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.studio-theme .studio-live-pill-dot{background:#22c55e;border-radius:999px;width:8px;height:8px}.studio-theme .studio-rail-start,.studio-theme .studio-rail-start svg{color:#7c5cff}.studio-theme button:disabled{opacity:.45;cursor:not-allowed}.studio-theme .studio-station.is-in-use{background:#fde8f1;border:1px solid #f5b8d3}.studio-theme .studio-in-use-tag{color:#b4336f;vertical-align:middle;background:#fff;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.studio-theme .studio-in-use-toggle.is-active{color:#fff;background:#e0568f}.studio-theme .studio-in-use-toggle.is-active:hover{color:#fff;background:#cf4a82}.studio-theme .studio-design-row{margin-top:6px}.studio-theme .studio-design-add{color:#4a4d6a;background:0 0;border:1px solid #e6e6ef;border-radius:999px;padding:2px 10px;font-size:12px}.studio-theme .is-in-use .studio-design-add{background:#fff;border-color:#f5b8d3}.studio-theme .studio-design-tag{color:#1d1e2c;background:#f0f0f7;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.studio-theme .is-in-use .studio-design-tag{background:#fff}.studio-design-group-label{color:#8b8da0;margin-top:18px;margin-bottom:8px;font-size:12px;font-weight:600}.studio-design-chips{flex-wrap:wrap;gap:8px;display:flex}.studio-design-chip{color:#4a4d6a;background:#f0f0f7;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.studio-design-chip[aria-pressed=true]{color:#fff;background:#7c5cff}
