.pi-host .ws-preview,.pi-host .ws-root{--ws-bg:#f5f1eb;--ws-surface:rgba(255,253,248,0.94);--ws-surface-solid:#fffdf8;--ws-field:rgba(255,255,255,0.72);--ws-text:#16322f;--ws-text-78:#45605c;--ws-subtle:#566b67;--ws-link:#0f766e;--ws-line:rgba(22,50,47,0.12);--ws-line-soft:rgba(22,50,47,0.08);--ws-line-input:rgba(22,50,47,0.16);--ws-tint:rgba(15,118,110,0.12);--ws-tint-soft:rgba(15,118,110,0.08);--ws-tint-strong:rgba(15,118,110,0.18);--ws-hover:rgba(15,118,110,0.05);--ws-primary:#0f766e;--ws-primary-700:#0b625d;--ws-accent:#f59e0b;--ws-on-accent:#211600;--ws-accent-wash:rgba(245,158,11,0.1);--ws-accent-line:rgba(245,158,11,0.28);--ws-ring:rgba(15,118,110,0.18);--ws-placeholder:rgba(22,50,47,0.45);--ws-bar:rgba(245,241,235,0.92);--ws-toast:rgba(22,50,47,0.94);--ws-on-toast:#fffdf8;--ws-shadow-play:0 12px 28px rgba(15,118,110,0.24);--ws-danger:#ef4444;--ws-scrim:rgba(4,12,20,0.5);--ws-keepsake:#fffdf8;--ws-keepsake-ink:#16322f;--ws-shadow-panel:0 16px 60px rgba(17,24,39,0.08);--ws-shadow-soft:0 20px 45px -20px rgba(15,118,110,0.35);--ws-shadow-hero:0 18px 45px rgba(4,12,20,0.12);--ws-shadow-sheet:0 -20px 60px rgba(4,12,20,0.25);--ws-ease:cubic-bezier(0.22,1,0.36,1);--ws-journey:linear-gradient(90deg,#0f766e,#2dd4bf 45%,#d987ad);--ws-r-tile:1rem;--ws-r-control:1.5rem;--ws-r-card:1.35rem;--ws-r-list:1.6rem;--ws-r-panel:2rem;--ws-r-sheet:1.8rem}.pi-host .ws-root.is-themed{--ws-bg:var(--background);--ws-surface:rgb(var(--color-surface)/0.94);--ws-surface-solid:rgb(var(--color-surface));--ws-field:rgb(var(--color-surface)/0.72);--ws-text:rgb(var(--color-text));--ws-text-78:rgb(var(--color-text)/0.78);--ws-subtle:rgb(var(--color-text-subtle));--ws-link:rgb(var(--color-link));--ws-line:rgb(var(--color-text)/0.12);--ws-line-soft:rgb(var(--color-text)/0.08);--ws-line-input:rgb(var(--color-text)/0.14);--ws-tint:rgb(var(--color-primary)/0.12);--ws-tint-soft:rgb(var(--color-primary)/0.08);--ws-tint-strong:rgb(var(--color-primary)/0.18);--ws-hover:rgb(var(--color-primary)/0.05);--ws-primary:rgb(var(--color-primary));--ws-primary-700:rgb(var(--color-primary-dark));--ws-accent:rgb(var(--color-accent));--ws-accent-wash:rgb(var(--color-accent)/0.1);--ws-accent-line:rgb(var(--color-accent)/0.28);--ws-ring:rgb(var(--color-primary)/0.18);--ws-placeholder:rgb(var(--color-text-subtle)/0.8);--ws-bar:rgb(var(--color-surface)/0.92);--ws-toast:rgb(var(--color-text)/0.94);--ws-on-toast:rgb(var(--color-text-inverted));--ws-shadow-play:0 12px 28px rgb(var(--color-primary)/0.24)}.pi-host .ws-root{--ws-frame-line:var(--ws-line)}.pi-host[data-pocket-island=workshop]{color-scheme:inherit}.pi-host .ws-root{color-scheme:light}.pi-host .ws-root.is-themed{color-scheme:inherit}.pi-host .ws-keepsake,.pi-host .ws-letter,.pi-host .ws-preview,.pi-host .ws-ticket{color-scheme:light}.pi-host .ws-root{position:fixed;inset:0;background:var(--ws-bg) radial-gradient(circle at top,rgba(15,118,110,.08),transparent 55%) top /100% 36rem no-repeat;color:var(--ws-text);font-family:var(--font-body);font-feature-settings:"ss01" on,"ss03" on;font-size:15px;line-height:1.5}.pi-host .ws-root :focus-visible{outline:2px solid var(--ws-link);outline-offset:2px}.pi-host .ws-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.pi-host .ws-scroll-target{scroll-margin-top:16px}.pi-host .ws-topbar{display:flex;align-items:center;gap:8px;min-height:calc(56px + var(--safe-top));padding:calc(6px + var(--safe-top)) 12px 6px 4px}.pi-host .ws-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:0;border-radius:var(--ws-r-tile);background:none;color:var(--ws-subtle);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s ease}.pi-host .ws-back:hover{color:var(--ws-link)}.pi-host .ws-save-slot{margin-left:auto}.pi-host .ws-save{position:relative;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--ws-line);border-radius:999px;background:transparent;color:var(--ws-subtle);font:inherit;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap}.pi-host .ws-save:before{content:"";position:absolute;inset:-6px}.pi-host button.ws-save{cursor:pointer}.pi-host .ws-save>svg{flex:none;color:var(--ws-link)}.pi-host .ws-save.is-saving>svg{color:var(--ws-subtle);animation:ws-spin .9s linear infinite}.pi-host .ws-save.is-conflict,.pi-host .ws-save.is-error{border-color:var(--ws-accent-line);background:var(--ws-accent-wash);color:var(--ws-text)}.pi-host .ws-save.is-conflict>svg{color:var(--ws-text)}.pi-host .ws-save.is-failed{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.08);color:var(--ws-text)}.pi-host .ws-save.is-failed>svg{color:var(--ws-danger)}.pi-host .ws-headline{padding:4px 16px 16px}.pi-host .ws-eyebrow{margin:0;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:var(--ws-link)}.pi-host .ws-h1{display:-webkit-box;margin:6px 0 0;overflow:hidden;font-family:var(--font-display);font-size:2rem;font-weight:400;line-height:1.1;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.pi-host .ws-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:10px;font-size:14px;color:var(--ws-subtle)}.pi-host .ws-chip-todo{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:1px solid var(--ws-accent-line);border-radius:999px;background:var(--ws-accent-wash);color:var(--ws-text);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s ease}.pi-host .ws-chip-todo:before{content:"";position:absolute;inset:-4px}.pi-host .ws-chip-todo:hover{border-color:var(--ws-accent)}.pi-host .ws-preview{position:relative;isolation:isolate;min-width:0;overflow:hidden;border:1px solid var(--ws-frame-line);border-radius:var(--ws-r-panel);background:linear-gradient(#bfe3f0,#fce3c0);box-shadow:var(--ws-shadow-hero);color:var(--ws-text)}.pi-host .ws-preview-slot>.ws-preview{height:100%}.pi-host .ws-pv-hint{position:absolute;left:12px;bottom:12px;z-index:60;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 24px);margin:0;padding:7px 12px;border-radius:999px;background:rgba(255,253,248,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ws-text-78);font-size:12.5px;font-weight:600;pointer-events:none}.pi-host .ws-pv-hint>svg{flex:none}.pi-host .ws-pv-banner{position:absolute;left:12px;right:12px;z-index:60;display:flex;justify-content:center;pointer-events:none}.pi-host .ws-banner{pointer-events:auto;display:flex;align-items:center;gap:10px;width:100%;max-width:480px;padding:5px 5px 5px 16px;border:1px solid var(--ws-accent);border-radius:var(--ws-r-control);background:var(--ws-surface-solid);color:var(--ws-text);font-size:14px;box-shadow:0 16px 36px -14px rgba(4,12,20,.45);animation:ws-toast-in .2s ease-out both}.pi-host .ws-banner-text{flex:1;min-width:0;padding:6px 0;line-height:1.35}.pi-host .ws-banner-btn{flex:none;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--ws-text);color:var(--ws-surface-solid);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.pi-host .ws-pulse-dot{flex:none;display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ws-accent);animation:ws-pulse 1.4s ease-out infinite}.pi-host .ws-chip-anchor{position:absolute;left:0;top:0;transform:translate(-50%,calc(-100% - 8px));transition:opacity .25s ease;pointer-events:none}.pi-host .ws-chip{position:relative;display:inline-flex;align-items:center;gap:5px;max-width:172px;padding:5px 10px 5px 8px;border:0;border-radius:999px;background:var(--ws-surface-solid);color:var(--ws-text);font:600 12px/1.2 var(--font-body);white-space:nowrap;box-shadow:0 6px 16px -8px rgba(4,12,20,.5),0 0 0 1px var(--ws-line-soft);pointer-events:none;user-select:none;-webkit-user-select:none}.pi-host .ws-chip:after{content:"";position:absolute;left:50%;bottom:-4px;width:9px;height:9px;margin-left:-4.5px;border-radius:2px;background:inherit;transform:rotate(45deg);z-index:-1}.pi-host .ws-chip>svg{flex:none;color:var(--ws-link)}.pi-host .ws-chip-text{overflow:hidden;text-overflow:ellipsis}.pi-host .ws-chip-lock{opacity:.7}.pi-host .ws-chip-count{flex:none;padding:1px 6px;border-radius:999px;background:var(--ws-tint);color:var(--ws-link);font-size:10.5px;font-weight:700}.pi-host .ws-chip.is-song>svg{color:#b45309}.pi-host .ws-chip.is-selected{background:var(--ws-primary);color:#fff}.pi-host .ws-chip.is-selected>svg{color:#fff}.pi-host .ws-chip.is-selected .ws-chip-count{background:rgba(255,255,255,.2);color:#fff}.pi-host .ws-chip.is-flash{animation:ws-chip-pop .6s cubic-bezier(.3,1.6,.5,1)}.pi-host .ws-chip.is-compact{gap:3px;min-width:26px;min-height:26px;justify-content:center;padding:5px 6px}.pi-host .ws-chip.is-compact .ws-chip-count{padding:0 5px}.pi-host .ws-chip.is-place{min-height:36px;padding:8px 14px 8px 10px;background:var(--ws-accent);color:var(--ws-on-accent);font-size:13px;font-weight:700;pointer-events:auto;cursor:pointer;animation:ws-chip-pulse 1.6s ease-in-out infinite}.pi-host .ws-chip.is-place>svg{color:var(--ws-on-accent)}.pi-host .ws-chip.is-place:hover{filter:brightness(1.06)}.pi-host .ws-chip.is-place .ws-chip-count{background:rgba(33,22,0,.14);color:var(--ws-on-accent)}.pi-host .ws-chip.is-place:before{content:"";position:absolute;inset:-6px -4px}.pi-host .ws-sections{display:grid;gap:28px;padding:20px 16px 24px}.pi-host .ws-group{min-width:0}.pi-host .ws-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 4px 12px}.pi-host .ws-group-head h2{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:400;line-height:1.15;letter-spacing:-.02em}.pi-host .ws-group-head h2:focus-visible,.pi-host .ws-sheet-title:focus-visible{outline:none}.pi-host .ws-group-count{font-size:13px;color:var(--ws-subtle);font-variant-numeric:tabular-nums;white-space:nowrap}.pi-host .ws-group-lede{margin:-4px 4px 12px;font-size:14px;line-height:1.5;color:var(--ws-subtle)}.pi-host .ws-group-label{display:block;margin:14px 4px 6px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--ws-subtle);opacity:.9}.pi-host .ws-list{margin:0;padding:0;list-style:none;overflow:hidden;border:1px solid var(--ws-line);border-radius:var(--ws-r-list);background:var(--ws-surface);box-shadow:var(--ws-shadow-panel)}.pi-host .ws-list>li+li{border-top:1px solid var(--ws-line-soft)}.pi-host .ws-list>li.is-entering{animation:ws-row-in .28s var(--ws-ease) both}.pi-host .ws-item{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;min-height:64px;margin:0;padding:12px 14px 12px 12px;border:0;background:transparent;color:var(--ws-text);font:inherit;text-align:left;cursor:pointer;transition:background-color .2s ease}.pi-host .ws-item-main:hover,.pi-host .ws-item:hover:not(:disabled){background:var(--ws-hover)}.pi-host .ws-item-main:focus-visible,.pi-host .ws-item:focus-visible{outline:2px solid var(--ws-link);outline-offset:-2px}.pi-host .ws-item:disabled{cursor:default}.pi-host .ws-item-tile{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--ws-r-tile);background:var(--ws-tint);color:var(--ws-link)}.pi-host .ws-item-photo{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.pi-host .ws-item-tile.is-cover{background:none}.pi-host .ws-item-tile.is-art{overflow:hidden;background:none}.pi-host .ws-item-tile.is-art .ws-look-art{width:100%;height:100%;margin:0;aspect-ratio:auto;border-radius:0}.pi-host .ws-item-text{display:grid;gap:2px;min-width:0}.pi-host .ws-item-title{font-size:15px;font-weight:600;line-height:1.35}.pi-host .ws-item-status,.pi-host .ws-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-host .ws-item-status{font-size:13px;font-weight:500;line-height:1.4;color:var(--ws-subtle)}.pi-host .ws-item.is-todo .ws-item-status{font-weight:600;color:var(--ws-text)}.pi-host .ws-item-chev{color:var(--ws-subtle);opacity:.8;transition:transform .2s var(--ws-ease)}.pi-host .ws-item.is-add .ws-item-tile{background:var(--ws-accent-wash);color:var(--ws-text)}.pi-host .ws-item.is-add .ws-item-status{white-space:normal}.pi-host .ws-item.is-add:disabled .ws-item-tile{background:var(--ws-tint-soft);color:var(--ws-subtle)}.pi-host .ws-dot{flex:none;display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--ws-accent)}.pi-host .ws-item-tile .ws-dot{position:absolute;top:-3px;right:-3px;box-shadow:0 0 0 2px var(--ws-surface-solid)}.pi-host .ws-item.is-song{grid-template-columns:minmax(0,1fr) 44px;gap:4px;padding:0 14px 0 0;cursor:default}.pi-host .ws-item.is-song:hover{background:transparent}.pi-host .ws-item-main{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:64px;margin:0;padding:12px 8px 12px 12px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .2s ease}.pi-host .ws-item-tile .ws-song-cover{width:40px;height:40px}.pi-host .ws-song-play{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--ws-primary);color:#fff;box-shadow:var(--ws-shadow-play);cursor:pointer;transition:transform .2s var(--ws-ease),background-color .2s ease}.pi-host .ws-song-play:hover{background:var(--ws-primary-700)}.pi-host .ws-song-play:not(.is-playing)>svg,.pi-host .ws-songpick-play:not(.is-playing)>svg{margin-left:2px}.pi-host .ws-empty{display:grid;justify-items:center;gap:6px;padding:28px 20px 24px;text-align:center}.pi-host .ws-empty-art{display:grid;place-items:center;width:56px;height:56px;margin-bottom:4px;border-radius:var(--ws-r-tile);background:var(--ws-accent-wash);color:var(--ws-text)}.pi-host .ws-empty-title{margin:0;font-family:var(--font-display);font-size:1.35rem;line-height:1.2}.pi-host .ws-empty-text{max-width:30ch;margin:0 0 10px;font-size:14px;line-height:1.5;color:var(--ws-subtle)}.pi-host .ws-foot{display:grid;justify-items:center;gap:6px;padding:0 16px 24px}.pi-host .ws-footnote{max-width:34rem;margin:0;font-size:12.5px;line-height:1.5;color:var(--ws-subtle);text-align:center}.pi-host .ws-footnote>svg{display:inline;margin-right:4px;vertical-align:-2px}.pi-host .ws-foot .ws-confirm{width:100%;max-width:30rem}.pi-host .ws-section{padding:20px 18px;border:1px solid var(--ws-line);border-radius:var(--ws-r-list);background:var(--ws-surface);box-shadow:var(--ws-shadow-panel)}.pi-host .ws-bar{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;gap:8px;padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid var(--ws-line-soft);background:var(--ws-bar);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pi-host .ws-bar-progress{position:absolute;top:-1px;left:0;height:2px;background:var(--ws-journey);pointer-events:none;transition:width .55s var(--ws-ease)}.pi-host .ws-bar .ws-btn{min-height:48px;font-size:15px}.pi-host .ws-bar-main{flex:1;min-width:0}.pi-host .ws-toast-region{z-index:40;pointer-events:none}.pi-host .ws-toast{pointer-events:auto;display:flex;align-items:center;gap:4px;width:100%;max-width:440px;min-height:52px;margin:0 auto;padding:4px 4px 4px 16px;border-radius:var(--ws-r-control);background:var(--ws-toast);color:var(--ws-on-toast);font-size:14px;line-height:1.4;box-shadow:0 18px 45px rgba(4,12,20,.28);animation:ws-toast-in .2s ease-out both}.pi-host .ws-toast :focus-visible{outline-color:var(--ws-on-toast)}.pi-host .ws-toast-text{flex:1;min-width:0;padding:8px 0}.pi-host .ws-toast-btn{position:relative;flex:none;min-height:36px;max-width:55%;padding:0 14px;border:0;border-radius:999px;background:var(--ws-accent);color:var(--ws-on-accent);font:inherit;font-size:13.5px;font-weight:600;line-height:1.2;cursor:pointer}.pi-host .ws-toast-btn:before{content:"";position:absolute;inset:-4px}.pi-host .ws-toast-x{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.8;cursor:pointer}.pi-host .ws-sheet-scrim{position:absolute;inset:0;background:var(--ws-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);touch-action:none;animation:ws-scrim-in .2s ease-out both}.pi-host .ws-sheet{position:relative;display:flex;flex-direction:column;min-height:0;background:var(--ws-bg);color:var(--ws-text)}.pi-host .ws-sheet-handle{flex:none;align-self:center;width:40px;height:4px;margin-top:8px;border-radius:999px;background:var(--ws-line-input)}.pi-host .ws-sheet-head{flex:none;display:flex;align-items:flex-start;gap:8px;padding:12px 12px 8px 20px}.pi-host .ws-sheet-titles{flex:1;min-width:0;padding-top:6px}.pi-host .ws-sheet-eyebrow{margin:0 0 4px;font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;color:var(--ws-link)}.pi-host .ws-sheet-back{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:-8px 0 2px -10px;padding:0 10px;border:0;border-radius:var(--ws-r-tile);background:none;color:var(--ws-subtle);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s ease}.pi-host .ws-sheet-back:before{content:"";position:absolute;inset:-4px 0}.pi-host .ws-sheet-back:hover{color:var(--ws-link)}.pi-host .ws-sheet-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}.pi-host .ws-sheet-title{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:400;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}.pi-host .ws-sheet-aside{font-size:13px;color:var(--ws-subtle);font-variant-numeric:tabular-nums}.pi-host .ws-sheet-x{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ws-text-78);cursor:pointer;transition:background-color .2s ease}.pi-host .ws-sheet-x:hover{background:var(--ws-hover)}.pi-host .ws-sheet-body{flex:1 1 auto;min-height:0;padding:8px 20px 20px;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:96px}.pi-host .ws-sheet.is-footless .ws-sheet-body{padding-bottom:calc(20px + var(--safe-bottom))}.pi-host .ws-sheet-foot{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px calc(12px + var(--safe-bottom));border-top:1px solid var(--ws-line-soft)}.pi-host .ws-sheet-foot>.ws-btn{min-height:48px}.pi-host .ws-sheet-foot>:first-child:not(:last-child){margin-right:auto}.pi-host .ws-sheet-foot .ws-confirm{flex:1}.pi-host .ws-sheet-foot:has(.ws-confirm) .ws-done{display:none}.pi-host .ws-sheet-lede{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--ws-subtle)}.pi-host .ws-field{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;margin:0 0 20px}.pi-host .ws-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.pi-host .ws-label{font-size:14px;font-weight:600;color:var(--ws-text)}.pi-host .ws-optional{font-weight:400;color:var(--ws-subtle)}.pi-host .ws-hint{margin:0;font-size:13px;line-height:1.5;color:var(--ws-subtle)}.pi-host .ws-hint>svg{vertical-align:-3px}.pi-host .ws-hint-top{margin-top:-4px}.pi-host .ws-hint-warn{display:flex;align-items:flex-start;gap:6px;margin-top:8px;color:var(--ws-text-78)}.pi-host .ws-hint-warn>svg{flex:none;margin-top:2px;color:var(--ws-accent);vertical-align:0}.pi-host .ws-error{display:flex;align-items:flex-start;gap:8px;margin:0;padding:8px 12px;border:1px solid rgba(239,68,68,.35);border-radius:var(--ws-r-tile);background:rgba(239,68,68,.08);color:var(--ws-text);font-size:13px;line-height:1.45}.pi-host .ws-error>svg{flex:none;margin-top:1px;color:var(--ws-danger)}.pi-host .ws-error-box{margin-bottom:16px;padding:12px 14px;font-size:14px}.pi-host .ws-error-box p{margin:0;font-weight:600}.pi-host .ws-error-box ul{margin:6px 0 0;padding-left:18px}.pi-host .ws-counter{font-size:12px;color:var(--ws-subtle);font-variant-numeric:tabular-nums;white-space:nowrap}.pi-host .ws-counter.is-near{font-weight:700;color:var(--ws-text)}.pi-host .ws-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;align-items:start}.pi-host .ws-row{display:flex;align-items:center;gap:8px}.pi-host .ws-row-wrap{flex-wrap:wrap}.pi-host .ws-center{justify-content:center}.pi-host .ws-input{display:block;width:100%;min-height:48px;margin:0;padding:0 16px;border:1px solid var(--ws-line-input);border-radius:var(--ws-r-control);background:var(--ws-field);color:var(--ws-text);font:inherit;font-size:16px;line-height:1.4;transition:border-color .2s ease,box-shadow .2s ease}.pi-host .ws-input::placeholder{color:var(--ws-placeholder);opacity:1}.pi-host .ws-input:focus{outline:none;border-color:var(--ws-primary);box-shadow:0 0 0 3px var(--ws-ring)}.pi-host .ws-textarea{min-height:96px;padding:12px 16px;border-radius:1.25rem;line-height:1.55;resize:none}.pi-host .ws-date{max-width:260px}.pi-host .ws-date::-webkit-date-and-time-value{text-align:left}.pi-host .ws-letter{min-height:240px;padding-top:10px;border-color:rgba(22,50,47,.12);background-color:var(--ws-keepsake);background-image:linear-gradient(transparent 27px,rgba(15,118,110,.1) 0,rgba(15,118,110,.1) 28px);background-size:100% 28px;background-position:0 10px;background-attachment:local;color:var(--ws-keepsake-ink);caret-color:var(--ws-keepsake-ink);line-height:28px}.pi-host .ws-keepsake-note::placeholder,.pi-host .ws-letter::placeholder{color:rgba(22,50,47,.45)}.pi-host .ws-keepsake{padding:10px 16px 12px;border:1px solid rgba(22,50,47,.12);border-radius:1.25rem;background:var(--ws-keepsake);color:var(--ws-keepsake-ink);box-shadow:0 12px 30px -20px rgba(4,12,20,.45);transition:border-color .2s ease,box-shadow .2s ease}.pi-host .ws-keepsake:focus-within{border-color:var(--ws-primary);box-shadow:0 0 0 3px var(--ws-ring),0 12px 30px -20px rgba(4,12,20,.45)}.pi-host .ws-keepsake-note{display:block;width:100%;min-height:112px;margin:0;padding:0;border:0;background:transparent linear-gradient(transparent 27px,rgba(15,118,110,.12) 0,rgba(15,118,110,.12) 28px) 0 0 /100% 28px local;color:inherit;caret-color:var(--ws-keepsake-ink);font:inherit;font-size:16px;line-height:28px;resize:none}.pi-host .ws-keepsake-note:focus,.pi-host .ws-keepsake-note:focus-visible{outline:none}.pi-host .ws-sign{display:block;width:fit-content;margin:2px 4px 0 auto;font-family:var(--font-hand);font-size:24px;line-height:1.1;transform:rotate(-2deg);color:var(--ws-keepsake-ink)}.pi-host .ws-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:0 18px;border:1px solid var(--ws-line-input);border-radius:var(--ws-r-control);background:transparent;color:var(--ws-text);font:inherit;font-size:14px;font-weight:600;line-height:1.2;white-space:nowrap;cursor:pointer;transition:transform .2s var(--ws-ease),background-color .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease}.pi-host .ws-btn>svg{flex:none}.pi-host .ws-btn:hover:not(:disabled){background:var(--ws-hover)}.pi-host .ws-btn:active:not(:disabled){transform:scale(.98)}.pi-host .ws-btn:disabled{opacity:.55;cursor:not-allowed}.pi-host .ws-btn-sm{padding:0 14px;font-size:13.5px}.pi-host .ws-btn-block{width:100%}.pi-host .ws-btn-cta{border-color:transparent;background:var(--ws-accent);color:var(--ws-on-accent);box-shadow:var(--ws-shadow-panel)}.pi-host .ws-btn-cta:hover:not(:disabled){background:var(--ws-accent);filter:brightness(1.05)}.pi-host .ws-btn-cta:focus-visible{outline-offset:3px}.pi-host .ws-btn-teal{border-color:transparent;background:var(--ws-primary);color:#fff;box-shadow:var(--ws-shadow-soft)}.pi-host .ws-btn-teal:hover:not(:disabled){background:var(--ws-primary-700)}.pi-host .ws-btn-secondary{border-color:var(--ws-line-input);background:transparent}.pi-host .ws-btn-soft{border-color:transparent;background:var(--ws-tint);color:var(--ws-link)}.pi-host .ws-btn-soft:hover:not(:disabled){background:var(--ws-tint-strong)}.pi-host .ws-btn-danger-quiet,.pi-host .ws-btn-quiet{border-color:transparent;color:var(--ws-text-78)}.pi-host .ws-btn-danger-quiet>svg{color:var(--ws-danger)}.pi-host .ws-btn-danger-quiet:hover:not(:disabled){background:rgba(239,68,68,.08);color:var(--ws-text)}.pi-host .ws-btn-amber-soft{border-color:var(--ws-accent-line);background:var(--ws-accent-wash);color:var(--ws-text)}.pi-host .ws-btn-danger{border-color:transparent;background:#dc2626;color:#fff}.pi-host .ws-btn-danger:hover:not(:disabled){background:#c81e1e}.pi-host .ws-btn-rec{border-color:transparent;background:#cf3e33;color:#fff;box-shadow:0 10px 20px -14px rgba(224,86,75,.9)}.pi-host .ws-btn-rec:hover:not(:disabled){background:#b9362c}.pi-host .ws-btn .ws-spinner{width:16px;height:16px}.pi-host .ws-icon-btn{position:relative;flex:none;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ws-text-78);cursor:pointer;transition:background-color .2s ease}.pi-host .ws-icon-btn:hover:not(:disabled){background:var(--ws-hover)}.pi-host .ws-icon-btn:disabled{opacity:.35;cursor:not-allowed}.pi-host .ws-icon-btn-sm{width:40px;height:40px}.pi-host .ws-icon-btn-sm:before{content:"";position:absolute;inset:-2px}.pi-host .ws-linkbtn{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;margin:0;padding:0 2px;border:0;background:none;color:var(--ws-link);font:inherit;font-size:14px;font-weight:600;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}.pi-host .ws-linkbtn:before{content:"";position:absolute;inset:-4px -2px}.pi-host .ws-linkbtn:hover{text-decoration-thickness:2px}.pi-host .ws-spinner{display:inline-block;flex:none;width:18px;height:18px;border:2px solid;border-right:2px solid transparent;border-radius:50%;opacity:.8;animation:ws-spin .8s linear infinite}.pi-host .ws-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:4px 4px 4px 14px;border:1px solid rgba(239,68,68,.25);border-radius:var(--ws-r-control);background:rgba(239,68,68,.06);animation:ws-rise .2s ease both}.pi-host .ws-confirm-q{flex:1 1 auto;font-size:14px;font-weight:600;color:var(--ws-text)}.pi-host .ws-confirm-btns{display:flex;gap:4px;margin-left:auto}.pi-host .ws-notice{display:flex;align-items:flex-start;gap:10px;margin:10px 0 0;padding:10px 6px 10px 14px;border:1px solid var(--ws-accent-line);border-radius:var(--ws-r-control);background:var(--ws-accent-wash);color:var(--ws-text-78);font-size:14px;font-weight:600;line-height:1.45;animation:ws-rise .25s ease both}.pi-host .ws-notice>svg{flex:none;margin-top:2px;color:var(--ws-accent)}.pi-host .ws-notice.is-info{border-color:var(--ws-line);background:var(--ws-tint-soft)}.pi-host .ws-notice.is-info>svg{color:var(--ws-link)}.pi-host .ws-notice-body{flex:1;min-width:0;padding:1px 0}.pi-host .ws-notice .ws-icon-btn{margin:-8px 0;color:inherit}.pi-host .ws-seg{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--ws-tint-soft)}.pi-host .ws-seg-opt{position:relative;flex:1 1 0;display:grid;place-items:center;min-width:0;min-height:44px;padding:6px 10px;border-radius:999px;color:var(--ws-subtle);font-size:13px;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.pi-host .ws-seg-opt:hover{color:var(--ws-text)}.pi-host .ws-seg-opt.is-on{background:var(--ws-surface-solid);color:var(--ws-text);box-shadow:0 0 0 1px var(--ws-line-input),0 1px 2px rgba(0,0,0,.08)}.pi-host .ws-seg-opt:has(input:focus-visible){outline:2px solid var(--ws-link);outline-offset:1px}.pi-host .ws-choices,.pi-host .ws-spot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pi-host .ws-choice{position:relative;display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:8px 12px;border:1px solid var(--ws-line);border-radius:var(--ws-r-control);background:var(--ws-field);color:var(--ws-text);font-size:14px;font-weight:500;line-height:1.25;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}.pi-host .ws-choice:hover{border-color:var(--ws-line-input);background:var(--ws-hover)}.pi-host .ws-choice.is-on{border-color:var(--ws-primary);background:var(--ws-tint);color:var(--ws-link);box-shadow:0 0 0 1px var(--ws-tint)}.pi-host .ws-choice:has(input:focus-visible){outline:2px solid var(--ws-link);outline-offset:2px}.pi-host .ws-stepper{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;border-radius:var(--ws-r-control);font-size:14px;color:var(--ws-text)}.pi-host .ws-stepper-btn{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid var(--ws-line-input);border-radius:50%;background:transparent;color:var(--ws-text);cursor:pointer;transition:background-color .2s ease}.pi-host .ws-stepper-btn:hover:not(:disabled){background:var(--ws-hover)}.pi-host .ws-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.pi-host .ws-stepper-value{min-width:2ch;font-size:16px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.pi-host .ws-disclosure{margin:0 0 12px;border-top:1px solid var(--ws-line-soft)}.pi-host .ws-disclosure-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;margin:0;padding:10px 2px;border:0;background:none;color:var(--ws-text);font:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}.pi-host .ws-disclosure-text{display:grid;gap:2px;min-width:0}.pi-host .ws-disclosure-summary{overflow:hidden;font-size:13px;font-weight:500;color:var(--ws-subtle);text-overflow:ellipsis;white-space:nowrap}.pi-host .ws-disclosure-chev{flex:none;color:var(--ws-subtle);transition:transform .2s ease}.pi-host .ws-disclosure.is-open .ws-disclosure-chev{transform:rotate(180deg)}.pi-host .ws-disclosure-panel{padding:6px 0 0;animation:ws-open .22s ease both}.pi-host .ws-spot{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:48px;margin:0;padding:0 16px;border:1px solid var(--ws-line-input);border-radius:var(--ws-r-control);background:var(--ws-field);color:var(--ws-text);font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background-color .2s ease}.pi-host .ws-spot:hover{background:var(--ws-hover)}.pi-host .ws-spot>svg{flex:none;color:var(--ws-link)}.pi-host .ws-spot.is-todo{border-color:var(--ws-accent-line);background:var(--ws-accent-wash)}.pi-host .ws-spot-text{flex:1;min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.pi-host .ws-spot-action{flex:none;color:var(--ws-link);font-weight:600}.pi-host .ws-spot-panel{display:grid;gap:12px;padding:14px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card);background:var(--ws-surface);animation:ws-open .22s ease both}.pi-host .ws-spot-group{display:grid;gap:8px}.pi-host .ws-spot-group .ws-group-label{margin:2px 2px 0}.pi-host .ws-spot-label{flex:1;min-width:0}.pi-host .ws-spot-count{flex:none;display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ws-tint);color:var(--ws-link);font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}.pi-host .ws-spot-song{flex:none;color:var(--ws-link)}.pi-host .ws-spot-cancel{justify-self:start}.pi-host .ws-kinds{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.pi-host .ws-notice+.ws-kinds{margin-top:14px}.pi-host .ws-kind-tile{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;min-height:60px;margin:0;padding:10px 12px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card);background:var(--ws-surface);color:var(--ws-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s var(--ws-ease)}.pi-host .ws-kind-tile:hover:not(:disabled){border-color:var(--ws-line-input);background:var(--ws-hover)}.pi-host .ws-kind-tile:disabled{opacity:.5;cursor:not-allowed}.pi-host .ws-kind-tile .ws-item-tile{width:36px;height:36px}.pi-host .ws-kind-text{display:grid;gap:2px;min-width:0}.pi-host .ws-kind-label{font-size:14px;font-weight:600}.pi-host .ws-kind-blurb{font-size:12.5px;line-height:1.35;color:var(--ws-subtle)}.pi-host .ws-song-cover{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--ws-r-tile);object-fit:cover;background:var(--ws-tint);color:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}.pi-host .ws-song-cover.is-missing{color:var(--ws-link)}.pi-host .ws-skel-line,.pi-host .ws-song-cover.is-loading{background:linear-gradient(90deg,var(--ws-tint-soft),var(--ws-tint-strong),var(--ws-tint-soft));background-size:200% 100%;animation:ws-shimmer-bg 1.2s linear infinite}.pi-host .ws-skel-line{display:block;height:12px;border-radius:6px}.pi-host .ws-skel-line.is-short{width:55%}.pi-host .ws-song-current{display:grid;grid-template-columns:56px minmax(0,1fr) 44px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card);background:var(--ws-surface);box-shadow:var(--ws-shadow-panel)}.pi-host .ws-song-current .ws-song-cover{width:56px;height:56px;border-radius:var(--ws-r-control)}.pi-host .ws-song-current-text{display:grid;gap:4px;min-width:0}.pi-host .ws-song-current-title{display:-webkit-box;margin:0;overflow:hidden;font-size:16px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.pi-host .ws-song-current-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:13px;color:var(--ws-subtle)}.pi-host .ws-song-current-meta.is-todo{font-weight:600;color:var(--ws-text)}.pi-host .ws-mini-chip{padding:1px 8px;border-radius:999px;background:var(--ws-tint);color:var(--ws-link);font-size:11.5px;font-weight:600}.pi-host .ws-song-change{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 20px}.pi-host .ws-song-count{font-size:13px;color:var(--ws-subtle)}.pi-host .ws-songs{display:grid;gap:2px}.pi-host .ws-song-search{position:sticky;top:0;z-index:2;margin:-8px -20px 4px;padding:8px 20px 10px;background:var(--ws-bg)}.pi-host .ws-search-field{position:relative}.pi-host .ws-search-field>svg{position:absolute;top:50%;left:16px;margin-top:-8px;color:var(--ws-subtle);pointer-events:none}.pi-host .ws-search-field .ws-input{padding-right:48px;padding-left:44px;-webkit-appearance:none;appearance:none}.pi-host .ws-search-field .ws-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.pi-host .ws-search-clear{position:absolute;top:2px;right:2px}.pi-host .ws-songpick-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:4px;padding-right:8px;border-radius:var(--ws-r-tile);transition:background-color .2s ease;content-visibility:auto;contain-intrinsic-size:auto 60px}.pi-host .ws-songpick-row.is-on{background:rgba(15,118,110,.1)}.pi-host .ws-songpick-row.is-skeleton{grid-template-columns:40px minmax(0,1fr);gap:12px;min-height:60px;padding:8px 12px}.pi-host .ws-songpick-row.is-skeleton .ws-songpick-text{gap:8px}.pi-host .ws-songpick{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;min-width:0;min-height:60px;padding:8px 4px 8px 12px;border-radius:var(--ws-r-tile);cursor:pointer;transition:background-color .2s ease}.pi-host .ws-songpick:hover{background:var(--ws-hover)}.pi-host .ws-songpick:has(input:focus-visible){outline:2px solid var(--ws-link);outline-offset:-2px}.pi-host .ws-songpick-art{position:relative;width:40px;height:40px}.pi-host .ws-songpick-check{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ws-primary);color:#fff;box-shadow:0 0 0 2px var(--ws-surface-solid);animation:ws-pop .35s cubic-bezier(.3,1.6,.5,1) both}.pi-host .ws-songpick-text{display:grid;gap:2px;min-width:0}.pi-host .ws-songpick-meta,.pi-host .ws-songpick-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-host .ws-songpick-title{font-size:15px;font-weight:600;line-height:1.35}.pi-host .ws-songpick-meta{font-size:12.5px;color:var(--ws-subtle)}.pi-host .ws-chip-own{display:inline-block;margin-right:6px;padding:0 7px;border-radius:999px;background:var(--ws-tint);color:var(--ws-link);font-size:11px;font-weight:600;line-height:18px}.pi-host .ws-songpick-play{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--ws-line-input);border-radius:50%;background:transparent;color:var(--ws-link);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.pi-host .ws-songpick-play:hover{background:var(--ws-hover)}.pi-host .ws-songpick-play.is-playing{border-color:transparent;background:var(--ws-primary);color:#fff}.pi-host .ws-songs-empty{display:grid;justify-items:start;gap:10px;padding:14px 16px;border:1px dashed var(--ws-line-input);border-radius:var(--ws-r-card);background:var(--ws-tint-soft);font-size:14px}.pi-host .ws-songs-empty p{margin:0}.pi-host .ws-songs-more{margin-top:10px}.pi-host .ws-hook{margin-bottom:0}.pi-host .ws-wave{position:relative;height:68px;margin:4px 0 6px;padding:7px 0;overflow:hidden;border-radius:var(--ws-r-tile);background:var(--ws-tint-soft);cursor:ew-resize;touch-action:none}.pi-host .ws-wave svg{display:block;width:100%;height:100%}.pi-host .ws-wave rect{fill:var(--ws-link);fill-opacity:.35;transition:fill .2s ease}.pi-host .ws-wave rect.is-hook{fill:var(--ws-accent);fill-opacity:1}.pi-host .ws-wave rect.ws-wave-window{fill:var(--ws-accent);fill-opacity:.18}.pi-host .ws-wave.is-placeholder rect:not(.ws-wave-window){fill:var(--ws-text);fill-opacity:.12}.pi-host .ws-wave.is-placeholder rect.is-hook{fill:var(--ws-accent);fill-opacity:.55}.pi-host .ws-wave.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.35) 50%,transparent 80%);animation:ws-shimmer 1.3s ease-in-out infinite}.pi-host .ws-wave-head{position:absolute;top:5px;bottom:5px;left:0;width:2px;margin-left:-1px;border-radius:2px;background:var(--ws-text);opacity:0;pointer-events:none;transition:opacity .2s ease}.pi-host .ws-hook-controls{gap:10px}.pi-host .ws-range{flex:1 1 160px;min-width:0;height:44px;margin:0;accent-color:var(--ws-primary);cursor:pointer}.pi-host .ws-check-list{margin:0 0 16px;padding:0;list-style:none}.pi-host .ws-check{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding:6px 0;border-top:1px solid var(--ws-line-soft);font-size:14px;line-height:1.45}.pi-host .ws-check:first-child{border-top:0}.pi-host .ws-check>svg{color:var(--ws-accent)}.pi-host .ws-check.is-ok{grid-template-columns:18px minmax(0,1fr);min-height:48px;color:var(--ws-text-78)}.pi-host .ws-check.is-ok>svg{color:var(--ws-link)}.pi-host .ws-check-text{min-width:0}.pi-host .ws-check-fix{min-width:44px;min-height:44px;margin:0;padding:0 10px;border:0;border-radius:var(--ws-r-tile);background:none;color:var(--ws-link);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.pi-host .ws-check-fix:hover{background:var(--ws-hover)}.pi-host .ws-check-info ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.pi-host .ws-check-info li{display:flex;gap:8px;font-size:13px;line-height:1.45;color:var(--ws-subtle)}.pi-host .ws-check-info li>svg{flex:none;margin-top:2px}.pi-host .ws-looks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pi-host .ws-look{position:relative;display:grid;align-content:start;gap:2px;min-width:0;margin:0;padding:8px 8px 12px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card);background:var(--ws-surface);color:var(--ws-text);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.pi-host .ws-look:hover{border-color:var(--ws-line-input)}.pi-host .ws-look.is-on{border-color:var(--ws-accent);background:var(--ws-accent-wash);box-shadow:0 0 0 3px rgba(245,158,11,.14)}.pi-host .ws-look-art{display:block;width:100%;height:auto;aspect-ratio:16/10;margin-bottom:8px;border-radius:var(--ws-r-tile)}.pi-host .ws-look-name{padding:0 4px;font-family:var(--font-display);font-size:17px;line-height:1.15}.pi-host .ws-look-occ{padding:0 4px;font-size:12.5px;line-height:1.35;color:var(--ws-subtle)}.pi-host .ws-look-check{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ws-accent);color:#fff;box-shadow:0 4px 10px -4px rgba(4,12,20,.5);animation:ws-pop .35s cubic-bezier(.3,1.6,.5,1) both}.pi-host .ws-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.pi-host .ws-photo{position:relative;aspect-ratio:1;overflow:hidden;border-radius:.85rem;background:var(--ws-tint-soft)}.pi-host .ws-photo.is-busy{display:grid;place-items:center;color:var(--ws-link)}.pi-host .ws-photo.is-add{overflow:visible;background:none}.pi-host .ws-thumb,.pi-host .ws-thumb img{display:block;width:100%;height:100%}.pi-host .ws-thumb img{object-fit:cover;animation:ws-fade .3s ease}.pi-host .ws-thumb.is-missing{display:grid;place-content:center;justify-items:center;gap:2px;color:var(--ws-subtle);font-size:11px}.pi-host .ws-shimmer{display:block;width:100%;height:100%;background:linear-gradient(100deg,var(--ws-tint-soft) 30%,var(--ws-tint-strong) 50%,var(--ws-tint-soft) 70%);background-size:200% 100%;animation:ws-shimmer-bg 1.2s linear infinite}.pi-host .ws-photo-num{position:absolute;top:5px;left:5px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:rgba(22,50,47,.72);color:#fff;font-size:11px;font-weight:700}.pi-host .ws-photo-tools{position:absolute;inset:auto 0 0 0;display:flex;justify-content:space-between;padding:16px 3px 3px;background:linear-gradient(transparent,rgba(22,50,47,.6))}.pi-host .ws-tool{position:relative;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:rgba(255,253,248,.92);color:#16322f;cursor:pointer}.pi-host .ws-tool:before{content:"";position:absolute;inset:-8px}.pi-host .ws-tool:disabled{opacity:.35;cursor:not-allowed}.pi-host .ws-tool.is-danger{color:#dc2626}.pi-host .ws-add-tile{display:grid;place-content:center;justify-items:center;gap:4px;width:100%;height:100%;border:1px dashed var(--ws-link);border-radius:.85rem;background:var(--ws-tint-soft);color:var(--ws-link);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s ease}.pi-host .ws-add-tile:hover{background:var(--ws-tint)}.pi-host .ws-drop{display:grid;justify-items:center;gap:10px;padding:20px 16px;border:1px dashed var(--ws-line-input);border-radius:var(--ws-r-card);background:var(--ws-tint-soft);color:var(--ws-text-78);text-align:center}.pi-host .ws-drop>svg{color:var(--ws-link)}.pi-host .ws-drop p{margin:0;font-size:13.5px;line-height:1.5}.pi-host .ws-drop b{color:var(--ws-text)}.pi-host .ws-video video{display:block;width:100%;max-height:280px;border-radius:var(--ws-r-tile);background:#10201e}.pi-host .ws-video-missing{display:flex;align-items:center;gap:10px;padding:16px;border-radius:var(--ws-r-tile);background:var(--ws-tint-soft);color:var(--ws-text-78);font-size:13.5px}.pi-host .ws-video-job{display:grid;gap:8px;margin-top:8px;padding:6px 8px 12px 16px;border:1px solid var(--ws-tint-strong);border-radius:var(--ws-r-card);background:var(--ws-tint-soft)}.pi-host .ws-video-job-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:44px}.pi-host .ws-video-job-row .ws-spinner{color:var(--ws-link)}.pi-host .ws-video-job-text{flex:1;min-width:0;font-size:14px;font-weight:600;color:var(--ws-text);font-variant-numeric:tabular-nums}.pi-host .ws-video-job-row .ws-btn{margin-left:auto}.pi-host .ws-progress{height:6px;margin-right:8px;overflow:hidden;border-radius:999px;background:var(--ws-tint)}.pi-host .ws-progress>span{display:block;height:100%;border-radius:inherit;background:var(--ws-primary);transition:width .3s ease}.pi-host .ws-media-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;margin-top:6px;font-size:13px;color:var(--ws-text-78)}.pi-host .ws-media-meta>span{display:inline-flex;align-items:center;gap:6px;min-width:0}.pi-host .ws-recorder{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-height:64px;padding:10px 10px 10px 16px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card);background:var(--ws-tint-soft);font-size:14px;font-weight:600}.pi-host .ws-recorder.is-live{border-color:rgba(224,86,75,.35);background:rgba(224,86,75,.08)}.pi-host .ws-rec-dot{flex:none;width:12px;height:12px;border-radius:50%;background:#e0564b;animation:ws-blink 1.1s ease-in-out infinite}.pi-host .ws-rec-time{font-variant-numeric:tabular-nums}.pi-host .ws-meter{display:flex;align-items:center;gap:3px;height:28px}.pi-host .ws-meter i{width:4px;height:100%;border-radius:2px;background:#e0564b;transform:scaleY(.2);transition:transform .08s linear}.pi-host .ws-rec-btns{display:flex;gap:6px;margin-left:auto}.pi-host .ws-voice{display:grid;gap:8px}.pi-host .ws-player{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border:1px solid var(--ws-line);border-radius:999px;background:var(--ws-tint-soft)}.pi-host .ws-player.is-missing{padding:12px 16px;border-radius:var(--ws-r-card);color:var(--ws-text-78);font-size:13.5px}.pi-host .ws-play{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--ws-primary);color:#fff;cursor:pointer}.pi-host .ws-play:disabled{opacity:.5}.pi-host .ws-track{position:relative;flex:1;height:8px;border-radius:4px;background:var(--ws-tint-strong);cursor:pointer}.pi-host .ws-track:before{content:"";position:absolute;inset:-18px 0}.pi-host .ws-track-fill{position:absolute;inset:0 auto 0 0;border-radius:4px;background:var(--ws-primary)}.pi-host .ws-time{font-size:12.5px;font-weight:600;color:var(--ws-text-78);font-variant-numeric:tabular-nums;white-space:nowrap}.pi-host .ws-ticket{position:relative;display:grid;gap:4px;margin:0 0 20px;padding:16px 84px 16px 26px;border-radius:14px;background:linear-gradient(135deg,#ffe9ae,#f8c65a);color:#4a2e00;-webkit-mask:radial-gradient(circle at 0 50%,transparent 11px,#000 11.5px) left /51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 11px,#000 11.5px) right /51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,transparent 11px,#000 11.5px) left /51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 11px,#000 11.5px) right /51% 100% no-repeat}.pi-host .ws-ticket:after{content:"";position:absolute;top:12px;bottom:12px;right:62px;border-left:2px dashed rgba(74,46,0,.28)}.pi-host .ws-ticket:before{content:"";position:absolute;right:22px;top:50%;width:20px;height:20px;margin-top:-10px;border-radius:50%;background:radial-gradient(circle,#fff6d8 35%,transparent 38%),rgba(255,255,255,.35)}.pi-host .ws-ticket-kicker{font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.pi-host .ws-ticket-text{font-family:var(--font-display);font-size:20px;line-height:1.2;overflow-wrap:anywhere}.pi-host .ws-ticket-for{font-size:12.5px;font-weight:600;opacity:.8}.pi-host .ws-linkcard{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin:-8px 0 16px;padding:8px 12px;border-radius:var(--ws-r-tile);background:var(--ws-tint);color:var(--ws-link);font-size:13.5px;overflow-wrap:anywhere}.pi-host .ws-safety{display:flex;gap:8px;margin:0 0 20px;padding:10px 12px;border-radius:var(--ws-r-tile);background:var(--ws-tint-soft);color:var(--ws-text-78);font-size:12.5px;line-height:1.45}.pi-host .ws-safety>svg{flex:none;margin-top:1px;color:var(--ws-link)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.pi-host .ws-btn-cta:hover:not(:disabled),.pi-host .ws-song-play:hover{transform:translateY(-2px)}.pi-host .ws-item:hover:not(:disabled) .ws-item-chev{transform:translateX(2px)}}@media (max-width:899px){.pi-host .ws-root{display:flex;flex-direction:column;padding-right:env(safe-area-inset-right,0);padding-left:env(safe-area-inset-left,0);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at top right,rgba(245,158,11,.14),transparent 70%) top /100% 12rem no-repeat local,radial-gradient(circle at top,rgba(15,118,110,.08),transparent 55%) top /100% 36rem no-repeat local,var(--ws-bg)}.pi-host .ws-root.has-sheet{overflow-y:hidden}.pi-host .ws-panel{display:contents}.pi-host .ws-topbar{order:0}.pi-host .ws-headline{order:1}.pi-host .ws-preview-slot{order:2;flex:none;height:clamp(240px,44svh,420px);margin:0 16px}@supports not (height:1svh){.pi-host .ws-preview-slot{height:clamp(240px,44vh,420px)}}.pi-host .ws-sections{order:3;flex:1 0 auto}.pi-host .ws-foot{order:4}.pi-host .ws-bar{order:5}.pi-host .ws-root.is-placing .ws-preview{position:fixed;inset:0;z-index:35;border:0;border-radius:0}.pi-host .ws-root.is-placing .ws-sheet-layer{visibility:hidden;pointer-events:none}.pi-host .ws-pv-banner{top:calc(var(--safe-top) + 12px)}.pi-host .ws-sheet-layer{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.pi-host .ws-sheet{width:100%;max-width:560px;max-height:calc(100% - max(12px, var(--safe-top)) - 8px);border-radius:var(--ws-r-sheet) var(--ws-r-sheet) 0 0;box-shadow:var(--ws-shadow-sheet);animation:ws-sheet-rise .32s var(--ws-ease) both}.pi-host .ws-sheet.is-tall{height:calc(100% - max(12px, var(--safe-top)) - 8px)}.pi-host .ws-toast-region{position:fixed;right:16px;bottom:calc(76px + var(--safe-bottom) + 12px);left:16px}.pi-host .ws-chip{max-width:128px;font-size:11.5px}.pi-host .ws-chip.is-place{justify-content:center;min-width:34px;min-height:34px;padding:8px}.pi-host .ws-chip.is-place>span:not(.ws-chip-count){display:none}.pi-host .ws-chip.is-place .ws-chip-count{position:absolute;top:-6px;right:-8px;background:#fff}.pi-host .ws-chip.is-place:before{inset:-8px}}@media (min-width:900px){.pi-host .ws-root{display:grid;grid-template-columns:minmax(400px,440px) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.pi-host .ws-panel{grid-area:1/1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--ws-line-input) transparent;background:radial-gradient(ellipse at top right,rgba(245,158,11,.14),transparent 70%) top /100% 12rem no-repeat local;transition:opacity .2s ease}.pi-host .ws-sections{flex:1 0 auto}.pi-host .ws-preview-slot{grid-area:1/2;min-width:0;min-height:0;padding:16px}.pi-host .ws-preview{box-shadow:0 28px 80px rgba(4,12,20,.24)}.pi-host .ws-h1{font-size:2.25rem}.pi-host .ws-bar-main{min-width:11rem}.pi-host .ws-root.is-placing .ws-panel,.pi-host .ws-root.is-placing .ws-sheet-layer{opacity:.5}.pi-host .ws-pv-banner{bottom:16px}.pi-host .ws-sheet-layer{grid-area:1/1;position:relative;z-index:30;display:flex;flex-direction:column;min-height:0;transition:opacity .2s ease}.pi-host .ws-sheet-scrim{display:none}.pi-host .ws-sheet{flex:1 1 auto;box-shadow:1px 0 0 var(--ws-line),24px 0 60px -34px rgba(4,12,20,.35);animation:ws-sheet-slide .28s var(--ws-ease) both}.pi-host .ws-sheet-handle{display:none}.pi-host .ws-sheet-head{padding-top:16px}.pi-host .ws-toast-region{grid-area:1/1;align-self:end;justify-self:center;width:calc(100% - 32px);max-width:440px;margin-bottom:88px}}@media (min-width:1400px){.pi-host .ws-root{grid-template-columns:460px minmax(0,1fr)}}@media (max-width:419px){.pi-host .ws-grid-2{grid-template-columns:minmax(0,1fr)}.pi-host .ws-photos{grid-template-columns:repeat(3,minmax(0,1fr))}.pi-host .ws-looks{gap:8px}.pi-host .ws-look-name{font-size:16px}}@media (max-width:379px){.pi-host .ws-looks{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(148px,62%);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:3px;padding:4px 3px 8px;scrollbar-width:none}.pi-host .ws-looks::-webkit-scrollbar{display:none}.pi-host .ws-look{scroll-snap-align:start}}@keyframes ws-spin{to{transform:rotate(1turn)}}@keyframes ws-pulse{0%{box-shadow:0 0 0 0 rgba(245,158,11,.6)}to{box-shadow:0 0 0 10px rgba(245,158,11,0)}}@keyframes ws-chip-pulse{0%,to{transform:translateY(0);box-shadow:0 0 0 0 rgba(245,158,11,.55),0 8px 18px -8px rgba(120,70,0,.6)}50%{transform:translateY(-3px);box-shadow:0 0 0 9px rgba(245,158,11,0),0 12px 20px -8px rgba(120,70,0,.45)}}@keyframes ws-chip-pop{0%{transform:scale(.6)}60%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes ws-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ws-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes ws-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ws-fade{0%{opacity:0}}@keyframes ws-blink{50%{opacity:.25}}@keyframes ws-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes ws-shimmer-bg{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes ws-sheet-rise{0%{transform:translateY(100%)}to{transform:none}}@keyframes ws-sheet-slide{0%{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes ws-scrim-in{0%{opacity:0}}@keyframes ws-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes ws-row-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pi-host .ws-root *,.pi-host .ws-root :after,.pi-host .ws-root :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}