:root{color-scheme:dark;--navy:#0f1419;--ink:#dae0e6;--muted:#9fa4aa;--line:#2b3036;--paper:#090e13;--accent:#e45a39;--accent-soft:#161b21;--green:#86c4a8;--mint:#181d23;--white:#13181d}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.55 "Segoe UI",Arial,sans-serif;background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button{border:0}button:focus-visible,a:focus-visible{outline:3px solid #eaa48d}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:#e7ecf2;padding:37px 28px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:31px;font-weight:750;letter-spacing:-1.4px;line-height:1}.brand-dot{color:var(--accent);margin-left:-10px}.brand-mark{width:28px;height:28px;display:flex;gap:3px;align-items:center;transform:skew(-13deg)}.brand-mark i{width:6px;background:var(--accent);border-radius:1px}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:28px}.product-label{font-size:11px;letter-spacing:2.1px;color:#9fa6ad;margin-top:22px}.sidebar-rule{height:1px;background:#3b4047;margin:30px 0 25px}.nav-caption{font-size:12px;letter-spacing:1.6px;color:#979ea5;margin:0 0 17px}.step-link{width:100%;background:transparent;color:#b2b9c0;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 10px;margin:5px -10px;border-radius:8px}.step-link.active{background:#32383e;color:#fff}.step-link .num{border:1px solid #595f66;color:#c3c9ce;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:12.5px;flex-shrink:0}.step-link.active .num{background:var(--accent);border-color:var(--accent);color:#fff}.step-link.done .num{background:#4e545a;border-color:#4e545a;color:#dfe6ed}.step-link strong{display:block;font-size:14px;font-weight:600}.step-link small{display:block;font-size:12px;color:#a1a7af;margin-top:1px}.sidebar-bottom{margin-top:auto;padding-top:50px;font-size:13.5px}.small-spark{display:block;font-size:33px;color:#d5dce4;margin-bottom:15px}.sidebar-bottom strong{font-size:13.5px}.sidebar-bottom p{color:#9da3ab;font-size:13.5px;line-height:1.8;margin:8px 0 21px}.sidebar-bottom a{font-size:12px;color:#bec5cc;text-decoration:none}.workspace{margin-left:245px}.topbar{height:78px;border-bottom:1px solid var(--line);padding:0 40px;display:flex;align-items:center;justify-content:space-between;background:#14191f;gap:16px}.breadcrumb{font-size:13.5px;color:#979ca2}.breadcrumb span{margin:0 13px;color:#7c8287}.breadcrumb strong{font-weight:500;color:#c1c7cd}.header-actions{display:flex;align-items:center;gap:20px}.local-badge{font-size:12px;color:#979da3;display:flex;gap:7px;align-items:center}.local-badge i{width:6px;height:6px;background:#559377;border-radius:50%}main{max-width:1440px;margin:auto;padding:40px 42px 22px}.intro{display:flex;align-items:center;justify-content:space-between;gap:15px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:1.8px;color:var(--accent)}h1{font-size:40px;font-weight:650;line-height:1.15;letter-spacing:-1.6px;margin:13px 0 11px}h1 span{color:var(--accent)}.intro p{font-size:14px;color:var(--muted);margin:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:11px 18px;border-radius:6px;font-weight:600;font-size:13.5px;min-height:42px;text-decoration:none}.primary{background:var(--accent);color:white;box-shadow:0 3px 7px #bb4e2420}.primary:hover{background:#cf4b2d}.secondary{background:#13181d;border:1px solid #2e343a;color:#b4b9bf}.quiet{background:transparent;color:#a9afb5;padding:8px 6px;min-height:32px}.icon-button{font-size:18px}.icon-button span{font-size:14px}.progress-track{display:flex;gap:5px;margin:29px 0 26px}.progress-track span{height:3px;flex:1;background:#1d2228;border-radius:3px}.progress-track span.active{background:var(--accent)}.progress-track span.done{background:#90979e}.workbench{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:26px;align-items:start}.editor-card{background:#13181d;border:1px solid var(--line);border-radius:12px;padding:29px 31px 23px;box-shadow:0 7px 24px #203b3010;min-height:500px}.section-heading{display:flex;align-items:center;justify-content:space-between}.section-heading .eyebrow{color:#989da3;font-size:11px;letter-spacing:1.5px}.duration{color:#93999e;font-size:12px}h2{font-size:24px;font-weight:650;letter-spacing:-.6px;margin:12px 0 8px}.section-description{font-size:13.5px;line-height:1.7;color:var(--muted);max-width:580px;margin:0 0 24px}.scope-card{padding:22px;border:1px solid #2c3137;border-radius:9px;display:flex;align-items:flex-start;gap:18px;text-align:left;width:100%;background:#13181d;color:var(--ink);position:relative;margin-bottom:13px;transition:border-color .15s,background .15s}.scope-card:hover{border-color:#c9a38c}.scope-card.selected{border:1.5px solid var(--accent);background:#141a1f;padding:21.5px}.scope-card .scope-icon{height:45px;width:45px;background:#181d22;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.scope-card.selected .scope-icon{background:#2a1b12;color:#e78b6e}.scope-icon svg{width:24px;height:24px}.scope-card strong{display:block;font-size:15px;margin-bottom:4px}.scope-card p{font-size:12.5px;line-height:1.75;color:#9ba0a6;margin:0;max-width:330px}.scope-card .tag{display:inline-block;font-size:11px;letter-spacing:.1px;color:#a1a6ac;margin-top:12px;padding:2px 8px;background:#181d23;border-radius:3px}.radio{margin-left:auto;display:grid;place-items:center;width:17px;height:17px;border:1px solid #32383e;border-radius:50%;flex-shrink:0;margin-top:4px}.selected .radio{border-color:var(--accent)}.selected .radio:after{content:"";display:block;background:var(--accent);width:7px;height:7px;border-radius:50%}.note{background:#161b21;border:1px solid #292f35;border-radius:7px;color:#a3a9af;font-size:12.5px;padding:13px 15px;margin-top:20px;display:flex;gap:10px;align-items:flex-start}.note .note-icon{font-weight:700;color:#9ca1a7;font-size:15px;line-height:1.3}.note p{margin:0}.note a{color:#afb5ba}.navigation{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #282d33;padding-top:20px;margin-top:28px}.navigation>span{font-size:12px;color:#8a8f95}.navigation .button{min-width:100px}.summary-column{display:grid;gap:18px}.summary-card{border:1px solid #2d3238;background:#181d23;border-radius:10px;padding:23px}.summary-kicker{font-size:11px;letter-spacing:1.5px;color:#9ea3a9;font-weight:600;display:flex;align-items:center;justify-content:space-between}.summary-kicker span{border:1px solid #33383e;color:#9a9fa5;border-radius:20px;padding:1px 7px;font-size:10.5px;letter-spacing:0}.summary-title{font-size:18px;font-weight:600;letter-spacing:-.4px;margin:20px 0 8px}.summary-card>p{font-size:12.5px;color:#989ea4;margin:0}.summary-list{list-style:none;padding:0;margin:23px 0 0}.summary-list li{border-top:1px solid #2d3238;padding:10px 0;font-size:12.5px;display:flex;align-items:center;gap:9px}.summary-list .dot{width:18px;height:18px;display:grid;place-items:center;border:1px solid #4a5058;color:#9aa0a6;border-radius:50%;font-size:10px;line-height:1;font-weight:600;flex-shrink:0}.summary-list .ok .dot{background:#48775a;border-color:#48775a;color:#fff}.summary-list .pending{color:#878d92}.summary-list small{color:#9ca1a7}.mini-court{position:relative;margin:24px 0 15px;height:110px;border:1px solid #373d43;border-radius:4px;overflow:hidden;background:linear-gradient(90deg,#1c2127 50%,#1b2025 50%)}.mini-court:before{content:"";position:absolute;inset:0 50%;border-left:1px solid #373d43}.mini-court:after{content:"";position:absolute;width:44px;height:44px;border:1px solid #373d43;border-radius:50%;left:calc(50% - 22px);top:calc(50% - 22px)}.court-box{position:absolute;top:25%;height:50%;width:16%;border:1px solid #373d43}.court-box.left{left:-1px}.court-box.right{right:-1px}.play-dot{position:absolute;width:8px;height:8px;background:var(--accent);border:2px solid #252b30;border-radius:50%;z-index:1}.play-dot.one{top:62%;left:28%}.play-dot.two{top:36%;left:53%}.play-dot.three{top:51%;left:78%}.play-line{height:1px;background:#bd8568;position:absolute;width:54%;left:28%;top:54%;transform:rotate(-9deg);opacity:.7}.output-promise{padding:2px 7px}.output-promise h3{font-size:13.5px;margin:0 0 10px;font-weight:600}.output-promise p{font-size:12.5px;color:#999fa5;line-height:1.9;margin:6px 0;display:flex;gap:9px}.output-promise p span{color:#979ca2}.field-label{display:block;font-weight:600;font-size:13.5px;margin:17px 0 8px}.field-hint{font-size:12.5px;color:#969ca1;margin:7px 0 0}.input{border:1px solid #2f353b;border-radius:6px;padding:12px 13px;background:#13181d;width:100%;color:var(--ink);font-size:13.5px}.input:focus{border-color:var(--accent);outline:2px solid #e45a391a}.input::placeholder{color:#83888e}.url-input{font-size:13.5px}.id-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.detected{background:var(--mint);color:var(--green);border:1px solid #2d3339;border-radius:6px;padding:11px 13px;font-size:12.5px;margin-top:12px}.detected strong{font-weight:650}.form-error{border:1px solid #4c2e23;background:#161c21;color:#f3947d;padding:10px 13px;font-size:13.5px;border-radius:6px}.toggle-line{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;padding:15px;border:1px solid var(--line);border-radius:7px;margin-top:16px;cursor:pointer}.toggle-line input{accent-color:var(--accent);margin-top:4px}.toggle-line small{display:block;color:#959aa0;font-size:12.5px;margin-top:3px}details{margin-top:19px;font-size:13.5px}summary{cursor:pointer;color:#a6acb2;font-size:12.5px}.builtin-list{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.chip{font-size:12px;color:#9fa4aa;background:#171c21;border:1px solid #2b3137;border-radius:5px;padding:4px 9px}.chip span{color:#898e94;margin-left:5px}.field-table{width:100%;border-collapse:collapse;margin-top:14px}.field-table th{font-size:11px;text-align:left;font-weight:500;letter-spacing:1px;color:#8f949a;padding:9px 5px;border-bottom:1px solid var(--line)}.field-table td{padding:7px 5px;border-bottom:1px solid #272c32}.field-table .input{padding:8px 9px;font-size:12.5px}.field-table td:first-child{width:57%}.field-table td:nth-child(2){width:35%}.remove-field{font-size:20px;background:transparent;color:#868c91;padding:0 6px}.remove-field:hover{color:#e68873}.fields-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}.fields-toolbar .button{font-size:12px;padding:8px 10px;min-height:33px}.preset-menu{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 20px}.preset-menu button{border:1px solid #2d3238;background:#13181d;color:#a0a6ab;padding:5px 9px;border-radius:5px;font-size:12px}.preset-menu button:hover{background:#181d22}.json-label{position:relative;cursor:pointer}.json-label input{position:absolute;width:1px;height:1px;opacity:0}.import-result{font-size:12.5px;color:var(--green);margin-top:8px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin:20px 0 15px;flex-wrap:wrap}.tab{background:transparent;color:#999ea4;font-size:12.5px;padding:10px 14px;border-bottom:2px solid transparent}.tab.active{border-color:var(--accent);color:#e2846f;font-weight:600}.guide-step{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid #282d33}.guide-step:last-child{border:0}.guide-number{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#181d23;color:#a0a6ab;display:grid;place-items:center;font-size:12px;font-weight:650}.guide-step h3{font-size:13.5px;margin:2px 0 5px}.guide-step p{font-size:12.5px;color:#9ba0a6;line-height:1.8;margin:0}.parameter-table{width:100%;font-size:12px;margin-top:9px;border-collapse:collapse}.parameter-table td,.parameter-table th{text-align:left;border:1px solid #2c3137;padding:7px 8px;overflow-wrap:anywhere}.parameter-table th{font-weight:600;background:#161b21}.parameter-table td:first-child{font-family:Consolas,monospace;color:#9dbd8e}.parameter-table td:nth-child(2){max-width:170px}.key-help{margin-top:7px;font-size:12px}.code-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#959ba2;padding:10px 13px;background:#2f343a;border-radius:7px 7px 0 0}.code-header button{font-size:12px;padding:5px 10px;min-height:26px;background:#40464c;color:#eaf1f9}.code-block{margin:0;background:#23282e;color:#d9e0e7;border-radius:0 0 7px 7px;padding:16px;max-height:370px;overflow:auto;font:12.5px/1.8 Consolas,"Courier New",monospace;white-space:pre;tab-size:4}.output-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.output-actions .button{font-size:12.5px}.readiness{color:var(--green);background:var(--mint);padding:9px 12px;border-radius:6px;font-size:12.5px;margin-bottom:15px}.relationship{padding:12px 15px;border:1px solid #2d3238;border-radius:7px;background:#151a1f;font-size:12.5px;line-height:1.9}.relationship code{background:#191e24;padding:2px 4px;font-size:12px}.trouble-list{padding-left:18px;font-size:12.5px;color:#9fa4aa;line-height:1.9}.trouble-list li{margin:10px 0}.trouble-list strong{color:var(--ink)}footer{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-top:28px;font-size:11px;color:#8b9096}footer>div{display:flex;gap:15px;align-items:center}footer a{text-decoration:none}.text-button{background:none;color:#92989d;font-size:11px;padding:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#30353b;color:#f5f9ff;padding:13px 22px;border-radius:8px;font-size:13.5px;box-shadow:0 6px 25px #13282033;z-index:10;max-width:90vw}.demo-banner{background:#221a0a;border:1px solid #3c3011;color:#c09b5f;border-radius:5px;padding:8px 12px;font-size:12px;margin-bottom:18px}.file-feedback{font-size:12.5px;line-height:1.6;margin-top:10px}.helper-title{font-size:12.5px;font-weight:600;margin:19px 0 5px}.videos-section{padding-top:14px;border-top:1px solid var(--line);margin-top:22px}.videos-section h3{font-size:14px} [hidden]{display:none!important}@media(min-width:1500px){main{padding-top:51px}.workbench{grid-template-columns:minmax(0,1fr) 320px}.editor-card{padding:34px 39px}.scope-card{padding:27px}.scope-card.selected{padding:26.5px}}@media(max-width:1200px){.sidebar{width:210px;padding:30px 22px}.workspace{margin-left:210px}.topbar{padding:0 28px}.local-badge{display:none}main{padding:30px 26px}.workbench{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.editor-card{padding:25px 23px}.summary-card{padding:20px}.scope-card{padding:18px;gap:13px}.scope-card.selected{padding:17.5px}.scope-card p{font-size:12.5px}footer{align-items:flex-start;flex-direction:column}h1{font-size:35px}}@media(max-width:980px){.sidebar{width:180px;padding:27px 18px}.workspace{margin-left:180px}.brand{font-size:27px}.brand-mark{width:22px}.product-label{font-size:10.5px;letter-spacing:1.2px}.step-link{gap:8px}.step-link strong{font-size:12.5px}.step-link small{font-size:11px}.workbench{grid-template-columns:minmax(0,1fr)}.summary-column{grid-template-columns:1fr 1fr;align-items:center}.mini-court{display:none}.summary-list{margin-top:12px}.summary-card{padding:18px}.summary-title{margin-top:12px}.topbar{padding:0 23px}.breadcrumb{font-size:12px}.header-actions .button{font-size:12px}h1{font-size:32px}.intro p{font-size:12.5px}.intro .icon-button span{display:none}.summary-column{margin-top:2px}}@media(max-width:650px){.sidebar{position:static;width:100%;padding:19px 20px;display:block}.brand{font-size:26px}.brand-mark{height:25px}.product-label{position:absolute;top:28px;right:20px;font-size:10.5px;margin:0}.sidebar-rule,.nav-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-between;margin-top:17px;gap:5px}.step-link{margin:0;padding:6px 4px;width:auto;gap:6px;flex:1;justify-content:center}.step-link strong{font-size:11px}.step-link small{display:none}.step-link .num{width:20px;height:20px;font-size:11px}.workspace{margin:0}.topbar{height:54px;padding:0 20px}.breadcrumb{font-size:12px}.breadcrumb span{margin:0 7px}.breadcrumb strong{display:none}.header-actions .button{font-size:12px;padding:5px}.intro{align-items:flex-start}main{padding:25px 17px 20px}.eyebrow{font-size:11px}h1{font-size:30px}.intro p{max-width:255px;font-size:12.5px}.progress-track{margin:24px 0 20px}.editor-card{padding:22px 19px 18px;border-radius:9px}h2{font-size:22px}.scope-card{padding:16px;gap:12px}.scope-card.selected{padding:15.5px}.scope-card .scope-icon{width:36px;height:36px}.scope-card strong{font-size:14px}.scope-card p{font-size:12px}.scope-card .tag{font-size:10.5px}.summary-column{grid-template-columns:1fr}.output-promise{display:none}.summary-list{display:flex;gap:12px;flex-wrap:wrap}.summary-list li{border:0;padding:0;font-size:12px}.summary-title{font-size:16px}.summary-card{padding:17px 20px}.summary-card>p{display:none}.navigation{gap:8px}.navigation .button{min-width:87px;padding:10px 13px}.duration{font-size:11px}.field-table th{font-size:10.5px;letter-spacing:.5px}.field-table td{padding:5px 2px}.field-table .input{font-size:12px;padding:8px 5px}.parameter-table{font-size:11px}.code-block{font-size:12px}footer>div{gap:12px;flex-wrap:wrap}footer{font-size:10.5px}.text-button{font-size:11px}}
:where(.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}
/* Identité Dartfish : logo officiel fourni et accents jaunes. */
:root{--accent:#e5ad00;--accent-soft:#1f1a06;--navy:#0f1419}
.official-logo{display:block;width:166px;height:auto;max-width:100%}
.eyebrow{color:#c9a24a}.primary{color:#23282e;box-shadow:0 3px 7px #a2831620}.primary:hover{background:#f0bd20}.step-link.active .num{color:#1e2429}.scope-card.selected{background:#14191e}.scope-card.selected .scope-icon{background:#241c00;color:#cdaf5f}.scope-card:hover{border-color:#bea85f}.scope-card .tag{color:#b8ab77}.tab.active{color:#caa954}.input:focus{outline-color:#e5ad0026}.code-header button{color:#eaf1f9}.sidebar{background:#0f1419}.small-spark{color:#f7cd50}.play-dot{background:#d5a000}.play-line{background:#b9a150}button:focus-visible,a:focus-visible{outline-color:#e5ad00}
@media(max-width:650px){.official-logo{width:105px}.product-label{top:44px}.sidebar nav{margin-top:16px}}
.brand-bridge{display:flex;gap:10px;align-items:center;justify-content:center;color:#a7aeb6;margin:16px 0 5px;font-size:14px}.brand-bridge svg{width:20px;height:20px}.brand-bridge strong{font-size:12px;letter-spacing:1.7px;color:#cfd6dd}.brand-bridge+.product-label{text-align:center;margin-top:13px}.connection-box{margin-top:24px;border:1px solid #2c3137;border-radius:9px;padding:20px;background:#14191e}.connection-heading{display:flex;align-items:center;gap:12px}.connection-heading h3{font-size:14px;margin:0 0 3px}.connection-heading p{font-size:12px;margin:0;color:#959aa0}.connection-heading .button{margin-left:auto;font-size:12px}.connection-symbol{width:34px;height:34px;display:grid;place-items:center;background:#251e00;color:#c7a145;border-radius:7px;font-size:18px}.connect-button{margin-top:17px;width:100%}.privacy-note{font-size:12px;line-height:1.8;color:#949a9f;margin:13px 0 0}.catalog-tools{display:flex;gap:15px;align-items:center;justify-content:flex-start;margin:20px 0 10px}.catalog-tools .text-button{font-size:12.5px;text-decoration:underline}.catalog-tools span{margin-left:auto;font-size:12px;color:#90959b}.category-catalog{border:1px solid #2b3036;border-radius:8px;overflow:hidden}.category-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #272d33}.category-row:last-child{border:0}.category-row label{display:flex;gap:12px;align-items:center;min-width:0;cursor:pointer}.category-row input{accent-color:#ba8a00;width:15px;height:15px;flex-shrink:0}.category-row strong{font-size:13.5px;font-weight:600;overflow-wrap:anywhere}.category-row small{display:block;color:#8f959a;font-size:12px;overflow-wrap:anywhere;margin-top:3px}.category-row select{width:143px;font-size:12px;padding:7px;flex-shrink:0}.export-mode{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.export-mode button{padding:13px;border:1px solid #2d3238;border-radius:6px;text-align:left;background:#13181d;color:#9ea4aa}.export-mode button.selected{border-color:#d3a313;background:#1e1a06;color:#cfbd7e}.export-mode strong{display:block;font-size:13.5px}.export-mode small{display:block;font-size:12px;margin-top:4px}.parameter-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #2b3036;padding:14px 0}.parameter-copy strong{font-size:13.5px}.parameter-copy small{display:block;font-size:12px;color:#91969c}.parameter-copy .button{font-size:12px;padding:8px 11px;min-height:34px}@media(max-width:650px){.brand-bridge{position:absolute;right:20px;top:17px;margin:0}.brand-bridge+.product-label{top:54px;right:20px;font-size:10px}.category-row{padding:10px 9px;gap:7px}.category-row select{width:112px;font-size:11px}.category-row strong{font-size:12.5px}.category-row small{font-size:11px}.catalog-tools span{font-size:11px}.export-mode strong{font-size:12.5px}.connection-box{padding:16px}.connect-button{font-size:12px}}
.category-item{border-bottom:1px solid #2a3035}.category-item:last-child{border-bottom:0}.category-item .category-row{border:0}.type-picker{flex-shrink:0;display:flex;flex-direction:column;gap:5px;align-items:flex-end}.type-suggestion{font-size:11px;color:#969ca1;max-width:150px;text-align:right}.type-detail{margin:0;padding:0 15px 12px 43px}.type-detail summary{font-size:12px;line-height:1.7;color:#9fa5aa;overflow-wrap:anywhere}.type-detail summary.has-errors{color:#eb9070}.preview-content{margin-top:10px;background:#151a20;border:1px solid #2a2f35;border-radius:6px;padding:12px}.preview-content p{font-size:12px;color:#9fa4aa;margin:0 0 8px}.preview-stats{font-size:11px!important;color:#8c9197!important}.conversion-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.conversion-table th{font-size:11px;text-align:left;color:#959aa0;font-weight:600;border-bottom:1px solid #2d3238;padding:5px 7px}.conversion-table td{padding:6px 7px;border-bottom:1px solid #292e34;overflow-wrap:anywhere}.conversion-table .raw-preview{white-space:pre-wrap;color:#9a9fa5}.converted{color:#8bc39f}.conversion-error{color:#e78c6d!important}.review-box{margin-top:23px;padding:17px;background:#14191f;border:1px solid #3d3300;border-radius:7px}.review-box>div{display:flex;justify-content:space-between;align-items:center;gap:10px}.review-box strong{font-size:13.5px;color:#cdb371}.review-box p{font-size:12px;color:#959aa0;margin:9px 0 12px}.review-box label{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:#b0b6bb;cursor:pointer}.review-box input{accent-color:#bd9200;margin-top:4px}.review-box .text-button{font-size:11px;text-decoration:underline}@media(max-width:650px){.type-detail{padding-left:35px;padding-right:9px}.type-suggestion{font-size:10.5px;max-width:115px}.preview-content{padding:9px}.conversion-table{font-size:11px}.review-box>div{align-items:flex-start}.review-box strong{font-size:12.5px}}
.language-control{display:flex;align-items:center;gap:6px;border:1px solid #2e3339;border-radius:6px;padding:3px 8px;background:#13181d;color:#a4aaaf}.language-control>span{display:flex}.language-control svg{width:16px;height:16px}.language-control select{max-width:155px;min-width:84px;border:0;background:transparent;color:#bbc1c7;font-size:12.5px;padding:5px 1px;cursor:pointer}.header-actions{gap:13px}.topbar{height:auto;min-height:78px;padding-top:12px;padding-bottom:12px}.category-row label{flex:1}.category-row select{max-width:180px}.type-picker{max-width:185px}.step-link strong,.button,.export-mode strong{overflow-wrap:anywhere}.guide-step p{overflow-wrap:anywhere}html[lang=th] body{font-family:'Leelawadee UI',Tahoma,'Segoe UI',sans-serif}html[lang=ja] body{font-family:'Yu Gothic UI',Meiryo,'Segoe UI',sans-serif}html[lang=ko] body{font-family:'Malgun Gothic','Segoe UI',sans-serif}html[lang=zh-Hans] body{font-family:'Microsoft YaHei UI','Segoe UI',sans-serif}@media(max-width:1200px){.language-control select{max-width:120px}.breadcrumb{max-width:43%}}@media(max-width:650px){.topbar{padding:10px 17px;min-height:60px}.breadcrumb{display:none}.header-actions{width:100%;justify-content:space-between;gap:9px}.language-control select{max-width:135px}.category-row label{min-width:80px}.type-picker{max-width:130px}.category-row select{width:125px}.intro h1{font-size:29px}.button{white-space:normal}.step-link{min-width:0}.step-link strong{font-size:10px;overflow-wrap:break-word}.parameter-copy .button{max-width:47%}}

.header-actions{flex-wrap:wrap} #global-disconnect[hidden]{display:none}

/* Mini pitch: mown dark-green field, faint lines, pass path drawn through the dots. */
.mini-court{border-color:#ffffff2e;background:repeating-linear-gradient(90deg,#16231d 0 12.5%,#1a2922 12.5% 25%)}.mini-court:before,.mini-court:after,.court-box{border-color:#ffffff2e}.play-dot{width:10px;height:10px;border:2px solid #16231d;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #e5ad0033}.play-line{inset:0;width:auto;height:auto;transform:none;opacity:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolyline points='28,62 53,36 78,51' fill='none' stroke='%23e5ad00' stroke-opacity='.75' stroke-width='1.5' stroke-dasharray='4 3' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") no-repeat;background-size:100% 100%}