/* Picklary 1.1 restored tools. Isolated components, normal-flow controls. */
.site-header nav{gap:20px}.header-inner{gap:24px}.tools-launch{padding:44px 0;background:#edf2e4;border-block:1px solid var(--line)}.tools-launch .grid{gap:18px}.restored-card,.download-card{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:30px;border:1px solid var(--line);border-radius:20px;background:white;min-width:0}.restored-card h2,.download-card h2{font-size:1.7rem;line-height:1.18}.restored-card p,.download-card p{color:var(--muted);font-size:.94rem}.restored-card .button{margin-top:auto}.tool-number{font:italic 2rem Georgia,serif;color:#587740}.tool-disclaimer{padding:22px 24px;background:#f1eadb;border:1px solid #ded0b6;border-radius:14px;margin-bottom:22px;font-size:.9rem}.tool-disclaimer h2{font-size:1.55rem;margin-bottom:18px}.tool-disclaimer p{margin-top:10px}.tool-disclaimer .button{margin-top:20px}.tool-section{padding-top:32px}.storage-choice{display:flex;gap:10px;align-items:center;margin-bottom:18px;font-size:.87rem}.storage-choice input{width:19px;height:19px;accent-color:var(--teal)}.method-note{margin-top:26px;background:white;border:1px solid var(--line);padding:22px;border-radius:14px}.method-note summary{font-weight:700}.method-note p{font-size:.9rem;margin-top:14px}.vision-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.vision-layout>*{margin:0}.app-status{display:flex;flex-direction:column;gap:22px;padding:32px}.app-status .button{align-self:flex-start}.workflow{counter-reset:step;list-style:none;padding:0;display:grid;gap:16px;margin-top:26px}.workflow li{counter-increment:step;display:flex;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line);padding:10px 0 24px}.workflow li:before{content:counter(step,decimal-leading-zero);font:italic 1.5rem Georgia;color:#597848}.checksum{font-size:.7rem;overflow-wrap:anywhere;word-break:break-all}.download-card .source-link{margin-top:-8px}.download-card.unavailable{background:#f5f2eb;border-style:dashed}.tool-section .wide{max-width:1420px}
/* Court-based quiz */
.quiz-app{min-width:0}.quiz{padding:28px;background:white;border:1px solid var(--line);border-radius:22px}.quiz__bar{display:flex;gap:20px;align-items:center}.quiz__count{white-space:nowrap;font-weight:700;font-variant-numeric:tabular-nums}.quiz__progress{height:7px;flex:1;border-radius:9px;background:#eaf0e5;overflow:hidden}.quiz__progress span{display:block;height:100%;background:#537c5a;transition:width .2s}.quiz__prompt{font-size:1.28rem;font-weight:750;line-height:1.6;margin-top:26px}.quiz__youpos{font-size:.83rem;color:var(--muted);margin:10px 0}.quiz__incoming{font-size:.9rem;margin-bottom:24px}.quiz__power-chip{display:inline-block;border-radius:12px;padding:1px 9px;margin-left:6px;font-size:.77rem;background:#eee8d3}.quiz__power-chip--hard{background:#f8dfd7;color:#974029}.quiz__power-chip--soft{background:#e0edf5;color:#295d8c}.quiz__layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:32px;align-items:start}.quiz__court{background:#f5f7f0;border:1px solid #e3e8dc;border-radius:18px;padding:18px;min-width:0}.court-view-toolbar{display:flex;justify-content:flex-end}.court-view-toggle{background:white;border:1px solid #b5c7b7;border-radius:8px;padding:7px 13px;font-size:.78rem;min-height:38px}.court-svg{width:100%;height:410px;display:block;touch-action:manipulation}.court-zone{fill:transparent;stroke:transparent;cursor:pointer}.court-zone:hover{fill:#73ba9745;stroke:#619b7c}.court-zone.is-selected{fill:#418b6877;stroke:#245c43;stroke-width:2}.court-zone[aria-disabled=true]{cursor:default}.court-dot--opp{fill:#e37947;stroke:white;stroke-width:2}.court-dot--me{fill:#176b56;stroke:white;stroke-width:2}.court-dot--you{fill:#6d9b85;stroke:white;stroke-width:2}.court-dot--chosen{stroke:#c2a320;stroke-width:4}.court-dot--ball{fill:#e4bc26;stroke:#755e12;stroke-width:1.3}.court-dot-num{fill:white;font:bold 11px sans-serif}.court-you-tag{fill:#145e4a;font:bold 10px sans-serif}.court-ballpath--soft{stroke:#2f7dd1}.court-ballpath--medium{stroke:#dda20f}.court-ballpath--hard{stroke:#e0552e}.court-arrow--soft{fill:#2f7dd1}.court-arrow--medium{fill:#dda20f}.court-arrow--hard{fill:#e0552e}.court-move{stroke:#7d9486;stroke-width:2;stroke-dasharray:4 3}.court-move-head{fill:#7d9486}.court-legend{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:8px 0;font-size:.72rem}.court-legend li{display:flex;gap:6px;align-items:center}.dot{display:inline-block;width:10px;height:10px;border-radius:50%}.dot--me{background:#176b56}.dot--you{background:#6d9b85}.dot--opp{background:#e37947}.dot--ball{background:#e4bc26}.court-view-hint{font-size:.73rem;color:var(--muted)}.quiz__controls{display:grid;gap:16px;min-width:0}.quiz__group{border:1px solid #d7e1d5;border-radius:14px;padding:18px}.quiz__group h3{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:.94rem;line-height:1.5}.quiz__step-num{display:grid;place-items:center;border-radius:50%;background:#eaf0e5;font-size:.73rem;width:25px;height:25px;flex-shrink:0}.quiz__group.is-active{border-color:#7fa287}.quiz__group.is-complete .quiz__step-num{background:#245b45;color:white}.quiz__group.is-locked{background:#f5f5f1}.opts{display:grid;gap:8px}.opts--shot{grid-template-columns:repeat(5,minmax(0,1fr))}.opts--power,.opts--target{grid-template-columns:repeat(3,minmax(0,1fr))}.opts--player{grid-template-columns:1fr 1fr}.opt{border:1px solid #c8d5c6;background:white;border-radius:8px;padding:9px 6px;min-height:42px;font-size:.78rem;line-height:1.35;word-break:normal!important;overflow-wrap:break-word!important}.opt:hover:not(:disabled){background:#ebf1e6}.opt.is-selected{background:#164b3c!important;border-color:#164b3c;color:white}.opt:disabled{opacity:.52;cursor:not-allowed}.quiz__zone-label{font-size:.77rem;margin-top:12px}.quiz__nav{display:flex;gap:12px;justify-content:flex-end}.quiz-app .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 18px;min-height:44px;border:1px solid #b5c5b3;background:white;color:var(--ink);text-decoration:none;font-size:.84rem;font-weight:650}.quiz-app .btn--primary{background:#164b3c;border-color:#164b3c;color:white}.quiz-app .btn:disabled{opacity:.45;cursor:not-allowed}.quiz__choice{padding:36px;background:white;border:1px solid var(--line);border-radius:20px}.quiz__choice h2{font-size:1.7rem}.quiz__choice p{margin:18px 0;color:var(--muted)}.quiz__choice-actions{display:flex;flex-wrap:wrap;gap:12px}.quiz__choice-hint{font-size:.84rem}.result-card--dupr-app{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:24px;background:white;padding:32px;border:1px solid var(--line);border-radius:22px}.dupr-result-phone{border-radius:16px;padding:26px;background:#eaf0e5;align-self:start}.dupr-result-phone__top,.dupr-result-phone__head,.dupr-result-card__seal{display:none}.dupr-result-card__kicker{font-size:.65rem;font-weight:800;letter-spacing:.08em}.dupr-result-card__score{font-size:4rem;margin:18px 0;letter-spacing:-.04em}.dupr-result-card__band{font-size:.9rem;font-weight:700}.dupr-result-card__tag{font-size:.77rem;margin-top:20px}.dupr-result-summary h3{font-size:1.24rem;line-height:1.5;margin:12px 0 18px}.result-card__eyebrow{font-weight:700}.result-card__score{margin:16px 0}.result-card__actions{display:flex;flex-wrap:wrap;gap:10px}.result-card .notice{font-size:.85rem;color:var(--muted);margin-top:18px}.result-card__review,.qr-list{grid-column:1/-1}.result-card__review{font-size:1.6rem;margin-top:16px}.qr-list{list-style:none;padding:0;display:grid;gap:18px}.qr{border-top:1px solid var(--line);padding:20px 0}.qr__q{font-size:1rem;font-weight:700;line-height:1.7}.qr__pts{white-space:nowrap;font-size:.74rem;color:var(--muted)}.qr__line,.qr__why{font-size:.85rem;margin-top:10px}.qr__reveal{padding:8px 14px;border:1px solid #bccdb9;background:#f6f8f0;border-radius:7px;margin-top:12px;font-size:.8rem}.qr__answer{background:#f1f6e9;padding:14px;border-radius:10px;margin-top:14px}.dupr-result__scale{margin-top:22px}.dupr-result__bar{height:6px;background:linear-gradient(90deg,#a5be92,#446b54);position:relative;border-radius:6px}.dupr-result__marker{position:absolute;left:var(--dupr-pos);top:-5px;width:4px;height:16px;background:#122d23}.dupr-result__ticks{display:flex;justify-content:space-between;font-size:.6rem}.quiz-history{padding:24px;background:white;border:1px solid var(--line);border-radius:18px;margin-top:24px}.qh__title{font-size:1.3rem}.qh__intro,.qh__note{font-size:.79rem;color:var(--muted);margin-top:10px}.qh__list{list-style:none;padding:0}.qh__row{display:grid;grid-template-columns:120px 1fr 45px 65px;gap:14px;align-items:center;padding:8px 0;font-size:.8rem}.qh__bar{height:7px;background:#edf2e6}.qh__bar-fill{display:block;height:100%;background:#73946c}.qh__foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
/* Restored video workspace: controls stay outside the video frame. */
.clip-app{--mint:#91e0bd;--blue:#95c8ee;background:#0e2133;border-radius:22px;padding:22px;color:#eaf3f5;min-width:0;margin-top:24px}.clip-app .editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.clip-app .workspace,.clip-app .side-panel{min-width:0}.clip-app h2,.clip-app h3,.clip-app p,.clip-app span{color:inherit}.clip-app .video-shell{position:relative;background:#061320;border:1px solid #2d4559;border-radius:15px;overflow:hidden;height:min(54vh,560px);min-height:240px;display:grid;place-items:center}.clip-app #video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#050b12}.clip-app .drop-panel{position:relative;z-index:1;display:grid;gap:12px;text-align:center;padding:20px;place-items:center}.clip-app .drop-panel h2{font-size:1.45rem}.clip-app .drop-panel p{font-size:.8rem;color:#b2c6d0}.clip-app .has-video .drop-panel{display:none}.clip-app .upload-icon{font-size:2rem;border:1px dashed #718c9d;background:transparent;color:#c3dbe9;border-radius:14px;width:65px;height:65px}.clip-app .ready-badge{display:none}.clip-app .transport{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.clip-app .control-btn,.clip-app .mini-control{border:1px solid #4a6477;border-radius:7px;background:#172f43;color:#eaf3f5;padding:8px 12px;font-size:.8rem;min-height:40px}.clip-app .control-btn:disabled,.clip-app .mark-btn:disabled{opacity:.5;cursor:not-allowed}.clip-app .volume-wrap{display:flex;align-items:center;gap:6px}.clip-app #volume{width:85px}.clip-app .timeline-wrap{margin-top:12px}.clip-app .timeline-stack{position:relative;height:30px;display:flex;align-items:center}.clip-app .timeline-highlights{position:absolute;inset:10px 0;height:10px;pointer-events:none;border-radius:5px;background:#294057;overflow:hidden}.clip-app .timeline-cut-segment{position:absolute;top:0;height:100%;background:#5aad82}.clip-app .timeline-cut-segment:nth-child(3n+2){background:#68a7d2}.clip-app .timeline-cut-segment:nth-child(3n){background:#b2c769}.clip-app .timeline-cut-segment.is-draft{background:#a6d7eb}.clip-app #timeline{position:relative;z-index:1;width:100%;height:28px;cursor:pointer;appearance:none;background:transparent;margin:0;accent-color:#e5f6ff}.clip-app #timeline::-webkit-slider-runnable-track{height:3px;background:transparent}.clip-app #timeline::-webkit-slider-thumb{appearance:none;width:12px;height:21px;background:#eef8ff;border:1px solid #60798e;border-radius:3px;margin-top:-9px}.clip-app .timeline-labels{display:flex;justify-content:space-between;color:#b3c5d1;font-size:.75rem;font-variant-numeric:tabular-nums}.clip-app .mark-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-top:16px;align-items:end}.clip-app .mark-field label{display:block;font-size:.65rem;font-weight:700;color:#b8cbd8;letter-spacing:.09em;margin-bottom:4px}.clip-app .mark-field input{width:100%;border:1px solid #577083;border-radius:7px;background:#0d1d2e;color:white;padding:9px 8px;font-size:.86rem;min-height:40px}.clip-app .mark-btn{min-height:42px;border:1px solid #648c97;background:#9acde9;color:#0b2633;border-radius:7px;padding:10px;font-size:.79rem;font-weight:750}.clip-app .mark-out{background:#9de2c5}.clip-app .keyboard-note{font-size:.74rem;line-height:1.7;margin-top:12px;color:#afc3d3}.clip-app .cuts-panel{margin-top:22px}.clip-app .cuts-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px}.clip-app .cuts-head h3{font-size:.86rem}.clip-app #fileName{font-size:.71rem;overflow-wrap:anywhere;color:#b1c7d2}.clip-app .cuts-list{display:grid;gap:8px;max-height:350px;overflow:auto}.clip-app .cut-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto 30px;gap:8px;align-items:center;background:#183044;border:1px solid #344d62;border-radius:9px;padding:10px}.clip-app .cut-time{font-size:.76rem;text-align:left;line-height:1.5;overflow-wrap:anywhere}.clip-app .cut-num,.clip-app .cut-duration{font-size:.73rem}.clip-app .icon-btn{color:#ffd6b4;background:transparent;border:0;font-size:1.3rem;min-height:40px}.clip-app .empty-cuts{font-size:.85rem;color:#b0c4cf;padding:8px 0}.clip-app .step{padding:18px;border:1px solid #39546a;border-radius:14px;margin-bottom:16px}.clip-app .step-head{display:flex;gap:12px;align-items:flex-start}.clip-app .step-no{flex-shrink:0;display:grid;place-items:center;width:27px;height:27px;background:#325d6b;border-radius:8px}.clip-app .step h3{font-size:1rem;margin-bottom:5px}.clip-app .step p{font-size:.76rem;color:#b7cbd4}.clip-app .file-button{width:100%;margin-top:18px;background:#d5eaf4;color:#122e3f;border:0;border-radius:9px;padding:11px;font-weight:700}.clip-app .format-card{font-size:.73rem;line-height:1.7;border:1px solid #3e5f67;padding:12px;border-radius:9px;margin-top:14px;color:#cbdee2}.clip-app .format-card b{display:block;font-size:.73rem;color:#c1ecd7}.clip-app .option{display:flex;gap:10px;align-items:flex-start;border:1px solid #456074;border-radius:9px;padding:12px;margin-top:10px}.clip-app .option input{margin-top:4px;accent-color:#8cdbb9}.clip-app .option b{display:block;font-size:.81rem;margin-bottom:5px}.clip-app .option span span{display:block;font-size:.72rem;color:#b5cbd5}.clip-app .option:has(input:checked){border-color:#8cc3aa;background:#173e43}.clip-app .export-btn{margin-top:18px;width:100%;background:#94dfbd;color:#0b3125;padding:13px;border:0;border-radius:9px;font-weight:750}.clip-app .export-btn:disabled{opacity:.5;cursor:not-allowed}.clip-app .status-box{display:none;margin-top:18px}.clip-app .status-box.show{display:block}.clip-app .progress{height:6px;background:#314758;border-radius:6px;overflow:hidden}.clip-app .progress i{display:block;background:#9ad6b4;height:100%;width:0;transition:width .3s}.clip-app .status-text,.clip-app .engine-activity{font-size:.72rem;line-height:1.65;overflow-wrap:anywhere;margin-top:10px;color:#c6dae3}.clip-app #cancelExport{width:100%;margin-top:12px}.clip-app #exportCuts{margin-top:14px}.clip-app .local-note{font-size:.76rem;color:#c0d0d9;line-height:1.65;padding:4px 8px}.clip-app .toast{position:fixed;right:20px;bottom:20px;max-width:min(410px,calc(100vw - 40px));padding:13px 18px;border-radius:10px;background:#174737;color:white;box-shadow:0 10px 35px #07150e40;opacity:0;pointer-events:none;z-index:99;transform:translateY(10px);transition:.2s}.clip-app .toast.show{opacity:1;transform:none}.clip-app .drop-active{outline:3px dashed #9cddbe;outline-offset:-10px}.clip-app .workspace:fullscreen{background:#0e2133;padding:22px;overflow:auto}.clip-app .workspace:fullscreen .video-shell{height:65vh}
@media(max-width:1080px){.header-inner{gap:18px}.site-header nav{gap:14px}.site-header nav a{font-size:.76rem}.clip-app .editor-grid{grid-template-columns:minmax(0,1fr) 260px}.quiz__layout{gap:20px}.opts--shot{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.quiz__layout,.vision-layout,.result-card--dupr-app{grid-template-columns:1fr}.court-svg{height:335px}.quiz__court{padding:14px}.quiz{padding:20px}.quiz__prompt{font-size:1.07rem}.quiz__group{padding:14px}.opts--shot{grid-template-columns:repeat(5,minmax(0,1fr))}.clip-app .editor-grid{grid-template-columns:1fr}.clip-app .side-panel{display:grid;grid-template-columns:1fr 1fr;gap:16px}.clip-app .local-note{grid-column:1/-1}.clip-app .video-shell{height:49vw;min-height:210px}.result-card__review,.qr-list{grid-column:auto}.dupr-result-phone{max-width:440px;width:100%}.tools-launch{padding:26px 0}.restored-card,.download-card{padding:24px}}
@media(max-width:600px){.tool-section .wrap{width:calc(100% - 24px)}.quiz{padding:15px}.quiz__layout{gap:18px}.court-svg{height:285px}.quiz__controls{gap:12px}.opts--shot{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz__group h3{font-size:.88rem}.opt{font-size:.75rem;min-height:43px}.quiz__choice{padding:24px}.result-card--dupr-app{padding:20px}.qh__row{grid-template-columns:96px 1fr 40px 52px;gap:8px;font-size:.7rem}.clip-app{padding:12px;border-radius:16px}.clip-app .side-panel{grid-template-columns:1fr;gap:0}.clip-app .mark-grid{grid-template-columns:1fr 1fr}.clip-app .video-shell{height:51vw;min-height:195px}.clip-app .transport{gap:6px}.clip-app .control-btn{padding:7px 9px;font-size:.76rem;min-height:38px}.clip-app .cut-row{grid-template-columns:20px minmax(0,1fr) 28px;gap:5px;padding:8px}.clip-app .cut-duration{display:none}.clip-app .cut-time{font-size:.71rem}.tool-disclaimer{padding:18px;font-size:.82rem}.restored-card h2,.download-card h2{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.clip-app *,.quiz-app *{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
/* Compact first screen for interactive work; no absolute overlay controls. */
.interactive-tool-page .page-intro{padding-top:32px;padding-bottom:14px}
.interactive-tool-page .page-intro h1{font-size:clamp(1.9rem,3.2vw,3rem);line-height:1.12;max-width:1000px;margin-top:12px}
.interactive-tool-page .page-intro .dek{font-size:1rem;margin-top:14px;max-width:920px}
.interactive-tool-page .subnav{margin-top:20px;padding-top:18px}
.interactive-tool-page .tool-section{padding-top:12px}
.clip-app .time-row{display:flex;justify-content:space-between;gap:18px;margin-top:4px;font-size:.76rem;font-variant-numeric:tabular-nums;color:#bdd1de}
.clip-app .mark-grid .field{min-width:0}
.clip-app .mark-grid .field label{display:block;font-size:.72rem;margin-bottom:6px;color:#bdd1de}
.clip-app .mark-grid .field input{width:100%;border:1px solid #587488;background:#102538;color:white;min-height:42px;border-radius:8px;padding:9px;font-size:.87rem}
@media(max-width:600px){.interactive-tool-page .page-intro{padding-top:24px}.interactive-tool-page .page-intro .dek{font-size:.9rem}.clip-app .mark-grid .field label{font-size:.68rem}}