:root{color-scheme:light;--ink: #3b2a23;--ink-strong: #261c18;--text: #fff8e8;--paper: #fff4d8;--paper-soft: rgba(255, 244, 216, .88);--paper-line: rgba(103, 76, 52, .2);--muted: rgba(76, 53, 40, .7);--leaf: #88b982;--mint: #a9d7c2;--sky: #86c8d5;--honey: #f0b45d;--peach: #e38970;--rose: #d98aa3;--wood: #7b5338;--panel-shadow: rgba(32, 23, 18, .28);--focus-ring: rgba(134, 200, 213, .46);--wallpaper-filter: saturate(.92) brightness(.94) sepia(.04)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--ink-strong)}body{width:100%;min-height:100dvh;margin:0;overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--ink-strong);letter-spacing:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,summary:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}a{color:inherit;text-decoration:none}main{position:relative;z-index:1;min-height:100dvh}.noscript{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;padding:16px;border-radius:8px;background:var(--ink-strong);color:var(--text)}.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}.wallpaper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;overflow:hidden;background:#241b18}.wallpaper img,#ambientCanvas,.decor-layer,.wallpaper-shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wallpaper img{object-fit:cover;filter:var(--wallpaper-filter);transform:scale(1.018)}#ambientCanvas{z-index:1;opacity:.5}.decor-layer{z-index:2;pointer-events:none}.decor-layer-desk,.decor-layer-floor{z-index:3}.decor-token{position:absolute;display:grid;place-items:center;width:clamp(42px,5vw,68px);aspect-ratio:1;border:2px solid rgba(255,244,216,.58);border-radius:8px;background:#fff4d833;box-shadow:0 12px 30px #1a120e3d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.decor-token:before,.item-art:before,.capsule-orb:before{content:attr(data-art);display:grid;place-items:center;font-size:1.6rem;line-height:1}.decor-token[data-slot=window]{top:23%;right:16%}.decor-token[data-slot=desk]{right:30%;bottom:20%}.decor-token[data-slot=floor]{right:12%;bottom:12%}.wallpaper-shade{z-index:4;background:linear-gradient(90deg,#18131033,#18131003 44%,#18131038),linear-gradient(180deg,#18131038,#18131014 34%,#181310ad)}body[data-scene=dawn]{--wallpaper-filter: saturate(.96) sepia(.13) hue-rotate(-8deg) brightness(1)}body[data-scene=midnight]{--wallpaper-filter: saturate(.84) hue-rotate(10deg) brightness(.8)}.topbar{position:fixed;top:18px;left:24px;right:24px;z-index:20;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand,.top-actions,.button-row,.toggle-row,.scene-swatches,.room-stamps{display:flex;align-items:center}.brand{gap:9px;color:#fff8e8d6;font-size:.9rem;font-weight:800;pointer-events:auto;text-shadow:0 10px 28px rgba(18,13,10,.32)}.brand-mark{width:15px;height:15px;border:2px solid rgba(255,244,216,.8);border-radius:50%;background:linear-gradient(145deg,var(--mint),var(--honey) 55%,var(--peach));box-shadow:0 0 18px #f0b45d47}.top-actions{gap:8px;pointer-events:auto}.studio{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(340px,420px);align-items:end;gap:clamp(24px,5vw,72px);width:100%;min-height:100dvh;padding:78px clamp(18px,5vw,72px) 22px}.studio>*,.focus-corner,.mini-dock,.panel,.segmented,.button-row,.track-card,.range-control{min-width:0}.room-note{position:relative;align-self:end;max-width:390px;margin-bottom:clamp(10px,3vh,28px);padding:15px 17px 14px;border:2px solid rgba(255,244,216,.62);border-radius:8px;background:linear-gradient(180deg,#fff4d8e6,#ffecc1d6);color:var(--ink);box-shadow:0 20px 60px var(--panel-shadow);transform:rotate(-.45deg)}.room-note:before{content:"";position:absolute;top:-13px;left:28px;width:74px;height:22px;border:1px solid rgba(255,244,216,.7);border-radius:4px;background:#86c8d5a3;box-shadow:0 6px 18px #1c141029;transform:rotate(-4deg)}.room-ribbon{display:inline-flex;margin:0 0 9px;padding:5px 9px;border-radius:8px;background:#88b98238;color:#45613e;font-size:.72rem;font-weight:900}.studio h1{max-width:360px;margin:0 0 9px;color:var(--ink-strong);font-size:clamp(1.9rem,4vw,3.35rem);line-height:1;letter-spacing:0;overflow-wrap:anywhere}.intro{max-width:330px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.5;overflow-wrap:anywhere}.room-stamps{flex-wrap:wrap;gap:7px;margin-top:14px}.room-stamps span{padding:5px 8px;border:1px dashed rgba(123,83,56,.34);border-radius:8px;background:#ffffff47;color:#3b2a23bf;font-size:.72rem;font-weight:850}.focus-corner{display:grid;gap:12px;align-self:end;width:100%}.mini-dock{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-settings{position:relative;grid-column:1 / -1;color:var(--ink)}.room-settings summary{display:flex;align-items:center;justify-content:center;min-height:40px;border:1px solid rgba(255,244,216,.46);border-radius:8px;background:#fff4d8d1;color:var(--ink);cursor:pointer;font-weight:900;list-style:none;box-shadow:0 14px 36px #18100c2e}.room-settings summary::-webkit-details-marker{display:none}.room-settings[open] summary{border-color:#f0b45dc2}.room-settings .wallpaper-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:min(420px,calc(100vw - 36px));z-index:10}body.is-zen .topbar,body.is-zen .room-note,body.is-zen .mini-dock,body.is-zen .collection-drawer{opacity:0;pointer-events:none}body.is-zen .studio{grid-template-columns:minmax(280px,430px);justify-content:end}.ghost-action,.primary-action,.secondary-action,.segmented button,.upload-button,.filter-control select{min-height:38px;border:1px solid rgba(255,244,216,.46);border-radius:8px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,opacity .16s ease}.ghost-action,.secondary-action,.segmented button,.upload-button,.filter-control select{background:#fff4d8cc;color:var(--ink)}.ghost-action{min-height:34px;padding:0 12px;color:#fff8e8d1;background:#261c1742;border-color:#fff4d83d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ghost-action:hover,.secondary-action:hover,.segmented button:hover,.upload-button:hover{border-color:#f0b45db8;background:#fff4d8f2}.panel{position:relative;border:2px solid rgba(255,244,216,.58);border-radius:8px;background:var(--paper-soft);box-shadow:0 22px 64px var(--panel-shadow);color:var(--ink);padding:16px}.timer-panel{overflow:hidden;border-color:#fff4d8bd;background:linear-gradient(180deg,#fff8e8f2,#ffecc1e6),var(--paper)}.timer-panel:after{content:"";position:absolute;inset:auto 18px 12px;height:1px;background:linear-gradient(90deg,transparent,rgba(123,83,56,.26),transparent)}.compact-panel{padding:11px}.mini-dock .panel-heading{margin-bottom:8px}.mini-dock .panel h2{font-size:.92rem}.mini-dock .session-count,.mini-dock .capsule-count,.mini-dock .track-bpm{font-size:.72rem}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.panel-kicker{margin:0;color:#5f7e56;font-size:.7rem;font-weight:900}.eyebrow{margin:0;color:#5f7e56;font-size:.72rem;font-weight:900}.panel h2,.drawer-heading h2,.collection-item h3{margin:0;letter-spacing:0}.panel h2{margin-top:3px;color:var(--ink-strong);font-size:1.02rem}.session-count,.capsule-count,.track-bpm{flex:0 0 auto;color:#3b2a23a3;font-size:.78rem}.timer-ring{--progress: 0deg;display:grid;place-items:center;width:min(176px,54vw);aspect-ratio:1;margin:2px auto 13px;border:8px solid rgba(255,255,255,.44);border-radius:50%;background:radial-gradient(circle at center,rgba(255,248,232,.96) 0 57%,transparent 58%),conic-gradient(var(--honey) var(--progress),rgba(123,83,56,.14) 0);box-shadow:inset 0 0 34px #f0b45d24,0 18px 42px #62442a2e}.timer-ring span{display:block;color:var(--ink-strong);font-size:clamp(2.45rem,4.5vw,3.15rem);font-weight:900;line-height:1}.timer-ring small{display:block;margin-top:-38px;color:#3b2a239e;font-weight:850}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:9px}.segmented button{min-height:36px;font-weight:850}.segmented button.is-active,.scene-swatches button.is-active{border-color:#e38970d1;background:#e3897038;color:var(--ink-strong)}.button-row{gap:9px}.button-row.compact{display:grid;grid-template-columns:36px 1fr 36px}.primary-action,.secondary-action{width:100%;padding:0 13px;font-weight:900}.primary-action{border-color:#7b533838;background:linear-gradient(180deg,#f7c874,#eaa75a);color:#2d211b;box-shadow:inset 0 1px #ffffff6b}.primary-action:hover{transform:translateY(-1px);background:linear-gradient(180deg,#ffd388,#efb368)}.primary-action:disabled{cursor:not-allowed;border-color:#7b533824;background:#7b53381a;color:#3b2a236b;transform:none}.secondary-action.square{padding:0;font-size:1.1rem}.track-card,.capsule-stage{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;min-height:54px;margin-bottom:11px}.mini-dock .track-card,.mini-dock .capsule-stage{grid-template-columns:40px minmax(0,1fr);min-height:44px;margin-bottom:8px}.record,.capsule-orb,.item-art{display:grid;place-items:center;aspect-ratio:1;border-radius:8px}.record{width:46px;border-radius:50%;background:radial-gradient(circle,var(--rose) 0 10%,#fff6de 11% 18%,#34241d 19% 64%,rgba(255,246,222,.42) 65% 69%,#251b17 70%);box-shadow:inset 0 0 14px #ffffff14,0 12px 24px #3a241933}.mini-dock .record,.mini-dock .capsule-orb{width:40px}.record span{width:10px;aspect-ratio:1;border-radius:50%;background:var(--rose)}.record.is-playing{animation:spin 3.2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.capsule-orb{width:46px;border-radius:50%;background:radial-gradient(circle at 36% 32%,rgba(255,255,255,.95) 0 8%,transparent 9%),linear-gradient(145deg,var(--mint),var(--honey) 58%,var(--peach));box-shadow:0 14px 30px #f0b45d33}.capsule-orb:before{content:"?";color:#2c1f15;font-weight:900}.capsule-stage.has-drop .capsule-orb:before{content:attr(data-art)}.track-title,.drop-name{margin:0 0 2px;color:var(--ink-strong);font-size:.9rem;font-weight:900;overflow-wrap:anywhere}.track-meta,.drop-lore{display:-webkit-box;margin:0;overflow:hidden;color:#3b2a23a8;font-size:.78rem;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mini-dock .track-meta,.mini-dock .drop-lore{-webkit-line-clamp:1}.range-control{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin-top:10px;color:#3b2a23ad;font-size:.82rem}.mini-dock .range-control{grid-template-columns:32px minmax(0,1fr);margin-top:7px}input[type=range]{width:100%;accent-color:var(--honey)}.scene-swatches{gap:8px;margin-bottom:11px}.swatch{width:34px;height:34px;border:1px solid rgba(123,83,56,.22);border-radius:8px}.swatch.rain{background:linear-gradient(135deg,#40504b,#a9d7c2 58%,#f0b45d)}.swatch.dawn{background:linear-gradient(135deg,#765143,#e38970 56%,#fff4d8)}.swatch.midnight{background:linear-gradient(135deg,#2c2728,#4c7480 60%,#a9d7c2)}.toggle-row{justify-content:space-between;gap:10px;margin-top:12px}.toggle-row label{display:flex;align-items:center;gap:7px;color:#3b2a23b3;font-size:.82rem}.upload-button{justify-content:center;min-height:32px;padding:6px 10px}.toast{position:fixed;left:50%;bottom:22px;z-index:40;min-width:240px;max-width:min(420px,calc(100vw - 32px));padding:12px 15px;border:1px solid rgba(240,180,93,.5);border-radius:8px;background:#fff4d8f0;box-shadow:0 18px 50px #0000003d;color:var(--ink);transform:translate(-50%,120%);opacity:0;transition:opacity .18s ease,transform .18s ease}.toast.is-visible{transform:translate(-50%);opacity:1}.collection-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none}.collection-drawer.is-open{pointer-events:auto}.drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0c0a00;transition:background .18s ease}.collection-drawer.is-open .drawer-backdrop{background:#0f0c0a57}.drawer-panel{position:absolute;top:18px;right:18px;bottom:18px;width:min(460px,calc(100vw - 36px));display:flex;flex-direction:column;border:2px solid rgba(255,244,216,.72);border-radius:8px;background:#fff4d8f0;box-shadow:0 26px 90px #00000047;color:var(--ink);padding:18px;transform:translate(calc(100% + 28px));transition:transform .19s ease}.collection-drawer.is-open .drawer-panel{transform:translate(0)}.drawer-heading,.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.drawer-heading{margin-bottom:18px}.drawer-heading h2{margin-top:4px;font-size:1.32rem}.collection-toolbar{margin-bottom:14px}.collection-toolbar strong{display:block;color:#9b6737;font-size:1.18rem}.collection-toolbar span,.filter-control span{color:#3b2a23a8;font-size:.8rem}.filter-control{display:flex;align-items:center;gap:8px}.room-picker{justify-content:space-between;margin-bottom:12px}.filter-control select{min-width:120px;padding:0 10px}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;overflow-y:auto;padding-right:2px;scrollbar-width:thin;scrollbar-color:rgba(240,180,93,.58) rgba(123,83,56,.12)}.collection-item{min-height:162px;border:1px dashed rgba(123,83,56,.24);border-radius:8px;background:#ffffff57;padding:12px}.item-art{width:48px;margin-bottom:11px;background:#a9d7c247;border:1px solid rgba(88,132,101,.22)}.collection-item.is-locked .item-art{filter:brightness(0) contrast(100%) opacity(.28)}.collection-item h3{margin-bottom:7px;color:var(--ink-strong);font-size:.92rem;line-height:1.25}.collection-item p{margin:0;color:#3b2a23a8;font-size:.78rem;line-height:1.45}.item-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.item-meta span{padding:3px 6px;border-radius:8px;background:#7b53381f;color:#3b2a23a3;font-size:.68rem;font-weight:900;text-transform:uppercase}.item-meta .rarity-rare,.item-meta .rarity-epic,.item-meta .rarity-legendary{color:#9b6737}@media(max-width:1080px){.studio{grid-template-columns:minmax(260px,.66fr) minmax(340px,400px);gap:24px}.mini-dock{grid-template-columns:1fr}}@media(max-width:760px){.topbar{top:14px;left:16px;right:16px}.brand span:last-child{max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio{grid-template-columns:1fr;align-items:stretch;gap:14px;width:100%;min-height:100dvh;padding:70px 14px 18px}.room-note{align-self:start;max-width:min(350px,calc(100vw - 28px));margin:0;padding:14px 15px 13px}.studio h1{max-width:min(320px,calc(100vw - 52px));font-size:clamp(2rem,10vw,2.75rem)}.intro{max-width:310px;font-size:.92rem;line-height:1.55}.focus-corner{align-self:end}.panel{width:100%;padding:14px}.timer-ring{width:min(190px,58vw);margin-bottom:12px}.timer-ring small{margin-top:-43px}.mini-dock{display:none}.button-row:not(.compact){flex-direction:column}.drawer-panel{inset:auto 10px 10px;top:58px;width:auto;padding:14px}.collection-grid{grid-template-columns:1fr}}@media(max-width:420px){.top-actions .ghost-action:last-child{display:none}.ghost-action{min-height:32px;padding:0 9px;font-size:.82rem}.segmented{gap:7px}.room-stamps span{font-size:.68rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}