:root{color-scheme:light;--ink:#1e2835;--muted:#7b8795;--line:#e2e7ec;--panel:#fff;--bg:#f3f5f7;--accent:#dc4f36;--accent-dark:#bf3d27;--mint:#d9f2e8;--blue:#267f9d;--shadow:0 8px 28px rgba(31,45,61,.09)}
*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{overflow:hidden}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #439bb7;outline-offset:2px}.app{height:100%;display:flex;flex-direction:column;min-height:0}.topbar{height:68px;flex:none;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;z-index:2}.brand{color:var(--ink);display:flex;gap:10px;align-items:center;text-decoration:none;font-size:13px;font-weight:850;letter-spacing:.12em;line-height:1.1}.brand>span:nth-child(2){display:flex;flex-direction:column;gap:4px}.brand b{color:var(--accent)}.brand small{font-size:8px;letter-spacing:.2em;color:#8d98a5;font-weight:750}.brand-mark{height:36px;width:36px;background:var(--accent);display:grid;place-items:center;border-radius:10px;color:white;font-weight:900;font-style:italic;font-size:14px;letter-spacing:-.08em}.top-actions{display:flex;gap:9px;align-items:center}.pill{background:#f8e8e4;color:#b74732;font-size:10px;letter-spacing:.12em;font-weight:850;border-radius:30px;padding:8px 10px}.button{border:1px solid #d8dee5;background:white;color:#384655;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:750;transition:background .15s,border-color .15s,transform .15s}.button:hover{background:#f7f9fb;border-color:#b9c4ce}.button:active{transform:translateY(1px)}.button-primary{background:var(--accent);border-color:var(--accent);color:white}.button-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.button kbd{margin-left:6px}.button-large{padding:12px 18px;font-size:13px}.button-block{width:100%;text-align:center}.workspace{display:grid;grid-template-columns:74px minmax(260px,1fr) 254px;gap:0;flex:1;min-height:0}.rail{background:#fff;border-right:1px solid var(--line);padding:17px 9px;display:flex;flex-direction:column;align-items:stretch;gap:6px;z-index:1}.rail-label,.panel-kicker{font-size:9px;letter-spacing:.16em;font-weight:850;color:#9aa4af}.rail-label{text-align:center;margin-bottom:6px}.tool{border:1px solid transparent;border-radius:9px;background:transparent;color:#82909c;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:10px 4px;min-height:54px;font-size:9px;font-weight:750}.tool:hover{background:#f6f8fa;color:var(--ink)}.tool.active{background:#fff0ec;border-color:#f6d8d1;color:var(--accent)}.tool-icon{font-size:20px;line-height:1;font-weight:500;min-height:22px}.scenery-icon{font-size:19px}.rail-separator{height:1px;background:var(--line);margin:7px 4px}.stage-wrap{position:relative;min-width:0;min-height:0;background:#f8fafb;overflow:hidden}.stage-wrap canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.stage-wrap.playing canvas{cursor:default}.stage-badge,.stage-tools{position:absolute;top:15px;border:1px solid rgba(220,226,232,.9);background:rgba(255,255,255,.92);border-radius:8px;box-shadow:0 3px 12px rgba(38,52,66,.06);backdrop-filter:blur(8px)}.stage-badge{left:15px;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:9px;font-weight:850;letter-spacing:.13em;color:#6e7c89}.live-dot{height:6px;width:6px;border-radius:100%;background:#64bb9a;box-shadow:0 0 0 3px #e6f6ef}.stage-tools{right:15px;display:flex;align-items:center;gap:10px;padding:4px 6px;font-size:10px;color:#5e6c79;font-weight:800}.zoom-button{height:24px;width:25px;border:0;background:transparent;border-radius:5px;color:#536272;font-size:18px;line-height:1}.zoom-button:hover{background:#eef2f5}.zoom-lock{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#5e6c79;cursor:pointer;user-select:none;padding-left:8px;border-left:1px solid #e3e8ed}.zoom-lock input{margin:0;cursor:pointer}.msgbox{position:absolute;top:1px;left:50%;transform:translateX(-50%);min-width:200px;height:20px;line-height:20px;padding:0 10px;text-align:center;font:14px Arial,Helvetica,sans-serif;color:#000;background:#ffffbb;white-space:nowrap;pointer-events:none;z-index:3;display:none}.msgbox.visible{display:block}.msgbox.slowbox{background:#eeeeee}.msgbox.below{top:21px}.start-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(110deg,rgba(248,250,251,.9),rgba(248,250,251,.64));z-index:1;transition:opacity .2s}.start-overlay.hidden{opacity:0;pointer-events:none}.start-card{width:min(370px,calc(100% - 40px));background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.9);border-radius:15px;padding:26px 27px;box-shadow:var(--shadow);text-align:left}.eyebrow{font-size:9px;font-weight:850;color:var(--accent);letter-spacing:.13em}.start-card h1{font-size:29px;letter-spacing:-.06em;margin:10px 0;color:#1c2733}.start-card p{font-size:12px;line-height:1.6;color:#687583;margin:0 0 18px}.start-card small{display:block;margin-top:13px;color:#9aa4af;font-size:10px}.start-card .button span{margin-left:12px;font-size:16px}.info-panel{background:#fff;border-left:1px solid var(--line);padding:19px 16px;overflow-y:auto}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.status-dot{height:7px;width:7px;border-radius:50%;background:#64bb9a;box-shadow:0 0 0 4px #e6f6ef}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f2f4;font-size:11px;color:#86919e}.stat-row strong{font-size:12px;color:#344252;font-variant-numeric:tabular-nums}.stat-row i{font-size:9px;font-style:normal;color:#9ca6b0;font-weight:500}.panel-rule{height:1px;background:var(--line);margin:18px 0}.controls-title{margin-bottom:10px}.control-row{display:flex;align-items:center;gap:9px;margin:8px 0;color:#677482;font-size:10px}.control-row kbd,kbd{font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#687685;min-width:25px;height:23px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce2e8;border-bottom-width:2px;border-radius:5px;background:#fafbfc;padding:0 5px}.panel-note{font-size:10px;line-height:1.55;color:#8a96a2;margin:8px 0 12px}.data-actions{display:flex;flex-direction:column;gap:6px}.data-actions .button{font-size:10px;padding:8px}.footer{height:31px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;background:#fff;border-top:1px solid var(--line);font-size:9px;color:#9aa4ae}.footer b{color:#5b6876}.footer-right{letter-spacing:.12em;font-weight:800;font-size:8px}.code-dialog{border:none;border-radius:14px;padding:0;width:min(620px,calc(100% - 30px));box-shadow:0 20px 90px rgba(16,29,43,.3);color:var(--ink)}.code-dialog::backdrop{background:rgba(21,33,46,.4);backdrop-filter:blur(3px)}.dialog-inner{padding:22px}.dialog-title{display:flex;align-items:flex-start;justify-content:space-between}.dialog-title h2{margin:6px 0 0;font-size:22px;letter-spacing:-.04em}.close-button{border:none;background:#f0f3f5;width:30px;height:30px;border-radius:50%;font-size:21px;color:#687685}.dialog-inner p{font-size:12px;color:#7b8794}.dialog-inner textarea{width:100%;height:160px;resize:vertical;border:1px solid #dce2e8;border-radius:8px;padding:12px;font:11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#334252;background:#fbfcfd}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.hidden{display:none!important}
@media(max-width:1000px){.workspace{grid-template-columns:64px minmax(260px,1fr)}.info-panel{display:none}.topbar{padding:0 14px}.footer{padding:0 10px}.footer-right{display:none}}
@media(max-width:560px){.topbar{height:58px}.brand{font-size:10px}.brand-mark{width:31px;height:31px}.brand small{font-size:7px}.top-actions{gap:5px}.top-actions .button{font-size:10px;padding:8px}.pill{display:none}.workspace{grid-template-columns:55px minmax(0,1fr)}.rail{padding:10px 5px}.tool{min-height:48px;font-size:8px}.tool-icon{font-size:18px}.footer{font-size:8px}.footer span:nth-child(2){display:none}.start-card{padding:20px}.start-card h1{font-size:25px}}

.vehicle-select{display:block;width:100%;margin-top:9px;padding:9px 10px;border:1px solid #d8dee5;border-radius:8px;background:#fff;color:#344252;font:700 11px/1.3 inherit;cursor:pointer}.vehicle-select:focus{outline:2px solid #439bb7;outline-offset:2px}.ghost-count-row{display:flex;align-items:center;justify-content:space-between}.ghost-count-row strong{font-size:13px;color:#344252;font-variant-numeric:tabular-nums}.ghost-note{margin-bottom:9px}.button:disabled{opacity:.4;cursor:not-allowed}.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}
.rail{overflow-y:auto}.tool-small{min-height:44px;padding:7px 3px}.tool-small .tool-icon{font-size:16px;min-height:18px}.stage-wrap.playing canvas{cursor:grab}.stage-wrap.playing canvas:active{cursor:grabbing}
.ghost-limit{display:flex;align-items:center;gap:8px;margin:8px 0 6px;font-size:10px;color:#86919e}.ghost-limit input{flex:1;min-width:0;accent-color:var(--accent)}.ghost-limit output{min-width:26px;text-align:right;font-weight:750;color:#344252;font-variant-numeric:tabular-nums}
.control-row kbd kbd{min-width:0}



.mover-bar{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:7px 12px;background:rgba(255,255,255,.95);border:1px solid #dce2e8;border-radius:10px;box-shadow:0 3px 14px rgba(38,52,66,.12);font-size:11px;color:#4b5967;z-index:3}.mover-bar b,.mover-bar button,.mover-bar label{white-space:nowrap}.mover-bar label{display:flex;align-items:center;gap:7px;font-weight:700}.mover-bar input[type=range]{width:120px}.mover-dot{width:10px;height:10px;border-radius:50%;background:var(--mc,#f2a900)}.mover-bar .button{padding:5px 10px;font-size:11px}#vehPuSecsVal{min-width:50px}.mover-bar #moverDone,.mover-bar #trigDone,.mover-bar #fadeDone,.mover-bar #vehPuDone{background:#2fb344;border-color:#2fb344;color:#fff}.mover-bar .rot-only{display:flex;align-items:center;gap:12px}.mover-bar select{font:inherit;font-size:11px;padding:3px 4px;border:1px solid #d8dee5;border-radius:6px;background:#fff;color:#4b5967}.mover-bar #moverSpeedVal{min-width:28px;font-variant-numeric:tabular-nums}

.rail-group{position:relative;display:flex;flex-direction:column}.rail-group .rail-group-btn{width:100%;position:relative}.rail-caret{position:absolute;right:3px;top:50%;margin-top:-6px;font-size:9px;font-style:normal;opacity:.55}.rail-group-btn.open{background:#f6f8fa;border-color:#e3e8ed}.rail-group-btn.active{background:#fff0ec;border-color:#f6d8d1;color:var(--accent)}
.rail-pop{position:fixed;z-index:30;background:#fff;border:1px solid #dce2e8;border-radius:12px;box-shadow:0 10px 32px rgba(38,52,66,.2);padding:10px;display:grid;grid-template-columns:repeat(2,82px);gap:6px}.rail-pop-title{grid-column:1/-1;font-size:9px;letter-spacing:.16em;font-weight:850;color:#9aa4af;padding:0 2px 2px}.rail-pop .tool{min-height:52px}
.bar-note{color:#8a96a2;font-size:10px;max-width:150px;line-height:1.2}

.replay-bar{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,.96);border:1px solid #dce2e8;border-radius:10px;box-shadow:0 3px 14px rgba(38,52,66,.14);z-index:4;font-size:11px;color:#4b5967}.replay-bar input[type=range]{flex:1;min-width:80px}.replay-bar .button{padding:5px 10px;font-size:12px;min-width:32px}#rpTime{min-width:96px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.replay-bar select{font:inherit;font-size:11px;padding:4px;border:1px solid #d8dee5;border-radius:6px;background:#fff;max-width:190px}
.set-group{margin-top:14px}.set-group h3{margin:0 0 6px;font-size:10px;letter-spacing:.14em;color:#9aa4af;font-weight:850;text-transform:uppercase}.set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid #f0f2f4;font-size:12px;color:#4b5967}.set-select{padding:6px 8px;border:1px solid #d8dee5;border-radius:7px;background:#fff;font:inherit;font-size:12px;min-width:190px}.set-slider{display:flex;align-items:center;gap:8px}.set-slider input{width:150px}.set-slider output{min-width:38px;text-align:right;font-variant-numeric:tabular-nums}.set-note{font-size:10.5px!important;line-height:1.5;color:#8a96a2!important;margin:4px 0 2px!important}
@media(max-width:700px){.replay-bar{flex-wrap:wrap}}

.mover-bar #selBar,#selBar{flex-wrap:wrap;justify-content:center;max-width:94%}.fx-group{display:flex;align-items:center;gap:6px}.fx-chip.on{background:#fff1e6;border-color:#ff7a1a;color:#c2510a}.fx-chip.mixed{border-style:dashed;border-color:#ff7a1a}.fx-val{min-width:30px;font-variant-numeric:tabular-nums}
#selBar{width:max-content;max-width:calc(100vw - 340px)}
.mover-bar #shapeDone{background:#2fb344;border-color:#2fb344;color:#fff}#shapeBar{width:max-content;max-width:calc(100vw - 340px);flex-wrap:wrap;justify-content:center}
#moverBar:not(.hidden) ~ #shapeBar{bottom:76px}

.fps-counter{position:absolute;left:15px;top:56px;padding:4px 8px;border:1px solid rgba(220,226,232,.9);background:rgba(255,255,255,.88);border-radius:7px;font:800 10px/1.3 ui-monospace,Menlo,Consolas,monospace;color:#5e6c79;letter-spacing:.04em;pointer-events:none;z-index:2;font-variant-numeric:tabular-nums}.fps-counter b{color:#2fb344;font-weight:900}.fps-counter.mid b{color:#e0a21e}.fps-counter.low b{color:#d9534f}.fps-counter span{color:#9aa4af;font-weight:700;margin-left:4px}.fps-counter.hidden{display:none}

body:not([data-mode=build]) .build-only,body[data-mode=build] .not-build,body:not([data-mode=test]) .test-only,body:not([data-mode=play]) .play-only{display:none!important}
body:not([data-mode=build]) .workspace{grid-template-columns:minmax(260px,1fr) 254px}
@media(max-width:1000px){body:not([data-mode=build]) .workspace{grid-template-columns:minmax(0,1fr)}}
body[data-mode=test] .pill{background:#fff1e6;color:#c2510a}body[data-mode=play] .pill{background:#e6f6ea;color:#1f8a3a}
.player-list{display:flex;flex-direction:column;gap:3px;margin:8px 0 2px;max-height:300px;overflow-y:auto}.player-row{display:flex;align-items:center;gap:7px;font-size:11px;color:#4b5967;padding:3px 0}.player-row i{width:9px;height:9px;border-radius:50%;flex:none;background:var(--pc,#999)}.player-row span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-row b{font-variant-numeric:tabular-nums;font-size:10.5px;color:#7c8894}.player-row.me span{font-weight:800;color:#26323d}
.race-hud{position:absolute;left:50%;top:14px;transform:translateX(-50%);display:flex;gap:14px;align-items:center;padding:7px 14px;border-radius:9px;background:rgba(255,255,255,.92);border:1px solid #dce2e8;box-shadow:0 3px 12px rgba(38,52,66,.08);font:800 13px/1 ui-monospace,Menlo,Consolas,monospace;color:#26323d;z-index:2;pointer-events:none;font-variant-numeric:tabular-nums}.race-hud span:empty{display:none}#raceStars{color:#c58a00}#raceRestarts{color:#6e7c89}#raceLeft{color:#8a96a2;font-size:11px}
.vote-skip{position:absolute;left:14px;top:14px;z-index:3;display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;border:1px solid #dce2e8;background:rgba(255,255,255,.92);box-shadow:0 3px 12px rgba(38,52,66,.08);font:800 12px/1 Inter,ui-sans-serif,system-ui,sans-serif;color:#4b5967;cursor:pointer}.vote-skip:hover{background:#fff;color:#26323d}.vote-skip.voted{background:#fff1e6;border-color:#f0c9a6;color:#c2510a}
.rate-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 2px;font-size:12px;color:#4b5967}.rate-label{font-weight:800}.rate-stars{display:inline-flex;gap:1px}.rate-star{font-size:20px;line-height:1;background:none;border:none;padding:0 1px;cursor:pointer;color:#d4dae0;transition:color .08s}.rate-star.on{color:#f0b429}.rate-avg{color:#8a96a2;font-weight:700}
.countdown{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:3}.countdown b{font:900 120px/1 Inter,system-ui,sans-serif;color:#dc4f36;text-shadow:0 6px 30px rgba(255,255,255,.9)}.countdown b.go{color:#2fb344}.countdown small{margin-top:6px;font-weight:800;font-size:12px;letter-spacing:.14em;color:#6e7c89;text-transform:uppercase}
.race-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 32px));max-height:calc(100% - 32px);overflow-y:auto;background:rgba(255,255,255,.96);border:1px solid #e2e7ec;border-radius:15px;padding:22px 24px;box-shadow:var(--shadow);z-index:4}.race-card h2{margin:6px 0 8px;font-size:22px}.race-note{font-size:12px;color:#6e7c89;margin:6px 0}.host-controls{display:flex;flex-direction:column;gap:9px;margin-top:12px}.host-controls label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;color:#4b5967}.host-controls select{min-width:200px;padding:6px 8px;border:1px solid #d8dee5;border-radius:7px;font:inherit;font-size:12px}.host-controls textarea{height:70px;font:11px ui-monospace,monospace;border:1px solid #d8dee5;border-radius:7px;padding:6px}.race-actions{display:flex;gap:8px;margin-top:12px}
.results-table{display:flex;flex-direction:column;gap:2px;margin:8px 0}.res-row{display:grid;grid-template-columns:26px 12px 1fr auto auto;gap:8px;align-items:center;padding:5px 6px;border-radius:6px;font-size:12px;color:#4b5967}.res-row:nth-child(odd){background:#f6f8fa}.res-row.me{background:#fff1e6;font-weight:800;color:#26323d}.res-row i{width:10px;height:10px;border-radius:50%;background:var(--pc,#999)}.res-row b{font-variant-numeric:tabular-nums}.res-row em{font-style:normal;font-variant-numeric:tabular-nums;color:#26323d}.res-row .unv{color:#c2510a;font-size:10px;margin-left:4px}
.test-row{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#4b5967;font-weight:700;margin:8px 0}.set-select.small{min-width:0;width:100%}
#mpDialog input.set-select{min-width:220px}
#lobbyCard{left:auto;right:15px;top:62px;transform:none;width:min(340px,calc(100% - 30px));padding:16px 18px}#lobbyCard h2{font-size:17px}
.mover-bar.raised{bottom:74px}
.site-only,.site-play-only,.site-build-only{display:none!important}
#shapeBar{max-width:calc(100% - 24px)!important}
#shapePhysBox:not(.hidden){display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;max-width:100%}
.player-group{font-size:9px;letter-spacing:.14em;font-weight:850;color:#9aa4af;margin:6px 0 1px}.player-group:first-child{margin-top:0}
#raceTricks{color:#8a63d2}
.tk-pts{text-decoration:none;color:#8a63d2;font-weight:800;font-variant-numeric:tabular-nums;font-size:11px;white-space:nowrap}.player-row .tk-pts{font-size:10px}
/* message box (every page): a white rounded box with a coloured dot for the kind of message, the same look as the
   race box.  It has the top row of the stage; the race box sits under it.  (site.css moves both below the site header.) */
.msgbox{top:14px;height:auto;min-width:0;line-height:1.2;padding:8px 14px 8px 12px;align-items:center;gap:8px;border-radius:9px;background:rgba(255,255,255,.94)!important;border:1px solid #dce2e8;box-shadow:0 3px 12px rgba(38,52,66,.08);font:700 13px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;color:#26323d;max-width:calc(100% - 560px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.msgbox.visible{display:flex}
.msgbox::before{content:"";width:9px;height:9px;border-radius:50%;flex:none;background:#e6b422}
.msgbox[data-tone=good]::before{background:#2fb344}
.msgbox[data-tone=bad]::before{background:#dc4f36}
.msgbox[data-tone=grey]::before,.msgbox.slowbox::before{background:#8a96a2}
/* the race box has the top row; while it is showing, messages go in the row below it */
.race-hud{top:14px}
body.hud-on .msgbox#toast{top:52px}
.msgbox#toast.below{top:52px}
#raceSlow{color:#6a8dd8}
@media(max-width:900px){.msgbox{max-width:calc(100% - 24px)}}
.beta-tag{display:inline-flex;align-items:center;align-self:center;margin-left:-4px;padding:2px 7px;border-radius:999px;background:#fff1e6;border:1px solid #f0c9a6;color:#c2510a;font:800 10px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;white-space:nowrap;flex:none}
.me-chip.me-link{cursor:pointer}.me-chip.me-link:hover{filter:brightness(.96);text-decoration:underline}
.report-bug{display:inline-flex;align-items:center;gap:5px;margin:2px 0 4px;padding:6px 11px;border:1px dashed #d8dee5;border-radius:8px;background:transparent;color:#6e7c89;font:700 12px Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.report-bug:hover{color:#b3321c;border-color:#e7b7ad;background:#fff5f3}
.report-bug.hidden{display:none}
body:not(.site) .topbar > .beta-tag{margin-right:auto;margin-left:10px}
#agPuWhich,#vehPuWhich{white-space:nowrap}

.obj-dialog{width:min(860px,calc(100% - 30px))}.obj-dialog .dialog-inner{max-height:calc(100dvh - 60px);display:flex;flex-direction:column}
.obj-tools{display:flex;gap:8px;align-items:center;margin-top:14px}.obj-tools input[type=search]{flex:1;min-width:0}.obj-mine{display:flex;gap:5px;align-items:center;font-size:12px;font-weight:700;color:#5e6c79;white-space:nowrap}
.obj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;overflow-y:auto;min-height:0;padding:2px}
.obj-card{border:1px solid #e2e7ec;border-radius:10px;overflow:hidden;background:#fff}
.obj-pic{position:relative;aspect-ratio:8/5;background:#f8fafb;display:grid;place-items:center;overflow:hidden}.obj-pic img,.obj-pic canvas{width:100%;height:100%;object-fit:contain;display:block}
.obj-copy{position:absolute;z-index:1;inset:0;margin:auto;width:fit-content;height:fit-content;opacity:0;transition:opacity .15s;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.obj-card:hover .obj-copy,.obj-copy:focus-visible{opacity:1}@media(hover:none){.obj-copy{opacity:1;inset:auto 8px 8px auto;margin:0}}
.obj-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;padding:8px 10px;border-top:1px solid #eef1f4;font-size:12px}.obj-meta b{flex:1 1 100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#26323d}.obj-meta span{flex:1;color:#8a96a2;font-size:11px}
.obj-del{border:0;background:transparent;cursor:pointer;font-size:13px;opacity:.55;padding:2px}.obj-del:hover{opacity:1}
.obj-save-pic{max-height:230px;border:1px solid #e2e7ec;border-radius:10px;margin-top:14px}

/* no double-tap zoom (iPhone): taps are plain taps everywhere; elements that set their own touch-action keep it */
*,*::before,*::after{touch-action:manipulation}