:root{color:#111;background:#0c0d0e;font-family:Segoe UI,Yu Gothic UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",system-ui,sans-serif;line-height:1.4}html:has(.editor){background:#fafafa}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d0d0d0;background:#fff;border-radius:8px;padding:.35rem .6rem}button.active,button:disabled{opacity:1}button.active{border-color:#111;background:#111;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}button.danger{border-color:#c0392b;color:#c0392b}.lp{--lp-sans: "Barlow", "Zen Kaku Gothic New", "Segoe UI", "Yu Gothic UI", "Hiragino Sans", system-ui, sans-serif;--lp-display: "Barlow Semi Condensed", "Zen Kaku Gothic New", "Segoe UI", "Yu Gothic UI", "Hiragino Sans", system-ui, sans-serif;min-height:100%;display:flex;flex-direction:column;background:#0c0d0e;color:#f3f3f1;font-family:var(--lp-sans);font-synthesis:none;line-height:1.45}.lp-stage{background:#0c0d0e;color:#f3f3f1}.lp-hero{display:grid;grid-template-columns:minmax(17rem,24rem) minmax(0,1fr);grid-template-areas:"eyebrow board" "title board" "lede board" "cta board";column-gap:2.75rem;row-gap:0;align-items:start;width:min(72rem,calc(100% - 2.5rem));margin:0 auto;padding:3.75rem 0 1.25rem}.lp-eyebrow{grid-area:eyebrow;display:flex;align-items:center;gap:.45rem;margin:0 0 1rem;color:#9a9a96;font-size:.8rem;letter-spacing:.08em;text-transform:lowercase}.lp-mark{width:1.15rem;height:1.15rem;flex-shrink:0}.lp-hero h1{grid-area:title;margin:0;font-family:var(--lp-display);font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:700;letter-spacing:-.02em;line-height:1.08}.lp-payoff{display:block;margin-top:.5em;color:#c8c8c4;font-family:var(--lp-sans);font-size:.58em;font-weight:500;letter-spacing:-.02em;line-height:1.25}.lp-lede{grid-area:lede;margin:1.1rem 0 0;color:#9a9a96;font-size:.98rem;max-width:36ch}.lp-cta{grid-area:cta;justify-self:start;display:inline-block;margin-top:1.5rem;padding:.62rem 1.15rem;border:1px solid #c4a24a;border-radius:2px;background:#c4a24a;color:#0c0d0e;font-family:var(--lp-sans);font-size:.875rem;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.lp-cta:hover{background:#f3f3f1;border-color:#f3f3f1;color:#0c0d0e}.lp-cta:focus-visible{outline:2px solid #c4a24a;outline-offset:3px}.lp-hero-board{grid-area:board;margin:0;min-width:0}.lp-board-stage{position:relative}.lp-board-frame{display:grid;grid-template-columns:auto 1fr;gap:.65rem;padding:.7rem;border:1px solid #2a2b2c;border-radius:4px;background:#161718;transition:grid-template-columns .45s ease,gap .45s ease,padding .45s ease}.lp-board-frame.is-broadcast{grid-template-columns:0fr 1fr;gap:0;padding:.28rem}.lp-board-rail{display:flex;flex-direction:column;gap:.35rem;padding:.35rem;border-radius:3px;background:#1c1d1e;border:1px solid #2a2b2c;overflow:hidden;min-width:0;transition:opacity .4s ease,padding .4s ease,border-color .4s ease}.lp-board-frame.is-broadcast .lp-board-rail{opacity:0;padding:0;border-color:transparent;pointer-events:none}.lp-board-rail span{display:block;width:2.4rem;height:.55rem;border-radius:2px;background:#2a2b2c;border-left:3px solid #888}.lp-board-rail span:nth-child(1){border-left-color:#93c5fd}.lp-board-rail span:nth-child(2){border-left-color:#fde047}.lp-board-rail span:nth-child(3){border-left-color:#fdba74}.lp-board-canvas-wrap{position:relative;min-width:0;aspect-ratio:105 / 68;min-height:clamp(200px,36vw,420px);border-radius:2px;overflow:hidden;background:#1a3a24}.lp-board-canvas-wrap canvas{display:block;width:100%;height:100%;pointer-events:none}.lp-obs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .45s ease}.lp-obs.is-visible{opacity:1}.lp-obs-cam{position:absolute;left:4%;bottom:7%;width:min(18%,5.5rem);aspect-ratio:1;border-radius:50%;background:#0c0d0e9e;box-shadow:0 0 0 2px #ffffff24}.lp-obs-chat{position:absolute;right:3%;top:10%;bottom:10%;width:min(14%,4rem);border-radius:4px;background:#0c0d0e73}.lp-hero-board figcaption{margin-top:.7rem;color:#8a8a86;font-size:.78rem;letter-spacing:.01em;text-align:left;opacity:0;transition:opacity .35s ease}.lp-hero-board figcaption.is-visible{opacity:1}.lp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem 2rem;list-style:none;counter-reset:lp-step;width:min(72rem,calc(100% - 2.5rem));margin:0 auto;padding:2rem 0 2.75rem}.lp-steps li{counter-increment:lp-step;margin:0;padding:0;border-top:1px solid #2a2b2c;padding-top:1rem}.lp-steps h2{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .4rem;font-family:var(--lp-display);font-size:1.15rem;font-weight:600;letter-spacing:.01em}.lp-steps h2:before{content:counter(lp-step);color:#7a7a76;font-size:.78em;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums}.lp-steps p{margin:0;color:#9a9a96;font-size:.9rem}.lp-close{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 4rem;width:min(72rem,calc(100% - 2.5rem));margin:0 auto;padding:2.25rem 0 3rem;border-top:1px solid #2a2b2c}.lp-kicker{margin:0 0 .7rem;color:#7a7a76;font-family:var(--lp-sans);font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.lp-close-copy{margin:0;max-width:18em;font-family:var(--lp-display);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:600;letter-spacing:-.015em;line-height:1.22;color:#f0f0ec}.lp-creed .lp-close-copy{color:#b8b8b4}.lp-footer{width:min(72rem,calc(100% - 2.5rem));margin:0 auto;padding:1.35rem 0 2.25rem;border-top:1px solid #2a2b2c}.lp-footer-brand{margin:0 0 .45rem;font-family:var(--lp-display);font-size:1.05rem;font-weight:600;letter-spacing:.02em}.lp-footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;color:#7a7a76;font-size:.75rem}.lp-footer-row p{margin:0}.lp-footer-links{display:flex;align-items:center;gap:1rem}.lp-footer-links a,.lp-footer-fb{color:inherit;font-size:inherit;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.lp-footer-links a:hover,.lp-footer-fb:hover{color:#f3f3f1;text-decoration:underline}@media(max-width:52rem){.lp-hero{grid-template-columns:1fr;grid-template-areas:"eyebrow" "title" "cta" "board" "lede";padding-top:2.5rem}.lp-lede{margin-top:1.25rem;max-width:none}.lp-cta{margin-top:1.2rem;margin-bottom:1.5rem}.lp-steps{grid-template-columns:1fr;gap:0;padding-top:.5rem}.lp-steps li{padding:1.1rem 0}.lp-board-canvas-wrap{min-height:clamp(180px,52vw,280px)}.lp-close{grid-template-columns:1fr;gap:2rem;padding:1.75rem 0 2.5rem}}.editor{height:100%;display:flex;flex-direction:column;background:#f0f0f0}.editor.is-broadcast{background:#e8e8e8}.topbar{height:48px;min-height:48px;display:grid;grid-template-columns:1fr minmax(160px,360px) 1fr;align-items:center;gap:.5rem;padding:0 .6rem;background:#fff;border-bottom:1px solid #e5e5e5}.topbar-left,.topbar-right{display:flex;align-items:center;gap:.4rem}.topbar-right{justify-content:flex-end}.title-input{width:100%;border:1px solid #e5e5e5;border-radius:8px;padding:.35rem .6rem;text-align:center}.editor-body{flex:1;min-height:0;display:flex}.board-stage{flex:1;min-width:0;min-height:0;position:relative;display:flex}.board-surface{flex:1;min-width:0;min-height:0;position:relative}.board-surface[data-tool=zone] canvas{cursor:crosshair}.board-surface[data-tool=pen] canvas,.board-surface[data-tool=pass] canvas,.board-surface[data-tool=run] canvas,.board-surface[data-tool=dribble] canvas,.board-surface[data-tool=screen] canvas{cursor:crosshair}.topbar-brand{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;margin-right:.15rem}.topbar-mark{width:1.35rem;height:1.35rem;flex-shrink:0}.topbar-icon-btn{min-width:36px;font-size:1.05rem;line-height:1;padding:.35rem .5rem}.broadcast-btn{background:#111;color:#fff;border-color:#111;font-weight:600}.tool-rail{position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:4px;padding:6px;background:#fffffff0;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #00000014;max-height:calc(100% - 16px);overflow-y:auto}.tool-rail button{min-width:64px;padding:.4rem .45rem;font-size:.78rem;border-radius:8px;white-space:nowrap}.tool-rail-btn{border-color:#e5e5e5;border-left:3px solid var(--tool-color, #999);color:#222;background:#fff}.tool-rail-btn:hover{background:color-mix(in srgb,var(--tool-color, #999) 10%,#fff)}.tool-rail-btn.active{background:var(--tool-color, #111);border-color:var(--tool-color, #111);color:#fff}.tool-rail-undo{margin-top:4px;border-top:1px solid #eee;border-radius:0 0 8px 8px!important;padding-top:.5rem!important;color:#777}.tool-rail-wipe{margin-top:4px;border-top:1px solid #eee;border-radius:0!important;padding-top:.5rem!important;color:#777}.tool-rail-wipe:disabled{opacity:.45;cursor:not-allowed}.piece-inspector{position:absolute;right:8px;bottom:8px;z-index:5;display:flex;flex-wrap:wrap;align-items:flex-end;gap:.4rem;max-width:min(420px,calc(100% - 96px));padding:.55rem .65rem;background:#fffffff5;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #00000014}.piece-inspector-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.35rem}.piece-inspector-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#888}.piece-inspector-close{min-width:28px;padding:.15rem .35rem;border:none;background:transparent;color:#888;font-size:1.1rem;line-height:1}.piece-inspector label{display:flex;flex-direction:column;gap:.15rem;font-size:.78rem;color:#555}.piece-inspector input,.piece-inspector select{border:1px solid #ddd;border-radius:8px;padding:.3rem .4rem;min-width:4.5rem;font:inherit}.piece-inspector-warn{margin:0;font-size:.72rem;color:#b45309;line-height:1.3}.piece-inspector button{align-self:flex-end}.text-inspector{position:absolute;left:8px;bottom:8px;z-index:5;display:flex;flex-direction:column;gap:.45rem;max-width:min(320px,calc(100% - 96px));padding:.55rem .65rem;background:#fffffff5;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #00000014}.text-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.text-inspector-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#888}.text-inspector-hint{margin:0;font-size:.72rem;color:#888}.text-inspector label,.text-color-field{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:#555;border:none;margin:0;padding:0}.text-color-field legend{font-size:.78rem;color:#555;padding:0}.text-color-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.text-color-swatch{width:28px;height:28px;border-radius:6px;border:2px solid rgba(0,0,0,.12);cursor:pointer;padding:0}.text-color-swatch.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb59}.text-color-custom input[type=color]{width:28px;height:28px;padding:0;border:1px solid #ddd;border-radius:6px;cursor:pointer}.text-inspector select{border:1px solid #ddd;border-radius:8px;padding:.3rem .4rem;font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.board-surface.broadcast{background:#e8e8e8}.board-surface canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-text-editor{position:absolute;z-index:4;margin:0;padding:2px 6px;border:2px solid #2563eb;border-radius:4px;background:#fffffff5;color:#111;font-family:Segoe UI,Yu Gothic UI,Hiragino Sans,Noto Sans JP,sans-serif;font-weight:600;line-height:1.35;resize:none;overflow:hidden;box-shadow:0 2px 12px #0000002e;outline:none}.canvas-text-editor--grass{background:#000000b8;border-color:#ffffffeb;color:#fff;box-shadow:0 2px 14px #00000073}.canvas-text-editor::placeholder{color:#00000059;font-weight:500}.canvas-text-editor--grass::placeholder{color:#ffffff73}@media(pointer:coarse){button,.drawer button,.topbar button,.broadcast-chrome button,.tool-rail button,.piece-inspector button{min-height:44px;min-width:44px;padding:.5rem .75rem}.drawer{width:min(340px,42vw);min-width:min(340px,42vw)}.tool-grid button,.tool-rail button{min-height:48px}.title-input{min-height:44px;font-size:1rem}.drawer textarea{min-height:5.5rem;font-size:1rem}.drawer-tabs button{min-height:48px}}.drawer{width:300px;min-width:300px;background:#fff;border-left:1px solid #e5e5e5;display:flex;flex-direction:column;overflow:hidden}.drawer-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;border-bottom:1px solid #e5e5e5;flex-shrink:0}.drawer-tabs button{border:none;border-radius:0;border-bottom:2px solid transparent;background:#fafafa;padding:.55rem .35rem;font-size:.85rem;font-weight:500;color:#666}.drawer-tabs button.active{background:#fff;color:#111;border-bottom-color:#111}.drawer-body{flex:1;min-height:0;overflow:auto;padding:.75rem}.drawer-panel{display:flex;flex-direction:column;gap:.45rem}.drawer h3{margin:0 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#777}.drawer section{display:flex;flex-direction:column;gap:.4rem}.drawer label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.drawer input[type=text],.drawer input:not([type]),.drawer select,.drawer textarea{border:1px solid #ddd;border-radius:8px;padding:.35rem .5rem;font-family:inherit;resize:vertical}.scene-chips{display:flex;flex-direction:column;gap:.3rem}.scene-chips button{width:100%;text-align:left;border-radius:10px;padding:.45rem .6rem}.team-segment{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #ddd;border-radius:10px;overflow:hidden}.team-segment button{border:none;border-radius:0;background:#f7f7f7;padding:.5rem;font-weight:600;color:#666}.team-segment button.team-home.active{background:#e74c3c;color:#fff;border-color:#e74c3c}.team-segment button.team-away.active{background:#3498db;color:#fff;border-color:#3498db}.roster-field.roster-home textarea{border-left:3px solid #e74c3c}.roster-field.roster-away textarea{border-left:3px solid #3498db}.drawer-details{border:1px solid #eee;border-radius:10px;padding:.4rem .55rem}.drawer-details summary{cursor:pointer;font-size:.88rem;font-weight:500;color:#444;padding:.2rem 0}.drawer-details[open] summary{margin-bottom:.4rem}.drawer-details .tool-grid{margin-bottom:.35rem}.row{display:flex;gap:.35rem}.kit-colors{display:flex;flex-direction:column;gap:.4rem;margin:.35rem 0 .15rem}.kit-colors-row{display:flex;align-items:center;gap:.5rem}.kit-colors-team{width:4.5rem;flex:0 0 4.5rem;font-size:.78rem;color:#555}.kit-swatch{display:flex;flex-direction:row!important;align-items:center;gap:.3rem!important;font-size:.75rem;color:#666}.kit-swatch input[type=color]{width:1.7rem;height:1.7rem;padding:0;border:1px solid #ddd;border-radius:4px;background:none;cursor:pointer}.row button{flex:1}.stack{display:flex;flex-direction:column;gap:.35rem}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.board-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.board-list button{width:100%;text-align:left}.hint{margin:0;font-size:.8rem;color:#c0392b}.hint-muted{margin:0;font-size:.78rem;color:#888}.match-banner-panel{gap:.5rem;padding:.5rem 0;border-top:1px solid #eee}.score-summary{margin:0;font-size:.88rem;font-weight:600}.goal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.goal-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;padding:.2rem .35rem;background:#f6f6f6;border-radius:4px}.goal-home{color:#c0392b}.goal-away{color:#2980b9}.goal-remove{padding:0 .35rem;min-width:1.5rem;line-height:1.2;font-size:1rem}.goal-add{flex-wrap:wrap;align-items:flex-end;gap:.35rem}.goal-add select,.goal-add input{flex:1;min-width:4rem}.goal-minute{max-width:3.5rem;flex:0 0 3.5rem!important}.row .grow{flex:1;min-width:0}.title-input,.drawer input,.drawer select,.modal input,.modal select{font-family:inherit}.check{flex-direction:row!important;align-items:center;gap:.4rem!important}.broadcast-chrome{position:absolute;right:8px;bottom:8px;z-index:20;pointer-events:none}.broadcast-focus-hint{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:19;padding:.22rem .55rem;border-radius:6px;background:#12121294;border:1px solid rgba(255,255,255,.14);color:#ffffffeb;font-size:.72rem;line-height:1.2;pointer-events:none;white-space:nowrap}.broadcast-chrome-inner{display:flex;align-items:center;gap:.3rem;padding:.2rem .35rem;border-radius:8px;background:#12121285;border:1px solid rgba(255,255,255,.14);box-shadow:0 2px 10px #0000002e;font-size:.72rem;line-height:1.2;color:#ffffffeb;pointer-events:auto}.scene-switcher{display:flex;align-items:center;gap:.15rem}.broadcast-scene{max-width:4.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.88;padding:0 .1rem}.broadcast-chrome .broadcast-icon-btn,.broadcast-chrome .broadcast-exit,.broadcast-chrome .broadcast-tool-toggle{min-height:24px;min-width:24px;padding:.12rem .38rem;border-radius:5px;border:1px solid rgba(255,255,255,.16);background:#ffffff1a;color:inherit;font:inherit;font-size:.72rem;line-height:1.2;cursor:pointer}.broadcast-chrome .broadcast-icon-btn{padding:.12rem .3rem;font-weight:600}.broadcast-chrome .broadcast-exit{opacity:.92}.broadcast-chrome .broadcast-icon-btn:hover,.broadcast-chrome .broadcast-exit:hover,.broadcast-chrome .broadcast-tool-toggle:hover{background:#ffffff2e;border-color:#ffffff3d}.broadcast-tool-menu{position:relative}.broadcast-tool-toggle{border-left:2px solid var(--tool-color, rgba(255, 255, 255, .5));max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.broadcast-tool-toggle.open{background:#fff3}.broadcast-tool-pop{position:absolute;right:0;bottom:calc(100% + 4px);display:flex;flex-direction:column;gap:3px;padding:4px;min-width:76px;background:#161616f0;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 6px 18px #00000047;z-index:25}.broadcast-tool-pop .tool-rail-btn,.broadcast-tool-pop .tool-rail-wipe,.broadcast-tool-pop .tool-rail-undo{width:100%;min-width:68px;min-height:28px;font-size:.75rem;background:#ffffff14;border-color:#ffffff1f;color:#ffffffeb}.tool-pill{background:#ffffffeb;color:#111;border:1px solid #ddd;border-radius:999px;padding:.3rem .7rem;font-size:.8rem}.broadcast-chrome button{background:#ffffff1a}.tool-pill-btn{border-left:3px solid var(--tool-color, #999);cursor:pointer;font:inherit}.tool-pill-btn.open,.tool-pill-btn:hover{background:#fff;border-color:#bbb}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:grid;place-items:center;z-index:30;padding:1rem}.settings-backdrop{background:transparent;pointer-events:none}.settings-backdrop .modal{pointer-events:auto;box-shadow:0 12px 40px #0000002e}.modal{width:min(420px,100%);max-height:min(90vh,720px);overflow:auto;background:#fff;border-radius:14px;padding:1rem;display:flex;flex-direction:column;gap:1rem}.modal.modal-dragged{position:fixed;margin:0;max-height:min(90vh,720px)}.modal header{display:flex;justify-content:space-between;align-items:center}.modal-drag-handle{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.modal-drag-handle:active{cursor:grabbing}.export-preview{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;overflow:hidden}.export-preview-frame{position:absolute;border:2px solid #fff;border-radius:6px;box-shadow:0 0 0 9999px #0000006b,inset 0 0 0 1px #00000026}.export-preview-label{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#111111d1;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .55rem;border-radius:999px;white-space:nowrap}.modal-drag-handle h2{margin:0;flex:1;min-width:0;font-size:1.1rem}.modal header h2{margin:0;font-size:1.1rem}.modal section{display:flex;flex-direction:column;gap:.45rem}.modal section h3{margin:0;font-size:.85rem;color:#666}.obs-checklist{margin:0;padding-left:1.15rem;font-size:.875rem;line-height:1.45;color:#333}.obs-checklist li+li{margin-top:.35rem}.obs-warn{color:#92400e}.obs-url-row{display:flex;gap:.4rem;align-items:stretch}.obs-url-row input{flex:1;min-width:0;font-size:.8rem}.obs-url-row button{flex-shrink:0}.modal label{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.modal footer{color:#999;font-size:.8rem}.modal-close-btn{flex-shrink:0;min-height:32px;padding:.25rem .65rem;border:1px solid #d0d0d0;border-radius:8px;background:#fff;color:#333;font-size:.8125rem;font-weight:500;line-height:1.2}.modal-close-btn:hover{background:#f5f5f5;border-color:#bbb}.modal-close-btn--compact{min-height:28px;padding:.15rem .5rem;font-size:.75rem}.pitch-surface-row{margin-bottom:.35rem}.modal-close{min-width:36px;font-size:1.25rem;line-height:1;border:none;background:transparent;color:#666}.field-label{font-size:.8rem;color:#777}.wm-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,36px);gap:4px;width:120px;margin:.15rem 0 .35rem}.wm-pos-btn{display:grid;place-items:center;padding:0;border-radius:8px;background:#f5f5f5}.wm-pos-tl{grid-column:1;grid-row:1}.wm-pos-tr{grid-column:3;grid-row:1}.wm-pos-center{grid-column:2;grid-row:2}.wm-pos-bl{grid-column:1;grid-row:3}.wm-pos-br{grid-column:3;grid-row:3}.wm-pos-dot{width:8px;height:8px;border-radius:50%;background:#bbb}.wm-pos-btn.active{background:#111}.wm-pos-btn.active .wm-pos-dot{background:#fff}.preset-row{display:flex;flex-wrap:wrap;gap:.35rem}.preset-row button{flex:1;min-width:4.5rem}.modal-danger{border-top:1px solid #eee;padding-top:.75rem}.modal-danger h3{color:#999}.modal-footer-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.modal-footer-fb{border:none;background:transparent;color:#666;padding:0;font-size:.8rem;text-decoration:underline}.landing-fb,.topbar-fb{margin-top:.75rem;width:100%;border:none;background:transparent;color:#666;font-size:.85rem;text-decoration:underline}.topbar-fb{margin-top:0;width:auto}.zb-feedback-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.zb-feedback-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-end;justify-content:center;padding:1rem;background:#00000059}.zb-feedback-panel__card{width:min(28rem,100%);padding:1rem 1.1rem 1.15rem;border-radius:12px;border:1px solid #e5e5e5;background:#fff;box-shadow:0 12px 40px #0000001f}.zb-feedback-panel__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.zb-feedback-panel__title{margin:0;font-size:.9375rem;font-weight:600}.zb-feedback-panel__x{border:0;background:transparent;color:#666;font-size:1.125rem;line-height:1}.zb-feedback-panel__hint{margin:.5rem 0 .85rem;color:#666;font-size:.75rem}.zb-feedback-panel__kinds{margin:0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:.5rem .85rem}.zb-feedback-panel__kind{display:flex;align-items:center;gap:.3rem;font-size:.8125rem;cursor:pointer}.zb-feedback-panel__label{display:block;margin:.85rem 0 .35rem;font-size:.75rem;color:#777}.zb-feedback-panel__ta{display:block;width:100%;padding:.5rem .6rem;border:1px solid #d0d0d0;border-radius:8px;background:#fff;font-size:.875rem;resize:vertical}.zb-feedback-panel__actions{display:flex;gap:.5rem;margin-top:.85rem}.zb-feedback-panel__submit{border-color:#111;background:#111;color:#fff}.zb-feedback-panel__ghost{border:none;background:transparent;color:#666}.zb-feedback-panel__status{margin:.65rem 0 0;font-size:.75rem;color:#666}.zb-feedback-panel__status--err{color:#c0392b}
