:root{color-scheme:light;--navy:#172942;--navy-2:#233854;--ice:#f1f5f8;--border:#d9e2ea;--muted:#697b91;--blue:#2874b9;--red:#c63c62;--teal:#25827d;--paper:#fff;--shadow:0 12px 45px rgba(20,38,58,.08);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;color:var(--navy);background:#f5f7fa;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:290px;background:var(--paper);border-right:1px solid var(--border);padding:25px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.brand-mark,.card-logo{display:grid;place-items:center;background:#fff;border-radius:12px}.brand-mark{width:54px;height:54px;border:1px solid var(--border)}.brand-mark img,.card-logo img{width:85%;height:85%;object-fit:contain}.eyebrow{display:block;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.brand strong{display:block;font-size:18px;margin-top:4px}.button{border:1px solid var(--border);background:#fff;color:var(--navy);border-radius:9px;padding:10px 13px;font:inherit;font-weight:600;cursor:pointer}.button:hover,.tool:hover{border-color:var(--blue)}.button-primary{background:var(--navy);border-color:var(--navy);color:white}.button-wide{width:100%;padding:13px}.button-danger:hover{color:var(--red);border-color:var(--red)}.search-wrap{display:grid;gap:7px;margin-top:24px;color:var(--muted);font-size:11px}.search-wrap input,.panel label input,.panel label textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#fff;padding:9px 10px;color:var(--navy);font:inherit;resize:vertical}.search-wrap input:focus,.panel label input:focus,.panel label textarea:focus{outline:2px solid #d8e9f8;border-color:var(--blue)}.sidebar-title{display:flex;justify-content:space-between;margin:26px 0 11px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.6px}.drill-list{display:grid;gap:7px;overflow:auto}.drill-item{text-align:left;background:transparent;border:1px solid transparent;border-radius:9px;padding:11px;cursor:pointer;color:var(--navy)}.drill-item.active{background:#edf4f8;border-color:#dce9f1}.drill-item strong,.drill-item span{display:block}.drill-item strong{font-size:12px}.drill-item span{font-size:11px;color:var(--muted);margin-top:5px}.storage-note{margin-top:auto;padding-top:16px;color:var(--muted);font-size:10px;display:flex;gap:8px;align-items:center}.status-dot{width:8px;height:8px;border-radius:50%;background:#42a486}.workspace{margin-left:290px;padding:24px 32px 50px}.topbar{max-width:1320px;margin:0 auto 23px;display:flex;justify-content:space-between;align-items:center}.topbar h1{font-size:24px;margin:5px 0 0}.top-actions{display:flex;gap:8px}.editor-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(290px,340px) minmax(570px,1fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:17px;box-shadow:0 2px 10px rgba(20,38,58,.035)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-heading h2{font-size:15px;margin:0}.panel-heading>span{color:var(--teal);font-size:10px}.panel label{display:grid;gap:6px;margin-bottom:12px;font-size:11px;font-weight:650}.panel label>span{font-size:10px;color:var(--muted);font-weight:400}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tools{margin-bottom:16px}.button-small{padding:6px 9px;font-size:11px}.tool-list{display:flex;flex-wrap:wrap;gap:6px}.tool{padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:white;color:var(--navy);cursor:pointer;font-size:11px}.tool.active{background:var(--navy);border-color:var(--navy);color:white}.tool-erase{color:var(--red)}.tool-hint{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.4}.exercise-card{width:100%;background:#fff;box-shadow:var(--shadow);overflow:hidden;padding-bottom:14px}.card-header{height:98px;padding:15px 23px;background:var(--navy);display:flex;align-items:center;gap:16px;color:white}.card-logo{width:67px;height:67px;flex:none}.card-header h2{font-size:20px;line-height:1.12;margin:0 0 8px;text-transform:uppercase}.card-header p{font-size:9px;color:#d7e1ea;margin:0 0 7px}.card-header strong{font-size:9px;color:#99d7cc;letter-spacing:.4px}.card-meta,.field-card,.details-card,.legend{margin-left:22px;margin-right:22px;border:1px solid var(--border);border-radius:9px}.card-meta{margin-top:16px;padding:11px 13px;display:grid;grid-template-columns:2.1fr .8fr .7fr .5fr;gap:9px;background:var(--ice)}.card-meta span,.card-meta strong{display:block}.card-meta span{font-size:8px;color:var(--muted);font-weight:700}.card-meta strong{font-size:11px;margin-top:8px}.field-card{margin-top:14px;padding:12px 12px 8px}.field-heading{display:flex;justify-content:space-between;align-items:center}.field-heading h3,.details-card>h3,.legend>h3{font-size:10px;margin:0}.field-heading>span{font-size:8px;color:var(--muted);font-weight:700}#rink{width:100%;height:auto;display:block;touch-action:none}.details-card{margin-top:13px;padding:12px 13px}.details-grid{display:grid;grid-template-columns:1fr 1.12fr;margin-top:12px}.details-grid>div:first-child{padding-right:14px;border-right:1px solid var(--border)}.details-grid>div:last-child{padding-left:14px}.detail-block{margin-bottom:12px}.detail-block:last-child{margin-bottom:0}.detail-block h4{font-size:8px;letter-spacing:.2px;color:var(--muted);margin:0 0 6px}.detail-block p,.detail-block ol{font-size:9px;line-height:1.42;color:var(--navy-2);margin:0;white-space:pre-line}.detail-block ol{padding-left:17px}.detail-block li+li{margin-top:2px}.legend{margin-top:12px;background:var(--ice);padding:10px 13px}.legend>div{display:flex;justify-content:space-between;margin-top:9px;font-size:8px}.legend i{font-style:normal;font-weight:700;font-size:15px;vertical-align:middle}.legend-player,.legend-skate{color:var(--blue)}.legend-ring,.legend-pass{color:var(--red)}.legend-shot,.legend-cone{color:var(--navy)}.card-footer{display:flex;justify-content:space-between;margin:11px 23px 0;color:var(--muted);font-size:8px}.field-object{cursor:grab}.field-object.selected .selection-ring,.field-object.selected .route-hit{opacity:1}.selection-ring,.route-hit{opacity:0;pointer-events:none}.field-object.route .route-visible{pointer-events:stroke}.draft-route{pointer-events:none}@media(max-width:1100px){.sidebar{width:240px}.workspace{margin-left:240px;padding:20px 17px}.editor-grid{grid-template-columns:290px minmax(460px,1fr);gap:13px}}@media(max-width:850px){.sidebar{position:relative;width:auto;inset:auto;padding:14px}.brand{margin-bottom:13px}.search-wrap,.sidebar-title,.storage-note{display:none}.drill-list{display:flex;overflow-x:auto;margin-top:10px}.drill-item{min-width:185px}.workspace{margin-left:0;padding:16px 10px}.topbar{align-items:flex-start;gap:10px}.topbar h1{font-size:18px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.editor-grid{display:flex;flex-direction:column}.preview-column{order:-1;width:100%}.editor-column{width:100%}.card-header h2{font-size:15px}.card-meta{grid-template-columns:1.6fr .8fr .8fr .5fr}.card-meta,.field-card,.details-card,.legend{margin-left:11px;margin-right:11px}.legend>div{gap:4px;flex-wrap:wrap}}@page{size:A4 portrait;margin:9mm}@media print{html,body{margin:0;padding:0;background:white;-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}.workspace{margin:0;padding:0}.editor-grid{display:block;margin:0;max-width:none}.preview-column{width:100%}.exercise-card{width:100%;box-shadow:none;padding-bottom:0;break-inside:avoid}.card-header{height:83px;padding:10px 18px}.card-logo{width:61px;height:61px}.card-header h2{font-size:17px}.card-meta{margin-top:11px}.field-card{margin-top:10px;padding-top:9px;padding-bottom:3px}.details-card{margin-top:9px;padding:9px 12px}.details-grid{margin-top:8px}.detail-block{margin-bottom:8px}.detail-block p,.detail-block ol{font-size:8px;line-height:1.31}.legend{margin-top:9px;padding:8px 12px}.card-footer{margin-top:8px}.selection-ring,.route-hit{display:none!important}}