.editor-page{width:min(94%,96rem);padding-block:3rem 5rem}.editor-heading{display:flex;flex-direction:column;gap:1.8rem;margin-bottom:2.5rem}.editor-heading h1{font-size:clamp(3.3rem,5.5vw,5.5rem)}.editor-intro{max-width:28rem}.editor-intro p{font-size:1rem;margin:1rem 0 .5rem}.free-tag{display:inline-flex;align-items:center;gap:.55rem;background:var(--lime);padding:.45rem .7rem;font-size:.67rem;letter-spacing:.08em;font-weight:700}.free-tag>span{font-size:1.1rem}.editor-app{border:1px solid #c7d0be;border-radius:.4rem;overflow:hidden;background:#fafbf3;box-shadow:0 14px 40px #19382b08}.editor-topline{display:flex;flex-wrap:wrap;gap:.7rem;padding:.75rem 1rem;border-bottom:1px solid var(--line);background:#eef1e5;justify-content:space-between;align-items:center}.editor-topline>div:first-child{display:flex;align-items:center;gap:.6rem;font-size:.68rem;flex-wrap:wrap}.editor-topline strong{letter-spacing:.12em}.editor-live-dot{width:.45rem;height:.45rem;background:#6e933c;border-radius:50%}#editor-save-status{font-size:.62rem;color:#5f6e55}.editor-top-actions{display:flex;gap:.3rem;flex-wrap:wrap}.editor-top-actions button{min-height:44px;padding:.6rem .65rem;font-size:.73rem;font-weight:600}.editor-top-actions button[data-action=undo],.editor-top-actions button[data-action=redo]{font-size:1.4rem;width:44px}.editor-save{border:1px solid #b9c9a4;background:#fafbf3;border-radius:.15rem}.editor-export{background:var(--ink);color:#fff;border-radius:.15rem}.editor-export>span{color:var(--lime);margin-left:.7rem}.editor-page button:disabled{opacity:.38;cursor:not-allowed}.editor-page button:not(:disabled):hover{filter:brightness(.94)}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr)}.editor-tools{padding:1rem;border-bottom:1px solid var(--line)}.editor-label{display:block;letter-spacing:.08em;font-size:.6rem;font-weight:700;color:#627651;margin-bottom:.85rem}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.tool-grid button{min-height:54px;display:flex;align-items:center;justify-content:flex-start;gap:.55rem;padding:.6rem .35rem;font-size:.72rem;border:1px solid transparent;border-radius:.2rem;line-height:1.2}.tool-grid button[aria-pressed=true]{background:#e6edda;border-color:#b8c89f}.tool-player{display:grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid var(--ink);font-size:.65rem;font-weight:700;flex-shrink:0}.tool-player.home{background:var(--lime)}.tool-player.away{background:#f4f5e9}.tool-glyph{font-size:1.5rem;line-height:1;width:1.6rem;text-align:center;flex-shrink:0}.tool-cone{width:0;height:0;border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-bottom:1.3rem solid #e69753;margin:.15rem}.tool-zone{width:1.5rem;height:1.2rem;background:#d7fa6966;border:1px dashed #7e9858}.tool-tips{display:none}.editor-delete{font-size:.72rem;min-height:44px;display:block;margin-top:.4rem;text-decoration:underline;text-underline-offset:4px}.editor-center{min-width:0;background:#f1f3e9;display:flex;flex-direction:column}.pitch-controls{display:flex;align-items:center;gap:.5rem;padding:.8rem;flex-wrap:wrap}.position-switch{display:flex;border:1px solid #bcc9ab;border-radius:.25rem;overflow:hidden}.position-switch button{min-height:44px;min-width:3rem;font-size:.75rem;padding:.4rem .65rem}.position-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.play-task{font-size:.72rem;min-height:44px;padding:.4rem .5rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.play-task>span{font-size:1.2rem}.zoom-label{display:flex;align-items:center;gap:.4rem;margin-left:auto;font-size:.65rem}.zoom-label select{font:inherit;border:1px solid #c6d2b8;min-height:44px;background:#f9faef;border-radius:.15rem;padding:0 .3rem;color:var(--ink)}.editor-pitch-scroll{overflow:auto;background:#173c2e;position:relative;overscroll-behavior-x:contain}.editor-pitch-scroll svg{display:block;width:100%;max-width:none;height:auto;touch-action:none;user-select:none;-webkit-user-select:none}.editor-pitch-scroll svg:focus-visible{outline:3px solid #d7fa69;outline-offset:-4px}.editor-pitch-scroll [data-piece]{cursor:grab}.editor-pitch-scroll.is-dragging [data-piece]{cursor:grabbing}.editor-pitch-scroll.drawing svg{cursor:crosshair}.board-instructions{display:flex;gap:1rem;padding:.7rem .8rem;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}.board-instructions p{font-size:.7rem;line-height:1.5;max-width:27rem}.board-instructions>span{font-size:.58rem;white-space:nowrap;color:#667b52}.selection-inspector{display:flex;gap:.65rem;padding:.85rem;flex-wrap:wrap}.selection-inspector label{font-size:.64rem;display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:7rem}.selection-inspector select,.selection-inspector input{background:#fafbf3;border:1px solid #c7d0bd;min-height:44px;max-width:100%;width:100%;border-radius:.15rem;font:inherit;font-size:.85rem;color:var(--ink);padding:.5rem}.nudge-controls{display:flex;align-items:flex-end;gap:.2rem}.nudge-controls button{border:1px solid #c7d0bd;min-width:44px;min-height:44px;border-radius:.2rem;background:#fafbf3}.editor-feedback{font-size:.74rem;min-height:2.5rem;padding:.4rem .85rem .8rem;color:#3c592b}.task-details{padding:1.2rem;border-top:1px solid var(--line)}.task-details label{font-size:.75rem;display:flex;flex-direction:column;gap:.35rem;margin-bottom:.8rem;font-weight:500}.task-details input,.task-details textarea,.task-details select{width:100%;max-width:100%;min-height:44px;border:1px solid #c8d1be;border-radius:.2rem;padding:.65rem;background:#fffef8;font:inherit;font-size:1rem;color:var(--ink);line-height:1.45}.task-details textarea{resize:vertical}.task-details input::placeholder,.task-details textarea::placeholder{color:#7c876f}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.preset-box{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--line)}.preset-box button{display:block;width:100%;min-height:44px;border:1px solid var(--ink);font-size:.75rem;font-weight:600;border-radius:.2rem}.editor-bottomline{border-top:1px solid var(--line);padding:1rem;display:flex;flex-direction:column;gap:.5rem}.editor-bottomline p{font-size:.7rem;line-height:1.6;max-width:37rem}.editor-bottomline>div{display:flex;flex-wrap:wrap;gap:.4rem 1rem}.editor-bottomline button{min-height:44px;font-size:.7rem;text-decoration:underline;text-underline-offset:4px}.task-library{padding-top:4rem}.library-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.library-heading h2{font-size:clamp(2.2rem,3vw,3.2rem)}.library-heading .eyebrow{margin-bottom:.8rem}.library-heading>span{font-size:.72rem;color:var(--muted)}.saved-tasks{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}.saved-tasks>p{padding:2rem;border:1px dashed #c8d2ba;font-size:.9rem}.saved-task{border:1px solid var(--line);background:#eff2e7;display:flex;flex-direction:column;padding:1.2rem;gap:.75rem}.saved-task .saved-label{font-size:.6rem;letter-spacing:.06em;color:#66814d}.saved-task h3{overflow-wrap:anywhere;font-size:1.1rem}.saved-task p{font-size:.75rem}.saved-task>div{display:flex;justify-content:space-between;gap:1rem;margin-top:auto}.saved-task button{min-height:44px;text-align:left;font-size:.75rem;font-weight:600}.saved-task button:last-child{font-weight:400;color:var(--muted)}.editor-help{display:grid;gap:1rem;padding-block:4rem}.editor-help h2{font-size:clamp(2.5rem,3.5vw,3.5rem)}.editor-help ol{padding:0 0 0 1.3rem;margin:0}.editor-help li{padding:0 0 1.5rem .4rem;font-size:1rem;color:var(--muted)}.editor-help li::marker{color:var(--ink);font-weight:700}.editor-help strong{color:var(--ink);display:block}.editor-upsell{background:var(--ink);color:var(--paper);padding:2rem}.editor-upsell h2{font-size:clamp(2.5rem,3.7vw,3.8rem);margin-bottom:1.7rem}.editor-upsell em{color:var(--lime)}.editor-upsell p{color:#bfd0b9;font-size:.7rem;margin-top:.8rem}.editor-upsell .eyebrow{color:#bfccae}.editor-notice{background:#f8e8c9;padding:1rem;margin-bottom:1rem}.editor-page dialog{border:1px solid #b6c4a4;border-radius:.4rem;background:var(--paper);color:var(--ink);padding:2rem;width:min(90%,30rem)}.editor-page dialog::backdrop{background:#102b20a8}.editor-page dialog h2{font-size:2.7rem}.editor-page dialog p{font-size:1rem;margin:1rem 0 1.5rem}.editor-page dialog form>div{display:flex;justify-content:flex-end;gap:.8rem}.nav-editor{font-weight:700!important}.nav-editor>span{margin-right:.25rem}.editor-invite{display:flex;flex-direction:column;gap:1.2rem;padding:1.5rem;margin-top:2rem;border:1px solid #bfcfa7;background:#edf2df}.editor-invite p{font-size:1rem;color:var(--ink)}.editor-invite strong{font-family:var(--display);font-size:1.8rem;line-height:1.2;display:block;margin-bottom:.25rem}.editor-invite .button{flex-shrink:0}.editor-invite .eyebrow{margin-bottom:.5rem}.editor-link{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:1rem;font-size:.78rem;text-decoration:underline;text-underline-offset:5px}
@media(min-width:640px){.editor-heading{flex-direction:row;justify-content:space-between;align-items:center;gap:3rem}.editor-intro{max-width:23rem}.tool-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.saved-tasks{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-help{grid-template-columns:1fr 1.2fr;gap:3rem}.editor-invite{flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.editor-upsell{padding:3rem}.editor-page{padding-top:3.5rem}}
@media(min-width:1024px){.editor-workspace{grid-template-columns:8.4rem minmax(0,1fr) 16rem}.editor-tools{border-right:1px solid var(--line);border-bottom:0;padding:.9rem .6rem}.tool-grid{grid-template-columns:1fr}.tool-grid button{font-size:.74rem}.tool-tips{display:block;border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.tool-tips p{font-size:.65rem;line-height:1.6}.tool-tips .editor-label{font-size:.5rem}.task-details{border-top:0;border-left:1px solid var(--line);padding:1rem}.editor-bottomline{flex-direction:row;justify-content:space-between;align-items:center}.editor-bottomline p{max-width:28rem}.editor-heading h1 br{display:none}.editor-heading h1{font-size:5.2rem}.editor-heading{margin-bottom:2.7rem}.saved-tasks{grid-template-columns:repeat(3,minmax(0,1fr))}.pitch-controls{padding:.65rem}.zoom-label{margin-left:auto}.editor-help{padding-block:5rem}.editor-center{justify-content:flex-start}.editor-pitch-scroll{margin-top:.2rem}.editor-topline{padding:.75rem 1.2rem}}
@media(min-width:1280px){.editor-workspace{grid-template-columns:9.8rem minmax(0,1fr) 18rem}.editor-tools{padding:1rem}.tool-grid button{padding:.6rem}.pitch-controls{padding:.8rem 1rem}.editor-heading h1{font-size:5.6rem}.editor-heading h1 br{display:block}.editor-page{padding-top:3rem}.saved-tasks{grid-template-columns:repeat(4,minmax(0,1fr))}}