[hidden]{display:none!important}
.workspace-tabs{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:0 0 20px;padding:6px;border:1px solid #3b4860;border-radius:14px;background:#101929}
.workspace-tabs button{min-height:44px;padding:8px 16px;color:#b7c8e1;background:transparent;border:1px solid transparent;border-radius:10px;font-weight:700}
.workspace-tabs button.active{color:#f3e3ff;background:#3b3156;border-color:#ae94d6}.workspace-tabs #libraryTop{color:#a8edda}
.creekside-club{overflow:hidden;border:1px solid #53506c;border-radius:18px;background:linear-gradient(135deg,#1b2035,#111c2c)}
.club-scene{display:block;width:100%;height:auto;aspect-ratio:2.5;object-fit:cover}
.club-copy{padding:18px 20px 12px}.club-copy h2{font-size:21px;line-height:1.25;margin:7px 0 8px;color:#f3e6ff}.club-copy p{margin:0;color:#bccade;font-size:13px;line-height:1.6}
.friend-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 16px}
.friend-card{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid #4c526d;border-radius:12px;background:#1b263b;color:#eee5ff;text-align:left}
.friend-card:hover,.friend-card.active{border-color:#cbabff;background:#37304d}.friend-card img,.friend-symbol{width:55px;height:55px;object-fit:contain;flex-shrink:0}.friend-card span{min-width:0}.friend-card strong{display:block;font-size:13px;line-height:1.4}.friend-card small{display:block;color:#bdc8dc;font-size:11px;margin-top:4px;line-height:1.4}.friend-symbol{display:grid;place-items:center;color:#a8efdf;font-size:38px}
.tray-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}.tray-choice{display:grid;place-items:center;gap:4px;min-height:68px;padding:8px 4px;background:#1c283d;border:1px solid #41526c;color:#bfcfe5;border-radius:11px;font-size:11px;font-weight:700}.tray-choice span{font-size:22px;line-height:1}.tray-choice.active{color:#fff;background:#403254;border-color:#b99be5}.tray-choice[data-contents=petals] span{color:#f8a8cf}.tray-choice[data-contents=gems] span{color:#dfb9ff}.tray-choice[data-contents=glass] span{color:#8ae8e6}.tray-choice[data-contents=rocks] span{color:#c5b59e}
.tray-help{font-size:12px;line-height:1.6;color:#a8bbd4;margin:8px 0 20px}
.lab-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:4px 0 22px}.lab-heading h1{font-size:32px;margin:4px 0 8px;color:#e9ddff}.lab-heading p{color:#b8c9e0;font-size:14px;line-height:1.6;margin:0}.lab-heading .action{padding:0 18px;flex-shrink:0}
.lab-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;align-items:start}.lab-left{min-width:0}.optics-stage{overflow:hidden;background:#091222;border:1px solid #4a617d;border-radius:18px;box-shadow:0 16px 45px #0004}#labCanvas{display:block;width:100%;height:auto;aspect-ratio:1000/640;touch-action:none;cursor:crosshair}.lab-status{min-height:56px;margin:0;padding:14px 18px;color:#d2e6f4;background:#101c30;border-top:1px solid #30415d;line-height:1.6;font-size:13px}
.lab-readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 18px}.lab-readouts>div{padding:14px 12px;border:1px solid #394c68;border-radius:12px;background:#132036}.lab-readouts small{display:block;color:#a0b8d4;font-size:11px;margin-bottom:8px}.lab-readouts strong{font-size:21px;color:#a5efdd;font-variant-numeric:tabular-nums}
.lab-examples,.lab-science{padding:18px;border:1px solid #394861;border-radius:15px;background:#111c2e;margin-bottom:16px}.lab-examples h2{font-size:18px;color:#e0d4fa;margin:0 0 14px}.lab-examples>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lab-examples button{min-height:44px;border:1px solid #4a5875;border-radius:10px;background:#23324a;color:#d6e9f4;font-size:12px;font-weight:700}.lab-examples p,.lab-science p{font-size:13px;line-height:1.7;color:#b0c2da;margin:14px 0 0}.lab-science summary{cursor:pointer;color:#dbc5ff;font-size:14px;font-weight:700;min-height:30px}.lab-science a{color:#a3ebdf}.science-links{display:flex;flex-wrap:wrap;gap:8px}
.lab-fields{padding:18px 20px}.lab-controls .panelhead h2{font-size:20px;margin:0 0 5px;color:#e8dafa}.lab-check{display:flex;gap:12px;align-items:center;min-height:44px;font-size:12px;line-height:1.5;color:#c6d8ed}.lab-check input{width:20px;height:20px;accent-color:#b89ce7;flex-shrink:0}
body[data-jke-device-profile=tablet] .lab-controls{display:block}
@media(max-width:1100px){.lab-layout{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:850px){.lab-layout{grid-template-columns:minmax(0,1fr)}.lab-controls{max-width:none}.lab-heading h1{font-size:28px}.lab-readouts strong{font-size:19px}}
@media(max-width:500px){.workspace-tabs{gap:4px;padding:4px}.workspace-tabs button{padding:8px 6px;font-size:12px}.club-copy{padding:16px}.club-copy h2{font-size:19px}.friend-presets{gap:8px;padding:0 12px 12px}.friend-card{flex-direction:column;align-items:flex-start;gap:6px;padding:10px}.friend-card img,.friend-symbol{width:48px;height:48px}.friend-card strong{font-size:12px}.friend-card small{font-size:11px}.lab-heading{align-items:flex-start;gap:12px}.lab-heading h1{font-size:26px}.lab-heading p{font-size:13px}.lab-heading .action{padding:0 10px;font-size:11px}.lab-readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.lab-readouts>div{padding:12px}.lab-fields{padding:18px 17px}.lab-status{font-size:12px;padding:12px}.lab-examples,.lab-science{padding:15px}}
.tray-workbench{padding:18px;border:1px solid #465b74;border-radius:18px;background:#111c2e}.tray-heading{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:14px}.tray-heading h2{font-size:22px;margin:6px 0;color:#e7d8ff}.tray-heading p{font-size:13px;color:#b3c7df;line-height:1.6;margin:0}.tray-heading>span{white-space:nowrap;font-size:12px;color:#a2ecdb;padding:6px 10px;border-radius:20px;background:#24384a}
.tray-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:18px;align-items:start}#trayCanvas{display:block;width:100%;height:auto;aspect-ratio:400/320;touch-action:none;cursor:grab;border:1px solid #3e5c74;border-radius:14px}.tray-motion{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.tray-action{min-height:44px;border:1px solid #52627e;border-radius:10px;background:#24324b;color:#deebff;padding:8px 10px;font-size:12px;font-weight:700}.tray-action:hover,.tray-action.active{border-color:#c3a2f0;background:#493858;color:#fff}.tray-action:disabled{opacity:.4}.tray-motion .tray-action:first-child{background:#384d52;color:#bdffdf;border-color:#6aa995}
.tray-add,.tray-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}.tray-actions{margin-bottom:0}.tray-actions .tray-action:last-child{grid-column:1/-1}.tray-tools>label{display:block;font-size:12px;font-weight:700;color:#c7dded;margin-bottom:6px}.tray-tools>.select{margin-bottom:16px}.tray-tools .field{margin-bottom:16px}.tray-workbench>.tray-help{margin:12px 0 0;min-height:20px}
.cast-members{border:1px solid #3c516a;border-radius:12px;margin:0 0 20px;padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.cast-members legend{font-size:12px;color:#b7d7e5;padding:0 5px}.cast-members label{display:flex;gap:6px;align-items:center;min-height:44px;font-size:12px;color:#d3e3f4}.cast-members input{width:17px;height:17px;accent-color:#bc9ade}.cast-members button{grid-column:1/-1}
.lab-inventory{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #3b4a62}.lab-inventory h3{margin:0;color:#e3d9f8;font-size:18px}.lab-inventory>p{font-size:12px;color:#a9ccdb;line-height:1.6}.lab-object-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:14px}.lab-object{min-height:44px;min-width:0;padding:7px;border:1px solid #455979;background:#1c2b42;border-radius:9px;color:#ccdeef;font-size:11px;font-weight:700;text-align:left}.lab-object.active{border-color:#efd398;background:#3f3b43;color:#ffefcc}.lab-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:12px}.lab-add-row label{grid-column:1/-1;font-size:12px;font-weight:700;color:#c4d7ed}.lab-add-row .select{font-size:11px;padding:9px;min-width:0}.lab-add-row button{font-size:11px;padding:8px}.lab-object-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.lab-object-tools button:last-child{grid-column:1/-1}.lab-coordinates{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.lab-coordinates label{font-size:12px;font-weight:700;color:#c4d7ed}.lab-coordinates input{display:block;margin-top:6px;min-width:0}.lab-inventory .tray-help{margin:4px 0 0}
.lab-ruler{padding:14px 16px;background:#122134;border:1px solid #3c5d6b;border-radius:14px;margin-top:14px}.lab-ruler>div:first-child{display:flex;gap:12px;align-items:center}.lab-ruler label{font-size:12px;color:#c2dae8;white-space:nowrap}.lab-ruler select{max-width:320px}.relative-readouts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.relative-readouts span{color:#a7c4d2;font-size:12px}.relative-readouts strong{display:block;color:#f1d79a;font-size:20px;font-variant-numeric:tabular-nums;margin-top:5px}.lab-ruler>p{font-size:11px;color:#a4b6cc;line-height:1.5;margin:10px 0 0}
.relative-inputs{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin-top:14px}.relative-inputs label{min-width:0;white-space:normal}.relative-inputs input{display:block;min-width:0;margin-top:6px}.relative-inputs button{min-height:42px}
@media(max-width:500px){.relative-inputs{grid-template-columns:1fr 1fr}.relative-inputs button{grid-column:1/-1}}
@media(max-width:1100px){.tray-layout{grid-template-columns:1fr}.tray-motion .tray-action{font-size:11px;padding:8px 4px}.tray-tools{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.tray-tools>.tray-add,.tray-tools>.tray-actions,.tray-tools>label,.tray-tools>.select{grid-column:1/-1}#trayCanvas{width:min(100%,450px);max-height:none;margin-inline:auto}}
@media(max-width:500px){.tray-workbench{padding:14px}.tray-heading{gap:8px}.tray-heading h2{font-size:20px}.tray-heading p{font-size:12px}.tray-heading>span{padding:5px 7px;font-size:11px}.tray-layout{gap:14px}.tray-tools{gap:0 12px}.lab-ruler{padding:12px}.lab-ruler>div:first-child{align-items:start;flex-direction:column;gap:6px}.relative-readouts{gap:8px}.relative-readouts strong{font-size:18px}}