.web-account-menu[data-v-b5d1dcb5]{position:relative;width:max-content}.account-login-button[data-v-b5d1dcb5]{min-width:86px;min-height:40px;border:0;border-radius:8px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900;cursor:pointer}.account-trigger[data-v-b5d1dcb5]{display:flex;min-width:148px;height:46px;align-items:center;gap:9px;border:1px solid #d8e1ee;border-radius:8px;background:#fffffff5;padding:5px 10px 5px 6px;color:#172033;cursor:pointer;box-shadow:0 8px 24px #2563eb14}.account-avatar[data-v-b5d1dcb5]{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900}.account-copy[data-v-b5d1dcb5]{display:grid;flex:1;text-align:left}.account-copy small[data-v-b5d1dcb5]{color:#94a3b8;font-size:10px}.account-copy strong[data-v-b5d1dcb5]{margin-top:2px;font-size:13px}.account-dropdown[data-v-b5d1dcb5]{position:absolute;top:calc(100% + 7px);right:0;z-index:200;visibility:hidden;width:210px;display:grid;gap:3px;border:1px solid #d8e1ee;border-radius:8px;background:#fff;box-shadow:0 18px 42px #0f172a29;padding:8px;opacity:0;transform:translateY(-5px);transition:.16s ease}.web-account-menu:hover .account-dropdown[data-v-b5d1dcb5],.web-account-menu:focus-within .account-dropdown[data-v-b5d1dcb5]{visibility:visible;opacity:1;transform:translateY(0)}.account-dropdown button[data-v-b5d1dcb5]{min-height:36px;border:0;border-radius:6px;background:transparent;padding:0 9px;color:#334155;text-align:left;font-weight:700;cursor:pointer}.account-dropdown button[data-v-b5d1dcb5]:hover{background:#f1f6ff;color:#1d4ed8}.account-dropdown .logout-item[data-v-b5d1dcb5]{border-top:1px solid #e2e8f0;border-radius:0 0 6px 6px;color:#be123c}@media (max-width: 680px){.account-trigger[data-v-b5d1dcb5]{min-width:0;width:46px;padding:5px}.account-copy[data-v-b5d1dcb5],.account-trigger>span[data-v-b5d1dcb5]:last-child{display:none}.account-dropdown[data-v-b5d1dcb5]{width:min(230px,calc(100vw - 24px))}}.web-home-brand[data-v-14395d24]{display:inline-flex;width:max-content;align-items:center;gap:11px;border:0;background:transparent;padding:0;color:#172033;cursor:pointer}.web-home-brand[data-v-14395d24]:focus-visible{border-radius:6px;outline:3px solid rgba(37,99,235,.42);outline-offset:4px}.web-home-brand strong[data-v-14395d24]{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:23px;font-weight:900}.web-home-brand-mark[data-v-14395d24]{position:relative;display:grid;width:38px;height:38px;place-items:center;border:2px solid #3b82f6;transform:rotate(30deg)}.web-home-brand-mark[data-v-14395d24]:before,.web-home-brand-mark span[data-v-14395d24]{width:18px;height:18px;border:2px solid #7c3aed;content:""}.web-home-brand-mark[data-v-14395d24]:before{position:absolute;transform:rotate(30deg)}.web-home-brand-mark span[data-v-14395d24]{display:block;background:#3b82f61a;transform:rotate(-30deg)}@media (max-width: 680px){.web-home-brand[data-v-14395d24]{gap:9px}.web-home-brand strong[data-v-14395d24]{font-size:19px}.web-home-brand-mark[data-v-14395d24]{width:32px;height:32px}}:root{--color-bg: #f8fafc;--color-bg-soft: #f1f5f9;--color-surface: #ffffff;--color-surface-soft: rgba(255, 255, 255, .9);--color-text: #1e293b;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-secondary: #8b5cf6;--color-accent: #06b6d4;--color-border: rgba(15, 23, 42, .08);--color-border-strong: rgba(15, 23, 42, .14);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-card: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(248, 250, 252, .86));--shadow-sm: 0 2px 8px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px rgba(15, 23, 42, .08);--shadow-glow: 0 0 30px rgba(59, 130, 246, .2);color:var(--color-text);background:var(--color-bg);font-family:Noto Sans SC,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:1280px;margin:0;background:radial-gradient(circle at 15% 8%,rgba(59,130,246,.14),transparent 30%),radial-gradient(circle at 84% 12%,rgba(139,92,246,.12),transparent 28%),linear-gradient(135deg,#f0f9ff,#f8fafc 46%,#f1f5f9)}body.web-home-active{min-width:0;background:#f8fafc}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.workspace-shell{width:min(1720px,calc(100% - 28px));min-height:100vh;margin:0 auto;padding:26px 0 34px}.web-account-dock{position:absolute;top:12px;right:18px;z-index:180}.web-home-brand-dock{position:absolute;top:17px;left:18px;z-index:180}.home-shell-brand-dock{position:absolute;top:17px;left:18px;z-index:220}.home-shell-account-dock{position:absolute;top:13px;right:18px;z-index:220}@media (max-width: 680px){.home-shell-brand-dock{top:20px;left:14px}.home-shell-account-dock{right:14px}}body.web-account-dock-active #app{padding-top:64px}.app-state-page{display:grid;min-height:62vh;align-content:center;justify-items:start;gap:12px}.app-state-page>p:not(.eyebrow){color:var(--color-text-secondary);line-height:1.6}.app-state-actions{display:flex;flex-wrap:wrap;gap:10px}#template-studio-page,#event-profile-page,#score-template-page{width:min(1820px,calc(100% - 14px))}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}.eyebrow{margin:0 0 6px;color:var(--color-primary);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{color:var(--color-text);font-size:32px;font-weight:900;line-height:1.1}h2{color:var(--color-text);font-size:22px;line-height:1.2}h3{color:var(--color-text-secondary);font-size:15px;line-height:1.3}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.summary-strip>div,.left-rail,.main-editor,.preview-rail,.action-card{border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface-soft);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.summary-strip>div{min-height:72px;padding:15px 16px}.metric-label{display:block;margin-bottom:7px;color:var(--color-text-muted);font-size:12px}.summary-strip strong{color:var(--color-text);font-size:23px;line-height:1}.studio-grid{--preview-panel-width: 668px;--preview-zone-width: 724px;--preview-ui-scale: 1;--preview-transient-scale: 1;display:grid;grid-template-columns:minmax(0,1fr) var(--preview-zone-width);gap:16px;align-items:start}.left-rail,.main-editor,.preview-rail{min-height:calc(100vh - 164px)}.left-rail{padding:16px}.rail-header,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.rail-header{margin-bottom:18px}.rail-header h2{font-size:18px}.ghost-button,.phase-actions button{display:inline-flex;min-width:34px;min-height:34px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text-secondary);font-size:12px;font-weight:800;transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease}.preset-group+.preset-group{margin-top:22px}.preset-group h3{margin-bottom:10px;color:#111827;font-weight:850}.preset-list{display:grid;gap:8px}.preset-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:8px;background:var(--gradient-card);padding:10px 12px;color:var(--color-text);text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.preset-button:hover,.ghost-button:hover,.phase-actions button:hover{border-color:#3b82f66b;color:var(--color-primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.preset-button small{display:inline-flex;flex:0 0 auto;width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;background:#3b82f61a;color:var(--color-text-muted);font-size:16px;font-weight:900;line-height:1}.preset-button:hover small{background:#3b82f629;color:var(--color-primary-dark)}.custom-preset-button{border-style:dashed;background:#f8fafcc7}.preset-panel-embedded{margin-bottom:18px;border:1px solid #cfdbea;border-radius:12px;background:#edf2f8;padding:16px}.preset-panel-embedded .preset-list{grid-template-columns:repeat(2,minmax(0,1fr))}.phase-editor-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;align-items:start}.phase-editor-layout .preset-panel-embedded{position:sticky;top:12px;margin-bottom:0;padding:12px}.phase-editor-layout .preset-panel-embedded .rail-header{margin-bottom:12px}.phase-editor-layout .preset-panel-embedded .rail-header h2{font-size:16px}.phase-editor-layout .preset-panel-embedded .preset-group+.preset-group{margin-top:16px}.phase-editor-layout .preset-panel-embedded .preset-list{grid-template-columns:1fr}.phase-editor-layout .preset-panel-embedded .preset-button{min-height:42px;border-color:#c4d4e8;background:linear-gradient(135deg,#fff,#f7faff);padding:9px 11px;color:#263d5b;font-size:15px;font-weight:800;box-shadow:0 2px 7px #2a486e14}.phase-editor-layout .preset-panel-embedded .preset-button:hover{border-color:#60a5fa;background:#fff;color:#1d4ed8;box-shadow:0 7px 18px #2563eb24}.phase-editor-layout .preset-panel-embedded .preset-button small{background:#e4efff;color:#2563eb}.phase-editor-main{min-width:0}.main-editor{overflow:hidden}.editor-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--color-border);background:#f8fafce0}.editor-tabs button{min-height:54px;border:0;border-right:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-weight:800}.editor-tabs button:last-child{border-right:0}.editor-tabs button.active{background:#fff;color:var(--color-primary-dark);box-shadow:inset 0 -3px 0 var(--color-primary)}.sub-editor-tabs{display:flex;gap:8px;border-bottom:1px solid var(--color-border);background:#ffffffb8;padding:10px 14px}.sub-editor-tabs button{min-height:34px;border:1px solid var(--color-border);border-radius:999px;background:#fff;padding:0 14px;color:var(--color-text-secondary);font-size:13px;font-weight:800}.sub-editor-tabs button.active{border-color:#3b82f647;background:#3b82f61a;color:var(--color-primary-dark)}.editor-panel{padding:20px}.section-heading{margin-bottom:18px}.guide-text{display:grid;gap:12px;border:1px solid var(--color-border);border-radius:12px;background:#f8fafcc2;padding:18px;color:var(--color-text-secondary);font-size:14px;line-height:1.7}.empty-state{display:grid;justify-items:start;gap:14px;border:1px dashed var(--color-border-strong);border-radius:12px;background:#f8fafcb8;padding:18px;color:var(--color-text-secondary)}.mini-event-form{display:grid;gap:14px}.compact-scale-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%}.choice-button{font-weight:800}.mini-agreement-card{display:flex;align-items:center;margin-top:14px;border:1px solid var(--color-border);border-radius:10px;background:#f8fafcd1;padding:10px 12px;color:var(--color-text-secondary);font-size:13px;font-weight:800}.primary-soft-button,.ghost-line-button,.primary-button,.secondary-button{min-height:40px;border-radius:8px;padding:0 14px;font-weight:800}.primary-soft-button{border:1px solid rgba(59,130,246,.25);background:#3b82f61a;color:var(--color-primary-dark)}.primary-soft-button:disabled{cursor:default;opacity:.72;transform:none}.template-discovery-layout{display:grid;grid-template-columns:180px minmax(0,1fr);width:100%;min-width:0;gap:18px}.template-source-nav{display:grid;align-content:start;gap:8px;border-right:1px solid #dbe4f0;padding-right:14px}.template-source-nav button{min-height:44px;border:1px solid transparent;border-radius:6px;background:transparent;padding:0 12px;color:#475569;font-weight:800;text-align:left;cursor:pointer}.template-source-nav button.active{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8}.template-discovery-main{display:grid;min-width:0;max-height:min(620px,calc(100vh - 180px));align-content:start;gap:12px;overflow:auto;padding-right:3px}.phase-template-picker{display:grid;width:100%;max-width:100%;gap:14px}.phase-template-picker-hint,.phase-template-option p{margin:0;color:var(--color-text-muted);font-size:13px;line-height:1.6}.phase-template-option{position:relative;display:flex;overflow:hidden;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(59,130,246,.24);border-radius:8px;background:linear-gradient(135deg,#fff,#f3f7ff);padding:18px 16px 18px 20px;box-shadow:0 8px 22px #2563eb17}.phase-template-option:before{position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--gradient-primary);content:""}.phase-template-option strong{color:var(--color-text);font-size:16px}.phase-template-option>div{min-width:0}.phase-template-option small{display:block;margin-top:8px;color:var(--color-primary-dark);font-size:11px;font-weight:800}.phase-template-option .n-button{flex:none}.phase-template-option p{margin-top:5px;font-size:12px}.template-code-button{display:inline-flex;width:max-content;border:0;border-radius:4px;background:#eef5ff;padding:4px 8px;color:#2563eb;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.template-code-button:hover{background:#dbeafe;color:#1d4ed8}.template-code-button:focus-visible{outline:2px solid rgba(37,99,235,.3);outline-offset:2px}.phase-template-picker-error{margin:0;color:#c2410c;font-size:12px}.ghost-line-button{border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary)}.phase-list{display:grid;align-content:start;gap:10px;max-height:calc(100vh - 280px);overflow:auto;padding:4px 4px 4px 0}.phase-card{border:1px solid var(--color-border);border-radius:12px;background:#fff;padding:0;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease,transform .2s ease}.phase-card.active{border-color:#3b82f673;box-shadow:0 0 0 3px #3b82f61f,var(--shadow-md)}.phase-card.expanded{background:linear-gradient(135deg,#fff,#f8fbff)}.phase-card.dragging{opacity:.45}.phase-card.drag-over{border-color:var(--color-secondary);transform:translateY(2px)}.phase-card-summary{display:grid;grid-template-columns:34px 38px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:72px;padding:12px}.drag-handle{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px dashed rgba(59,130,246,.4);border-radius:8px;background:#3b82f60f;color:var(--color-primary-dark);cursor:grab;-webkit-user-select:none;user-select:none}.drag-handle span{width:18px;height:2px;border-radius:999px;background:currentColor;box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;opacity:.78}.phase-card:active .drag-handle{cursor:grabbing}.phase-type-dot{display:flex;width:38px;height:38px;flex:none;align-items:center;justify-content:center;border:2px solid #3b82f6;border-radius:10px;background:transparent;color:#2563eb;font-size:18px;font-weight:950}.tone-slate{background:#64748b}.tone-blue{background:#3b82f6}.tone-green{background:#10b981}.tone-amber{background:#f59e0b}.tone-red{background:#ef4444}.tone-purple{background:#8b5cf6}.phase-card-body{min-width:0}.phase-card-title{display:flex;min-width:0;align-items:center;gap:8px;overflow:hidden;white-space:nowrap}.phase-card-title strong{min-width:0;overflow:hidden;color:var(--color-text);font-size:17px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.phase-card-title span{flex:none;border-radius:999px;background:var(--color-bg-soft);padding:4px 9px;color:#64748b;font-size:14px;font-weight:800;white-space:nowrap}.phase-actions{display:flex;gap:6px}.phase-actions button:first-child{border-color:#16a34a;background:#16a34a;color:#fff}.phase-actions button:last-child{border-color:#dc2626;background:#dc2626;color:#fff}.phase-actions button:first-child:hover{border-color:#15803d;background:#15803d;color:#fff}.phase-actions button:last-child:hover{border-color:#b91c1c;background:#b91c1c;color:#fff}.config-form{margin:0 12px 12px 94px;border-top:1px solid var(--color-border);padding-top:14px}.settings-section{border:1px solid var(--color-border);border-radius:12px;background:#fff;padding:16px}.settings-section h3{margin-bottom:14px}.form-row{display:grid;gap:14px;margin-bottom:14px}.form-row:last-child{margin-bottom:0}.form-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}label>span,.field-control>span{display:block;margin-bottom:7px;color:#111827;font-size:14px;font-weight:850}.form-row .n-input,.form-row .n-input-number,.form-row .n-select,.form-row .n-color-picker{width:100%}.field-control{min-width:0}.participant-trigger{display:flex;width:100%;min-height:34px;align-items:center;justify-content:space-between;border:1px solid rgba(15,23,42,.14);border-radius:8px;background:#fff;padding:0 12px;color:var(--color-text);font-size:14px;font-weight:800;text-align:left}.participant-trigger:after{color:var(--color-text-muted);content:"›";font-size:16px;transform:rotate(90deg)}.participant-trigger:hover,.participant-trigger:focus-visible{border-color:#3b82f67a;outline:0;box-shadow:0 0 0 3px #3b82f61f}.participant-picker{display:grid;grid-template-columns:92px 132px;gap:8px;padding:4px}.participant-picker-column{display:grid;align-content:start;gap:6px}.participant-picker-column+.participant-picker-column{border-left:1px solid var(--color-border);padding-left:8px}.participant-picker button{min-height:32px;border:1px solid transparent;border-radius:8px;background:transparent;padding:0 10px;color:var(--color-text-secondary);font-size:13px;font-weight:800;text-align:left}.participant-picker button:hover,.participant-picker button.active{border-color:#3b82f62e;background:#3b82f61a;color:var(--color-primary-dark)}.switch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.switch-row{display:flex;min-height:42px;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);padding:8px 10px}.switch-row .n-switch{flex:0 0 auto}.switch-row span{margin:0;color:var(--color-text-secondary);font-size:13px;font-weight:800}.appearance-grid{display:grid;gap:14px}.settings-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.settings-section-heading h3{margin-bottom:4px}.settings-section-heading p{color:var(--color-text-muted);font-size:12px;line-height:1.5}.text-layout-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.text-layout-control-grid label{display:grid;grid-template-columns:64px minmax(0,1fr) 88px;align-items:center;gap:10px}.background-image-adjustments label{grid-template-columns:112px minmax(0,1fr) 88px}.background-image-adjustments label>span:first-child{white-space:nowrap}.text-layout-control-grid label>span:first-child{color:var(--color-text-secondary);font-size:12px;font-weight:800}.text-layout-control-grid .text-color-control{grid-template-columns:64px minmax(0,1fr)}.text-layout-control-grid.single-column{grid-template-columns:minmax(0,1fr)}.preview-mode-segment{display:inline-grid;grid-template-columns:repeat(2,minmax(90px,1fr));overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg)}.preview-mode-segment button{min-height:36px;border:0;background:transparent;color:var(--color-text-secondary);font-weight:800;cursor:pointer}.preview-mode-segment button.active{background:var(--color-primary);color:#fff}.compact-switch-row{align-self:end}.badge-position-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.badge-position-grid>div{border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);padding:12px}.badge-position-grid h4{margin:0 0 10px;color:var(--color-text);font-size:13px}.file-row{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:10px;align-items:center;margin-top:14px}.file-row>span{color:var(--color-text-secondary);font-size:13px;font-weight:800}.file-row small,.inline-note{color:var(--color-text-muted);font-size:12px;line-height:1.5}.file-row small{grid-column:1 / -1}.background-preset-section{display:grid;gap:10px;margin-top:14px}.background-preset-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.background-preset-heading strong{font-size:13px}.background-preset-heading span{color:var(--color-text-muted);font-size:12px}.background-preset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.background-preset-grid button{display:grid;min-width:0;gap:7px;border:1px solid var(--color-border);border-radius:8px;background:#fff;padding:7px;color:var(--color-text-secondary)}.background-preset-grid button:hover,.background-preset-grid button.active{border-color:#60a5fa;background:#eff6ff;color:#1d4ed8;box-shadow:0 7px 18px #2563eb1a}.background-preset-grid button>span{display:grid;aspect-ratio:16 / 9;place-items:center;overflow:hidden;border-radius:5px;background:#e8eef7}.background-preset-grid img{width:100%;height:100%;object-fit:cover}.background-preset-grid small{overflow:hidden;font-size:11px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.background-preset-empty{padding:8px;color:#64748b;font-size:11px;font-weight:800;text-align:center}.clear-background-button{justify-self:start}.background-image-adjustments{margin-top:16px}.badge-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.badge-upload-grid>.inline-note{grid-column:1 / -1}.badge-upload-row{grid-template-columns:auto minmax(0,1fr)}.badge-file-summary{display:grid;gap:3px}.inline-note{margin-top:10px}.upload-validation-error{margin:10px 0 0;border:1px solid #fecaca;border-radius:7px;background:#fff1f2;padding:8px 10px;color:#be123c;font-weight:800}.preview-zone{position:sticky;top:20px;display:grid;grid-template-columns:var(--preview-panel-width) 46px;gap:10px;align-items:start;width:100%}.preview-rail{display:grid;gap:12px;width:100%;justify-self:stretch;min-height:0;padding:14px}.preview-stage{display:block}.timer-preview{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;min-height:0;margin:0 auto;border-radius:12px;color:#fff;background-position:center;background-size:cover;box-shadow:inset 0 0 0 1px #ffffff1f,var(--shadow-md);transform:scale(var(--preview-transient-scale));transform-origin:top right}.preview-content{position:absolute;top:0;left:0;width:calc(100% / var(--preview-ui-scale));height:calc(100% / var(--preview-ui-scale));transform:scale(var(--preview-ui-scale));transform-origin:top left}.preview-background-image{position:absolute;z-index:0;pointer-events:none}.preview-panel{position:absolute;z-index:3;overflow:hidden;pointer-events:none}.preview-strip-panel{z-index:3}.preview-dual-card{z-index:4}.preview-badge{position:absolute;z-index:5}.preview-badge.badge-editable{cursor:grab;outline:1px dashed rgba(255,255,255,.72);outline-offset:3px;pointer-events:auto;touch-action:none}.preview-badge.badge-editable:active{cursor:grabbing}.template-text-element{position:absolute;z-index:10;display:block;overflow:hidden;margin:0;padding:2px 3px;width:max-content;max-width:100%;max-height:100%;font-weight:800;line-height:1.2;white-space:nowrap;cursor:grab;touch-action:none}.template-text-element:active{cursor:grabbing}.template-text-element.active{outline:1px dashed #93c5fd;outline-offset:2px;background:#2563eb1f}.template-text-element.strip-text-label{border:2px solid currentColor;border-radius:8px;padding:2px 8px;font-weight:900;line-height:1}.template-text-element.timer-digits{font-variant-numeric:tabular-nums;font-weight:200;line-height:1}.template-text-element.phase-name-text{white-space:normal;overflow-wrap:anywhere}.template-text-element.phase-name-text.multiline,.template-text-element.phase-state-text{white-space:pre-line}.template-text-element.phase-name-text{font-weight:900;line-height:1.4}.preview-bg-clean{background:linear-gradient(180deg,#ffffffeb,#ebf0f7e0),#e8edf4;color:#1e293b}.preview-bg-court{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.32),transparent 35%),linear-gradient(135deg,#243454,#172033 52%,#312a28)}.preview-bg-stage{background:radial-gradient(circle at 25% 15%,rgba(239,68,68,.52),transparent 28%),radial-gradient(circle at 78% 12%,rgba(59,130,246,.52),transparent 30%),linear-gradient(180deg,#202736,#151922)}.preview-bg-ink{background:linear-gradient(140deg,rgba(255,255,255,.07),transparent 34%),#20242b}.preview-bg-image{background:#111827}.preview-strip{position:absolute;top:42px;right:0;left:0;z-index:3;display:grid;grid-template-columns:1fr 1fr;width:100%;min-height:30px}.preview-strip span{display:flex;min-width:0;align-items:center;gap:10px;padding:0 16px;overflow:hidden;color:#fff;font-size:13px;font-weight:900;line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap}.preview-strip .strip-side.affirmative{justify-content:flex-start}.preview-strip .strip-side.negative{justify-content:flex-end;text-align:right}.preview-strip strong{display:inline-flex;flex:0 0 auto;align-items:center;border-radius:8px;border:2px solid #ffffff;background:transparent;padding:2px 8px;color:#fff;font-size:20px;font-weight:900;line-height:1}.preview-strip em{flex:1 1 auto;min-width:0;overflow:hidden;color:#fff;font-size:var(--preview-topic-font-size, 13px);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.preview-strip .strip-side.affirmative em{text-align:left}.preview-strip .strip-side.negative em{text-align:right}.preview-header{position:absolute;top:16px;right:32px;left:32px;z-index:4;text-align:center}.preview-header p{color:#ffffffb3;font-size:15px;font-weight:800;line-height:1.2}.preview-bg-clean .preview-header p{color:var(--color-text-muted)}.team-row{position:absolute;top:108px;right:34px;left:34px;display:grid;grid-template-columns:170px 170px;justify-content:space-between;gap:16px;pointer-events:none}.team-side{display:grid;align-content:start;justify-items:start;gap:7px}.team-side.align-right{justify-items:end;text-align:right}.team-badge{display:flex;overflow:hidden;align-items:center;justify-content:center;border:3px solid currentColor;background:#ffffff21;color:#fff;font-size:20px;font-weight:900}.team-badge img{width:100%;height:100%;object-fit:contain}.team-badge span{margin:0;color:inherit;font-size:inherit;font-weight:inherit}.preview-bg-clean .team-badge{background:#fff;color:var(--color-text)}.team-side>span{color:#ffffffbd;font-size:13px;font-weight:800}.preview-bg-clean .team-side>span{color:var(--color-text-muted)}.team-side strong{max-width:170px;font-size:19px;line-height:1.25}.preview-clock{position:absolute;top:50%;left:50%;display:grid;width:min(46%,340px);min-height:120px;place-items:center;transform:translate(-50%,-52%)}.preview-clock span{font-variant-numeric:tabular-nums;font-weight:200;line-height:1}.preview-clock.layout-split{grid-template-columns:1fr 1fr;width:min(48%,360px);gap:12px}.preview-clock.layout-stacked{transform:translate(-50%,-44%)}.dual-timer-clock{grid-template-columns:repeat(2,minmax(0,1fr));width:min(54%,390px);gap:12px}.dual-clock{display:grid;min-height:100px;align-content:center;justify-items:center;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:#ffffff1a;padding:12px}.dual-clock small{margin-bottom:8px;color:#ffffffb3;font-size:12px;font-weight:800}.dual-clock strong{font-size:1em;font-variant-numeric:tabular-nums;font-weight:300;line-height:1}.dual-clock.affirmative{box-shadow:inset 3px 0 #ef4444cc}.dual-clock.negative{box-shadow:inset 3px 0 #3b82f6cc}.preview-bg-clean .dual-clock{border-color:#0f172a1f;background:#ffffffc2}.preview-bg-clean .dual-clock small{color:var(--color-text-muted)}.preview-phase{position:absolute;z-index:4;overflow:hidden}.preview-phase span,.preview-phase small{display:block;color:#ffffffb3;font-size:13px;font-weight:800}.preview-phase-state{display:grid;justify-items:end;gap:3px;text-align:right}.preview-phase-state span,.preview-phase-state small{line-height:1.15}.preview-bg-clean .preview-phase span,.preview-bg-clean .preview-phase small{color:var(--color-text-muted)}.preview-phase strong{overflow:hidden;margin:0;text-overflow:ellipsis;white-space:nowrap;line-height:1.15}.preview-phase-name-formatted{overflow:hidden;line-height:1.4;max-height:50px;text-overflow:ellipsis;white-space:pre-line}.preview-phase .preview-phase-name-formatted{line-height:1.4;max-height:50px;white-space:pre-line}.preview-status{position:absolute;top:88px;left:50%;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(44%,320px);transform:translate(-50%)}.preview-status span{border-radius:999px;background:#ffffff24;padding:6px 10px;color:#ffffffc7;font-size:12px;font-weight:800}.preview-bg-clean .preview-status span{background:#fff;color:var(--color-text-secondary)}.watermark{position:absolute;left:50%;bottom:2px;margin:0;z-index:12;border:1px solid rgba(148,163,184,.28);border-radius:8px;background:#fffffff0;font-size:16px;font-weight:900;line-height:1;padding:6px 10px;white-space:nowrap;box-shadow:0 4px 12px #0f172a1f;transform:translate(-50%)}.watermark span{background:linear-gradient(90deg,#ff4d6d,#ff9f1c,#a3e635,#22d3ee 60%,#3b82f6 78%,#c084fc);background-clip:text;color:#3b82f6;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.preview-bg-clean .watermark{color:#3b82f6}.preview-scale-sidebar{display:grid;width:46px;height:360px;min-height:360px;align-items:center;justify-items:center;border:1px solid var(--color-border);border-radius:10px;background:#f8fafceb;padding:10px 6px}.preview-scale-sidebar strong{color:var(--color-primary-dark);font-size:13px;line-height:1}.preview-scale-sidebar span{color:var(--color-text-muted);font-size:12px;font-weight:800;line-height:1;writing-mode:vertical-rl}.preview-scale-sidebar .n-slider{width:22px;height:230px;min-height:150px;margin:8px 0}.action-card{display:grid;gap:10px;width:100%;margin:0 auto;padding:12px}.phase-preview-navigation{display:grid;gap:10px}.phase-preview-navigation{grid-template-columns:repeat(3,minmax(0,1fr))}.preview-stage:not(.editable) .template-text-element{cursor:default}.preview-stage:not(.editable) .template-text-element.active{outline:none;background:transparent}.secondary-button{border:1px solid rgba(59,130,246,.25);background:#fff;color:var(--color-primary-dark)}.primary-button{border:1px solid transparent;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.schema-panel pre{max-height:calc(100vh - 280px);overflow:auto;border:1px solid var(--color-border);border-radius:12px;background:#111827;padding:16px;color:#dbeafe;font-size:12px;line-height:1.6}@media (max-width: 1420px){body{min-width:1180px}.workspace-shell{width:min(1500px,calc(100% - 20px))}#template-studio-page,#event-profile-page,#score-template-page{width:min(1500px,calc(100% - 10px))}.studio-grid{grid-template-columns:minmax(0,1fr) var(--preview-zone-width)}.team-row{grid-template-columns:140px 140px}.team-side strong{max-width:140px}}.style-preset-actions{display:grid;grid-template-columns:minmax(180px,240px) auto;align-items:center;gap:10px}.phase-bar-switches{margin-bottom:14px}.phase-text-style-editor{margin-top:18px;border-top:1px solid var(--color-border);padding-top:16px}.phase-text-style-editor h4{margin:0 0 12px;color:var(--color-text);font-size:14px}.school-badge-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.school-badge-select-button{display:grid;min-height:112px;place-items:center;gap:6px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:12px;color:#334155}.school-badge-select-button:hover{border-color:#60a5fa;background:#f8fbff}.school-badge-select-button img{width:48px;height:48px;object-fit:contain}.school-badge-select-button span{font-weight:900}.school-badge-select-button small{overflow:hidden;max-width:100%;color:#64748b;text-overflow:ellipsis;white-space:nowrap}.school-logo-picker{display:grid;gap:16px;min-width:0}.school-name-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:min(58vh,520px);overflow-y:auto;padding-right:4px}.school-name-grid button{min-height:42px;border:1px solid #dbe4f0;border-radius:7px;background:#fff;padding:8px 10px;color:#334155;text-align:left;font-weight:800}.school-name-grid button:hover{border-color:#60a5fa;background:#eff6ff;color:#1d4ed8}.school-logo-picker-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.school-logo-picker-header strong{overflow:hidden;font-size:18px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.school-logo-picker-header span{color:#64748b;font-size:12px;font-weight:800}.school-logo-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:min(58vh,520px);overflow-y:auto;padding-right:4px}.school-logo-card-grid button{display:grid;min-width:0;gap:8px;border:1px solid #dbe4f0;border-radius:8px;background:#fff;padding:10px}.school-logo-card-grid button:hover{border-color:#60a5fa;box-shadow:0 8px 20px #2563eb1a}.school-logo-card-grid button:disabled{cursor:wait;opacity:.62}.school-logo-card-grid button>span{display:grid;aspect-ratio:1.35;place-items:center;overflow:hidden;border-radius:6px;background:#f8fafc}.school-logo-card-grid img{width:82%;height:82%;object-fit:contain}.school-logo-card-grid small{overflow:hidden;width:100%;color:#475569;font-weight:800;text-align:center;text-overflow:ellipsis;white-space:nowrap}.school-logo-empty{min-height:180px;display:grid;place-items:center;color:#64748b}.school-logo-picker-error{color:#dc2626;font-size:13px;font-weight:800;text-align:center}@media (max-width: 680px){.file-row{grid-template-columns:1fr;align-items:stretch}.file-row .n-upload,.file-row .n-upload-trigger,.file-row .n-button{width:100%}.background-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-upload-grid{grid-template-columns:1fr}.badge-upload-grid>.inline-note{grid-column:auto}.school-badge-select-grid,.school-name-grid,.school-logo-card-grid{grid-template-columns:1fr 1fr}.school-logo-picker-header{grid-template-columns:auto 1fr}.school-logo-picker-header span{grid-column:1 / -1;text-align:right}}.border-side-control .n-checkbox-group{display:flex;flex-wrap:wrap;gap:8px 14px}.preview-phase-content{position:absolute;z-index:8;display:grid;grid-template-columns:minmax(74px,1fr) minmax(0,3fr) minmax(74px,1fr);align-items:center;gap:8px;overflow:hidden;padding:5px 12px;pointer-events:none}.preview-phase-content>span,.preview-phase-content>strong{min-width:0;max-width:100%;margin:0;line-height:1.2}.preview-phase-content>span:first-child{justify-self:start}.preview-phase-content>span:last-child{justify-self:end;white-space:pre-line}.preview-phase-content .bound-phase-name{justify-self:stretch;overflow:hidden;overflow-wrap:anywhere;text-align:center;white-space:normal}.preview-phase-content .bound-phase-name.multiline{white-space:pre-line}@media (max-width: 680px){.style-preset-actions{grid-template-columns:1fr}}@media (max-width: 680px){.template-discovery-layout{grid-template-columns:1fr}.template-source-nav{grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid #dbe4f0;padding:0 0 12px}.template-source-nav button{text-align:center}}