/* Tactile volumes; no inline styles or motion on the focused field. */
.life-studio{--studio-violet:#b5a3f2;--studio-mint:#8bcfc0;--studio-peach:#edb9a2;background:radial-gradient(ellipse at 80% 0,rgba(154,117,225,.12),transparent 55%),var(--bg)}
.life-studio main{padding-bottom:60px}.life-studio .intro{padding-block:38px 28px}.life-studio .intro .caption{font-size:15px;margin-bottom:0}.life-studio .intro h1{font-size:clamp(42px,6vw,74px)}
.studio-orbit{position:relative;width:140px;height:140px;display:grid;place-items:center;perspective:500px}.studio-orbit span{position:absolute;inset:10px;border:1px solid var(--studio-violet);border-radius:50%;transform:rotateX(65deg) rotateZ(-20deg);box-shadow:0 14px 22px #0004}.studio-orbit img{object-fit:contain;filter:drop-shadow(0 15px 12px #0004);animation:studio-bob 5s ease-in-out infinite}
@keyframes studio-bob{50%{transform:translateY(-8px) rotate(-4deg)}}
.life-studio .mode-card{min-height:155px;gap:9px;box-shadow:inset 0 1px #ffffff24,0 7px 0 -2px var(--surface),0 18px 28px #0002;transform-style:preserve-3d}
.life-studio .mode-card[aria-pressed=true]{border-color:var(--studio-violet);background:linear-gradient(140deg,#a28bda19,var(--panel));box-shadow:inset 0 2px var(--studio-violet),0 8px 0 -2px var(--surface),0 18px 28px #0002}
.studio-icon{display:grid;place-items:center;font-size:30px;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#cbb8f53b,#78c8b125);box-shadow:inset 1px 1px #ffffff40,3px 5px 0 #0002;transform:rotate(-7deg);color:var(--ink)}
.life-studio .mode-card strong{max-width:none}.life-studio .studio-grid{grid-template-columns:220px minmax(0,1fr)}.life-studio .editor{background:linear-gradient(145deg,#a68acf0a,var(--panel));box-shadow:inset 0 1px #ffffff1a,0 8px 0 -3px var(--surface),var(--shadow)}
.life-studio input,.life-studio textarea,.life-studio select{font-size:16px;min-width:0;width:100%;max-width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:inset 0 2px 5px #0002;min-height:48px}
.life-studio input[type=checkbox]{width:22px;min-height:22px;box-shadow:none;accent-color:var(--accent)}.life-studio textarea{min-height:90px;resize:vertical}.life-studio button{min-height:48px}
.studio-field{display:grid;gap:6px;margin-block:14px;font-size:14px;min-width:0}.studio-field>span{font-weight:650}.studio-field .hv-field{width:100%;min-width:0}.studio-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-panel{padding:18px;margin-block:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#ad94f111,#72c9bd0a);box-shadow:inset 0 1px #ffffff16,0 4px 0 -1px #0001;min-width:0}.studio-panel h3{font-size:18px;margin-block:0 10px}.studio-panel p,.studio-panel li{overflow-wrap:anywhere}
.studio-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block:14px}.studio-actions>*{flex:1 1 160px;min-width:0}.studio-hint{font-size:13px;color:var(--muted);line-height:1.65}.studio-warning{border-inline-start:3px solid var(--error);padding-inline-start:12px;color:var(--error)}
.studio-check{display:flex;align-items:flex-start;gap:10px;margin-block:14px;font-size:14px}.studio-check input{flex:0 0 22px;margin-top:2px}.studio-check span{overflow-wrap:anywhere}
.studio-preview{border-color:var(--studio-violet);background:linear-gradient(135deg,#ab8df721,#80d3bd12)}.studio-preview ol{padding-left:22px}.studio-preview li{margin-block:10px}
.studio-pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:12px;margin:3px}.studio-metric{font-size:clamp(32px,5vw,54px);font-variant-numeric:tabular-nums;line-height:1.2;color:var(--accent);margin-block:14px}
.studio-line{padding:14px;border-radius:14px;background:var(--bg);margin-block:8px;white-space:pre-wrap;overflow-wrap:anywhere}.studio-line.helper{background:#ad94f11c;border:1px solid #b49be638}
.studio-source{border-left:3px solid var(--accent);padding:10px 14px;white-space:pre-wrap;font-size:14px}.studio-card-editor{border:1px solid var(--line);border-radius:16px;padding:14px;margin-block:12px;min-width:0}.studio-card-editor legend{font-weight:700;font-size:14px;padding-inline:6px}
.studio-room-stage{position:relative;width:100%;aspect-ratio:1.25;min-height:260px;max-height:560px;background:radial-gradient(ellipse at top,#98b9cd22,#ad9be211),var(--bg);border:1px solid var(--line);border-radius:20px;overflow:hidden}.studio-room-stage canvas{width:100%;height:100%;display:block;touch-action:none}.studio-room-stage:focus-visible{outline:3px solid var(--accent)}
.studio-room-status{position:absolute;left:12px;right:12px;top:10px;font-size:12px;pointer-events:none;background:var(--panel);border-radius:10px;padding:4px 8px;opacity:.9}.studio-room-stage .room-canvas{position:absolute;inset:0}
.studio-step{border:1px solid var(--line);padding:12px;border-radius:14px;margin-block:12px;min-width:0}.studio-tools{display:flex;gap:8px;flex-wrap:wrap}.studio-tools button{flex:1;min-width:48px}
.life-studio dialog{max-width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}
.life-studio dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}.life-studio .notice:empty{display:none}.studio-error{color:var(--error);white-space:pre-wrap;overflow-wrap:anywhere}.studio-empty{padding-block:50px;text-align:center}.studio-empty .studio-icon{margin:auto auto 20px;width:70px;height:70px;font-size:42px}
.life-studio .record-item{border-radius:12px;border:1px solid var(--line);background:var(--panel);margin-block:10px}.studio-savebar{position:static;border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.studio-progress{font-size:12px;color:var(--muted)}
@media(max-width:900px){.life-studio .mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.life-studio .studio-grid{grid-template-columns:1fr}.life-studio .library{display:grid;grid-template-columns:1fr auto;gap:8px}.life-studio #studio-list{grid-column:1/-1;display:flex;gap:8px;overflow:auto;max-height:180px}.life-studio .record-item{flex:0 0 190px}.life-studio .library>.section-heading{margin:0}}
@media(max-width:540px){.life-studio main{padding-inline:16px}.life-studio .masthead{padding:16px}.life-studio .intro{padding-block:26px 20px;gap:8px}.studio-orbit{width:90px;height:90px;flex:0 0 90px}.studio-orbit img{width:70px;height:70px}.life-studio .mode-grid{display:flex;overflow:auto;scroll-snap-type:x proximity;padding:4px 0 14px;margin-bottom:16px;gap:10px}.life-studio .mode-card{flex:0 0 160px;min-height:145px;scroll-snap-align:start;padding:14px}.life-studio .editor{padding:16px;border-radius:20px}.studio-row.three{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-panel{padding:13px}.studio-actions>*{flex-basis:130px}.studio-room-stage{min-height:240px}.life-studio h1{letter-spacing:-2px}.life-studio .intro .caption{font-size:13px}.studio-check{font-size:13px}.studio-step{padding:10px}}
@media(prefers-reduced-motion:reduce){.life-studio *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.life-studio .editor label.studio-check{display:flex;font-weight:400}.studio-metric strong{display:block}.studio-metric span{display:block;font-size:14px;color:var(--muted);margin-top:8px}
@media(max-width:900px){.life-studio .studio-grid{display:grid}.life-studio .library{order:0}.life-studio .library>#studio-new{align-self:center}}