/* Object Store-owned My Objects presentation. Matches Designer palette without importing viewport/editor rules. */
:root { color-scheme: dark; font: 15px system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --panel:#0f172a; --text:#f8fafc; --muted:#94a3b8; --ok:#34d399; background:#020617; color:var(--text); }
* { box-sizing: border-box; }
html,body { margin:0; min-height:100%; width:100%; }
body { background:#020617; min-height:100vh; }
.my-objects-shell { width:min(100%,760px); margin:0 auto; padding:18px 14px 44px; min-height:100vh; background:#0b1220; }
.my-objects-header { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:8px 4px 14px; border-bottom:1px solid rgba(255,255,255,.12); }
h1 { font-size:1.15rem; line-height:1.25; margin:0; }
.subtitle { color:var(--muted); font-size:.8rem; margin:4px 0 0; }
a { color:#93c5fd; }
.nav-link { color:var(--text); border:1px solid rgba(255,255,255,.18); background:#262c33; padding:8px 12px; border-radius:8px; text-decoration:none; }
.nav-link:hover { background:#334155; }
.panel { margin-top:16px; padding:16px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:var(--panel); }
h2 { font-size:1rem; margin:0 0 14px; }
h3 { font-size:.96rem; margin:0 0 8px; }
p { color:var(--muted); overflow-wrap:anywhere; }
.panel > p { font-size:.87rem; }
button,input { font:inherit; border-radius:7px; border:1px solid #59616d; padding:8px 12px; min-height:36px; }
button { color:#111418; background:#e9edf2; cursor:pointer; }
button.secondary { color:#f3f5f7; background:#262c33; }
button:hover:not(:disabled) { filter:brightness(1.1); }
button:disabled { opacity:.45; cursor:default; }
input { background:#101b2a; color:var(--text); min-width:0; width:180px; max-width:100%; }
input:focus-visible,button:focus-visible,a:focus-visible { outline:2px solid var(--ok); outline-offset:2px; }
.controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.auth-actions { margin-top:10px; }
.row { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.row h2 { margin:0; }
.hidden,[hidden] { display:none!important; }
#objectStatus { min-height:20px; }
#objectsList { list-style:none; padding:0; margin:0; }
#objectsList li { margin:12px 0 0; }
.object { border:1px solid rgba(255,255,255,.14); border-radius:10px; padding:14px; background:#182337; }
.object p { margin:7px 0; }
.object .meta { font-size:.77rem; color:var(--muted); }
.object a { display:inline-block; padding:7px 0 1px; text-decoration:none; font-weight:600; }
.object a:hover { text-decoration:underline; }
@media (max-width:480px) { .my-objects-shell {padding:12px 10px 32px;} .panel { padding:12px; } .controls input {flex:1 1 140px;} }

.object.selected { border-color:#34d399; }
.object button { margin-top:8px; }

.create-form {display:flex; flex-direction:column;align-items:flex-start;gap:9px;}
.create-form input,.create-form textarea {width:100%;max-width:100%;background:#101b2a;color:var(--text);border:1px solid #59616d;border-radius:7px;padding:9px 12px;font:inherit;}
.create-form textarea:focus-visible {outline:2px solid var(--ok);outline-offset:2px;}



.page{max-width:1180px;margin:0 auto;padding:20px 16px 40px;background:#0b1220;min-height:100vh}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;padding:8px 4px 16px;border-bottom:1px solid #334155}
.topbar h1{font-size:1.25rem;margin:0}.store-auth{margin-left:auto}.auth-form{display:flex;align-items:center;gap:8px}.auth-form input{width:130px}
#authMessage{font-size:.76rem;margin:5px 0 0;text-align:right}.mode-badge{font-size:.76rem;color:#94a3b8}
.controls{display:flex;gap:10px;margin:16px 0}.controls input{width:100%;flex:1}.controls select{width:160px;background:#101b2a;color:#f8fafc;border:1px solid #59616d;border-radius:7px;padding:8px}
.status{font-size:.84rem;color:#94a3b8;min-height:24px}.status.error{color:#fca5a5}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.card{background:#0f172a;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0}
.preview{aspect-ratio:1.35;background:#101b2a;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail{width:100%;height:100%;object-fit:contain}.shape-icon{width:50px;height:50px;background:#334155;transform:rotate(25deg);border-radius:8px}.glb-icon:after{content:'3D';font-size:1.2rem;color:#94a3b8}
.card h2{font-size:1rem;margin:0;overflow-wrap:anywhere}.meta{color:#94a3b8;font-size:.75rem;display:flex;gap:10px;flex-wrap:wrap}.desc{font-size:.85rem;color:#94a3b8;margin:0;flex:1}.use-btn{background:#e9edf2;color:#111418}.empty{color:#94a3b8;padding:32px;text-align:center;grid-column:1/-1}
@media(max-width:560px){.page{padding:12px 10px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card{padding:9px}.controls select{width:125px}.topbar{align-items:start}.store-auth{max-width:100%;margin-left:0}.auth-form input{width:115px}}

/* Picker-only thumbnail is the selection control; Browse remains presentation-only. */
.picker-thumbnail-button{display:flex;width:100%;height:auto;min-height:0;padding:0;border:0;color:inherit;font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none;touch-action:manipulation}
.picker-thumbnail-button:focus-visible{outline:2px solid var(--ok);outline-offset:2px}
.picker-thumbnail-button:disabled{cursor:default;opacity:.65}