/* Reserve both workspace rails before the first selection. */
@media(min-width:701px){.deck-grid.stable-properties,.deck-grid.stable-properties.has-properties{grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;height:clamp(430px,calc(100dvh - 240px),900px)}.deck-grid.stable-properties.has-material{grid-template-columns:145px minmax(0,1fr) 260px}.stable-properties .deck-properties,.stable-properties .deck-material{max-height:none;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}.stable-properties .deck-paper-area{height:100%;min-height:0;display:flex;flex-direction:column;padding:14px 15px 20px}.stable-properties .deck-paper-scroll{max-height:none;min-height:0;flex:1}.stable-properties .deck-properties{width:260px;padding:18px 16px;background:#fff}.stable-properties .deck-paper{flex-shrink:0}.deck-paper-area{overflow:hidden}}
.deck-properties>h3{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#8b9bb1;margin:0 0 18px}.slide-panel-title{display:flex;align-items:center;gap:10px;color:#1b3154;margin-bottom:20px}.slide-panel-title>.ui-icon{padding:8px;width:38px;height:38px;border-radius:10px;background:#edf3ff!important;color:#1a6bff}.slide-panel-title b{display:block;font-size:13px;font-weight:600}.slide-panel-title small{display:block;font-size:10px;margin-top:4px;color:#91a0b4}.slide-property-section{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #e8edf5}.slide-property-section h4{font-size:11px;margin:0 0 15px;font-weight:600;color:#546b8e}.slide-property-section input[type=color]{width:44px;height:34px;border:1px solid #dce4ee;border-radius:8px;padding:4px;cursor:pointer}.slide-property-section input[type=checkbox]{width:auto}.slide-property-section input[type=range]{width:100%;padding:0;accent-color:#1a6bff;height:24px;background:transparent;border:0}.slide-property-section textarea{min-height:90px;line-height:1.6;font-size:12px}.slide-property-section select{width:100%;min-height:34px;background-color:#f9fbfe}.slide-paint-row{display:flex;align-items:end;gap:14px}.slide-paint-row>label{flex:1;margin:10px 0 0}.slide-paint-row input[type=color]{display:block;margin-top:7px}.slide-check{display:flex!important;align-items:center;gap:8px;line-height:1.5;font-size:11px!important;color:#5b6d86;font-weight:400!important}.slide-check input{flex:none;width:auto}.slide-opacity-value{float:right;font-weight:400;color:#8b9bb1}.slide-font-family{padding:9px 11px;border:1px solid #e0e7f1;background:#f9fbfe;border-radius:7px;margin-top:12px;font-size:11px}.slide-text-tools{display:flex;align-items:end;gap:6px}.slide-text-tools>label{flex:1}.slide-text-tools button{height:34px;width:34px;padding:0;min-width:34px;background:white;margin-bottom:0}.slide-text-tools button.active{background:#eaf2ff;border-color:#b7d1fb;color:#145edb}.slide-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.slide-action-grid button{display:flex;align-items:center;gap:7px;text-align:left;font-size:10px;padding:10px 8px;background:#f9fbfe;border:1px solid #e3e9f2;border-radius:8px;color:#526a8b;min-height:37px}.slide-action-grid button svg{width:16px;height:16px;background:transparent;border-radius:0;flex:none}.slide-action-grid button:hover{background:#eef4ff;border-color:#b8d2fa}.slide-action-grid button:last-child:has(svg){color:#526a8b}.slide-empty-selection{padding:28px 5px;text-align:center;color:#95a2b5}.slide-empty-selection>.ui-icon{width:35px;height:35px;color:#bac6d6}.slide-empty-selection p{font-size:11px;color:#8b9bb1;line-height:1.7}.slide-empty-selection span{display:block;font-size:9px;color:#a5b0c0}.slide-favorite-save,.slide-route-details{font-size:11px;color:#637894;border-top:1px solid #e7edf5;padding-top:15px;margin-top:15px}.slide-favorite-save summary,.slide-route-details summary{cursor:pointer;font-weight:600;line-height:1.5}.slide-favorite-save button{font-size:10px;width:100%;margin-top:10px}.slide-snap-toggle.active{color:#155edb;background:#eaf2ff;border-color:#c6daf9}.slide-selection-status{font-size:9px;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-element-outline{fill:none;stroke:#8db5ff;stroke-width:1;pointer-events:none;vector-effect:non-scaling-stroke}.slide-selection-box{fill:none;stroke:#1a6bff;stroke-width:1.25;pointer-events:none;vector-effect:non-scaling-stroke}.slide-handle{fill:#fff;stroke:#1a6bff;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:nwse-resize;pointer-events:all}.slide-rotation{cursor:grab}.slide-rotation-stem{stroke:#1a6bff;stroke-width:1;pointer-events:none;vector-effect:non-scaling-stroke}.slide-path-point{fill:#1a6bff;stroke:white;stroke-width:1.5;cursor:move;pointer-events:all;vector-effect:non-scaling-stroke}.slide-marquee{fill:#1a6bff12;stroke:#1a6bff;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.slide-guide{stroke:#e052a1;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.slide-inline-text{position:fixed;z-index:10000;background:#ffffffee;border:1.5px solid #1a6bff;border-radius:3px;padding:4px;font-family:'Bai Jamjuree',sans-serif;line-height:1.25;min-height:50px;resize:both;box-shadow:0 5px 20px #12294c15}.slide-context-menu{position:fixed;z-index:9999;width:220px;background:#fff;border:1px solid #dce4f0;border-radius:11px;padding:6px;box-shadow:0 10px 35px #14284922}.slide-context-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;background:white;border:0;padding:10px 12px;border-radius:6px;font-size:11px;text-align:left;color:#233d63}.slide-context-menu button:hover{background:#f0f5fd}.slide-context-menu small{font-size:9px;color:#92a2b6}.cycle-session-row .session-entry:hover,.cycle-session-row .session-entry:focus-visible{background:transparent!important;color:var(--ink)}@media(hover:hover) and (pointer:fine){.cycle-session-row{transition:transform .16s ease;transform-origin:center}.cycle-session-row:hover{transform:scale(1.008)}}@media(prefers-reduced-motion:reduce){.cycle-session-row{transition:none!important}}
@media(min-width:1700px){.deck-grid.stable-properties.has-material{grid-template-columns:175px minmax(0,1fr) 280px}.stable-properties .deck-properties{width:280px}}@media(max-width:700px){.deck-grid.stable-properties{display:grid;grid-template-columns:minmax(0,1fr);height:auto}.stable-properties .deck-properties{width:100%;max-height:480px;min-height:250px}.stable-properties .deck-material{max-height:180px}.slide-panel-title{margin-top:7px}.slide-inline-text{font-size:16px!important}}
.slide-align-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:12px}.slide-align-grid button{padding:6px;font-size:18px;background:white;border:1px solid #dfe6f0;color:#627b9f;border-radius:6px}.slide-align-grid button:hover{background:#eef4ff;color:#1a6bff}.slide-distribute{display:grid;gap:5px;margin-bottom:12px}.slide-distribute button{font-size:10px;padding:8px;background:white}

/* Compact inventory: 40% of the previous thumbnail footprint. */
.deck-material .material-silhouettes{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px 4px;padding:5px 0 10px}.deck-material .material-silhouette{height:29px;min-height:29px}.deck-material .material-silhouette svg{max-width:32px;max-height:32px}.deck-material .material-silhouette:hover svg{transform:scale(1.06)}@media(max-width:700px){.deck-material .material-silhouettes{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:4px}.deck-material .material-silhouette{height:44px;min-height:44px}.deck-material .material-silhouette svg{width:32px;height:32px}}

/* Phone navigation remains available at the bottom while the page scrolls. */
@media(max-width:700px){body{padding-bottom:calc(83px + env(safe-area-inset-bottom,0px))}.shell{display:block}.shell>aside{position:static;height:auto;display:block;padding:12px 16px;border-right:0;border-bottom:1px solid #e4e9f2}.shell>aside .logo{justify-content:flex-start}.shell>aside .logo img{width:58px}.shell>aside footer{display:none}.shell>aside>nav{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;flex-direction:row;align-items:stretch;gap:2px;margin:0;padding:7px 6px calc(7px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #dfe7f2;box-shadow:0 -4px 20px #1428490a;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;max-width:100vw}.shell>aside>nav::-webkit-scrollbar{display:none}#nav .navigation-caption{display:none}#nav .navigation-item{flex:1 0 46px;min-width:46px;max-width:90px;min-height:60px;padding:7px 3px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;border-radius:9px;white-space:normal}#nav .navigation-item .navigation-label{display:block;max-width:75px;font-size:8.5px;line-height:1.3;text-align:center}#nav .navigation-item .ui-icon{width:21px;height:21px;flex:none}#nav .navigation-item.active:before{display:none}#nav .nav-prep-count{position:absolute;top:2px;right:3px}.top{height:auto;min-height:65px;gap:9px;flex-wrap:wrap;padding:12px 14px}.top #crumb{font-size:10px}.toast{bottom:calc(95px + env(safe-area-inset-bottom,0px))}}

.cycle-session-row .cycle-chrono:hover{background:#fff!important;color:var(--ink);border-color:var(--line);box-shadow:none}

#nav .navigation-label{white-space:nowrap;line-height:1.25}.month-navigation p{min-height:20px}.cycle-navigation-footer{display:flex!important;flex-direction:row;align-items:center;justify-content:center;gap:22px;margin:22px 0 8px;padding:10px;position:static;background:transparent;border:0;box-shadow:none}.cycle-navigation-footer button{width:38px;height:38px;min-width:38px;padding:8px;border:1px solid #dce5f1;border-radius:10px;background:white;color:#6a82a4;display:grid;place-items:center}.cycle-navigation-footer button:hover{border-color:#b6cced;background:#f4f8fe}.cycle-navigation-footer button:disabled{opacity:.3}.cycle-navigation-footer svg{width:22px;height:22px;background:transparent;border-radius:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.cycle-swipe-mark{display:flex;flex-direction:column;align-items:center;gap:8px;color:#a3b3c9}.cycle-swipe-mark>svg{width:60px;height:22px}.cycle-month-dots{display:flex;align-items:center;gap:5px}.cycle-month-dots i{display:block;width:4px;height:4px;border-radius:50%;background:#ced8e6}.cycle-month-dots i.active{width:13px;border-radius:4px;background:#1a6bff}@media(max-width:700px){#nav .navigation-item .navigation-label{font-size:8.5px;white-space:nowrap}.month-navigation .month-desktop-hint{display:block}.cycle-navigation-footer{margin-bottom:12px}}

/* The viewport stays still as only its paper grows, including on phones. */
.deck-paper-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y}.deck-paper{min-width:0;flex-shrink:0;transform-origin:top left}@media(max-width:700px){.deck-paper-scroll{height:clamp(240px,55dvh,480px);min-height:240px;max-height:480px;overflow:auto}.deck-paper-area{min-width:0;max-width:100%}}
.slide-studio,.deck-paper-scroll,.deck-properties,.deck-material{overflow-anchor:none}.deck-paper-scroll{scroll-behavior:auto}
.cancelled-notice{display:flex;flex-direction:column;gap:5px;border:1px solid #efd7c8;border-left:3px solid #c07549;background:#fff7f1;color:#87512f;border-radius:8px;padding:11px 14px;margin:12px 0;font-size:12px;line-height:1.5}.cancelled-notice span{font-size:11px}.is-cancelled h2{text-decoration:line-through;text-decoration-thickness:1px}.studio-palette{width:100%;margin:9px 0}.studio-grey-row,.studio-color-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:4px 0 9px}.studio-palette button[style]{display:block;width:22px;height:22px;min-height:22px;padding:0;border:1px solid #c9cfd8;border-radius:50%;background:var(--swatch)!important;box-shadow:none}.studio-palette button[style]:hover{outline:2px solid #9cbff6;outline-offset:2px}.studio-palette summary{font-size:10px;cursor:pointer;color:#6b7e99;padding:6px 0}.studio-custom-color{display:flex;gap:7px;align-items:center}.studio-custom-color button,.palette-transparent{font-size:10px;padding:7px}.studio-custom-color input[type=color]{width:32px}.studio-toolbar-palette .studio-popover{padding:14px;min-width:190px}.studio-toolbar-palette summary{cursor:pointer}.deck-toolbar>button[title="Sélection et déplacement"]{display:flex;align-items:center;gap:6px}.deck-toolbar>button[title="Sélection et déplacement"] .ui-icon{width:18px;height:18px}.studio-growing-text{border:1px solid #8ea7cc;min-width:24px!important;min-height:24px!important;padding:3px;line-height:1.25;box-shadow:none;border-radius:1px;resize:horizontal;overflow:hidden;background:#ffffffef}.slide-handle,.slide-selection-box,.slide-rotation-stem,.slide-element-outline{stroke-width:.75px}.slide-path-point{stroke-width:.75px}.studio-finish-arc{align-self:flex-start;font-size:11px;padding:8px 12px;margin-bottom:8px}

.studio-handle-hit{fill:transparent;stroke:none;pointer-events:none}@media(pointer:coarse){.studio-handle-hit{pointer-events:all}}

.deck-toolbar .studio-history-icon{width:36px;min-width:36px;height:36px;padding:7px;display:grid;place-items:center;border:0;background:transparent;color:#484b4a;box-shadow:none}.studio-history-icon svg{width:24px;height:24px}.deck-toolbar .studio-history-icon:disabled{opacity:.3;cursor:default}.deck-toolbar .studio-history-icon:not(:disabled):hover{background:#e9edf2}

.deck-toolbar .studio-select-tool{color:#484c50;background:transparent}.deck-toolbar .studio-select-tool[aria-pressed=true]{color:#1967d2;background:#e8f0fe;border-color:#d3e2fb}.deck-toolbar .selection-pointer{width:21px;height:21px;flex:none}.studio-arc-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 9px}.studio-arc-controls>div{display:flex;gap:2px;background:#eaf0f7;padding:3px;border-radius:8px}.studio-arc-controls button{padding:7px 10px;font-size:11px}.studio-arc-controls button[aria-pressed=true]{background:#fff;color:#1967d2;border-color:#c7d9ef}.cancellation-session-identity{font-size:12px;color:#506786;margin:0 0 12px}
.studio-shape-grid .tool-glyph,.studio-submenu>.studio-menu-row .tool-glyph{color:#1a6bff!important;stroke:#1a6bff}.studio-foot-tool{display:flex;align-items:center;justify-content:center;min-width:38px;color:#1a6bff}.foot-icon{width:23px;height:23px;flex:none}.foot-distance [data-foot-label]{cursor:text}.foot-distance-input{position:fixed;z-index:10001;width:90px!important;min-height:30px;padding:5px 7px;background:white;border:1px solid #8ea7cc;border-radius:4px;font-family:'Bai Jamjuree',sans-serif}.studio-rich-text{white-space:pre-wrap;overflow-wrap:break-word;outline:none;border:1px solid #8ea7cc;border-radius:1px;min-width:24px;min-height:24px;padding:3px;line-height:1.25;resize:horizontal;overflow:hidden;background:#fff;box-shadow:none;font-family:'Bai Jamjuree',sans-serif}.studio-rich-text span{font-family:inherit}
.studio-menu:has(>summary[aria-label="Menu des formes"]) .tool-glyph{color:#1a6bff!important;stroke:#1a6bff}
/* Compact, shared opaque palette and nested component editing. */
.palette-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 4px;font-size:10px}.palette-heading button{font-size:10px;padding:4px 7px;min-height:25px}.studio-palette button[style]{position:relative}.studio-palette button[style] span{position:absolute;right:-4px;top:-5px;border-radius:50%;background:#fff;color:#0d2045;font-size:12px;width:13px;height:13px;line-height:12px;border:1px solid #dce3ed}.studio-custom-color{margin:6px 0}.compound-edit-header{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 0 10px;border-bottom:1px solid #dce3ed;color:#0d2045;font-size:12px}.compound-edit-header button{padding:6px 8px;font-size:10px}.compound-edit-hint{font-size:11px;line-height:1.5;color:#63728b}.compound-piece-list{display:grid;gap:6px}.compound-piece-list button{font-size:11px;text-align:left;padding:8px}.deck-material .material-silhouette svg{max-width:33.6px;max-height:33.6px}.foot-icon{color:inherit}
.deck-paper-scroll.athlete-setup-viewport{overflow:hidden;touch-action:none;overscroll-behavior:none;padding:0;user-select:none;-webkit-user-select:none}
.athlete-setup-viewport .deck-paper{width:100%!important;height:100%;min-width:0;margin:0;aspect-ratio:auto;box-shadow:none}
.athlete-setup-viewport .deck-paper #board{width:100%;height:100%;aspect-ratio:auto;touch-action:none}