@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap";:root{--ink:#1f2937;--muted:#667085;--paper:#fff8f0;--surface-raised:#fffcf8;--line:#ded8cf;--blue:#0f7779;--sky:#d9efeb;--navy:#172b34;--soft:#f4eee6;--brand-memory:#e76f78;--brand-memory-soft:#fce2e1;--accent-apricot:#d98b5f;--shadow-soft:0 18px 44px #1f293714;--font-reading:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--font-technical:"JetBrains Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-reading);margin:0}::selection{background:var(--brand-memory-soft);color:var(--navy)}.studio-home{color:var(--ink);background:var(--paper);font-family:var(--font-reading);overflow:hidden}.studio-header{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafceb;align-items:center;gap:28px;height:76px;padding:0 clamp(20px,4vw,72px);display:flex;position:sticky;top:0}.studio-logo{color:var(--ink);letter-spacing:0;gap:7px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.studio-logo b{background:var(--ink);color:#fff;padding:2px 5px}.studio-header nav{gap:30px;margin-left:auto;display:flex}.studio-header nav a{color:var(--muted);font-size:12px;font-weight:700;text-decoration:none;transition:color .2s}.header-cta.MuiButton-root{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:0;gap:7px;min-height:42px;padding:0 15px;font-family:inherit;font-size:12px}.mobile-menu,.mobile-navigation{display:none!important}.studio-hero{border-bottom:1px solid var(--line);background:var(--paper)}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);min-height:min(770px,100vh - 76px);display:grid}.hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(64px,9vw,150px) clamp(20px,8vw,128px);display:flex}.kicker{color:var(--blue);letter-spacing:.05em;margin:0;font-size:11px;font-weight:800;line-height:1.5}.hero-copy h1{letter-spacing:0;margin:38px 0 28px;font-size:clamp(54px,6.8vw,112px);font-weight:800;line-height:.92}.hero-description{color:#475467;max-width:550px;margin:0;font-size:clamp(14px,1.25vw,17px);line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:23px;margin-top:38px;display:flex}.hero-actions .MuiButton-root{background:var(--blue);border-radius:0;gap:8px;padding:15px 18px;font-family:inherit;font-size:13px}.hero-actions a{color:var(--ink);align-items:center;gap:9px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.hero-actions a span{color:var(--blue);font-size:18px}.hero-visual{border-left:1px solid var(--line);background:var(--navy);place-items:center;min-height:620px;display:grid;position:relative;overflow:hidden}.hero-visual:before{opacity:.5;content:"";background-image:linear-gradient(#b9e8ff21 1px,#0000 1px),linear-gradient(90deg,#b9e8ff21 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.visual-topline{z-index:2;color:#b9e8ff;letter-spacing:.08em;justify-content:space-between;font-size:10px;font-weight:700;display:flex;position:absolute;top:27px;left:30px;right:30px}.device-frame{z-index:1;background:#dceeff;border:1px solid #b9e8ff99;width:min(34vw,430px);min-width:310px;padding:20px 20px 17px;position:relative;box-shadow:18px 18px #00000047}.device-speaker{gap:4px;height:20px;padding-left:4px;display:flex}.device-speaker i{background:#1c4872;width:3px;height:12px;transform:skew(-18deg)}.pixel-stage{aspect-ratio:1.12;background:#92d8fb;border:9px solid #1c4872;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #5ca5d4}.pixel-stage img{z-index:2;width:62%;image-rendering:pixelated;position:relative}.pixel-stage .ghost-pet{opacity:.16;filter:grayscale();width:110%;position:absolute;transform:translate(26%,20%)scale(1.2)}.device-controls{color:#1c4872;justify-content:space-between;align-items:center;padding-top:16px;font-size:8px;font-weight:800;display:flex}.device-controls b{font-size:21px;line-height:1}.floating-tag{z-index:2;color:#d9f5ff;letter-spacing:.03em;background:#071220e0;border:1px solid #b9e8ffb3;padding:11px 13px;font-size:10px;font-weight:700;line-height:1.5;position:absolute}.tag-one{top:25%;left:clamp(20px,5vw,82px)}.tag-two{bottom:18%;right:clamp(18px,4vw,72px)}.reveal-on-scroll{opacity:0;transition:opacity .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s), transform .65s cubic-bezier(.22,1,.36,1) var(--reveal-delay,0s);transform:translateY(28px)}.reveal-on-scroll.is-visible{opacity:1;transform:none}.device-float{animation:6s ease-in-out infinite device-float}.pet-breathe{animation:2.4s ease-in-out infinite pet-breathe}.tag-float-one{animation:3.4s ease-in-out infinite tag-float-one}.tag-float-two{animation:3.8s ease-in-out .5s infinite tag-float-two}@keyframes device-float{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-10px)rotate(1.5deg)}}@keyframes pet-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes tag-float-one{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes tag-float-two{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero-ticker{border-top:1px solid var(--line);color:#475467;letter-spacing:.05em;white-space:nowrap;gap:35px;padding:16px 5vw;font-size:10px;font-weight:700;display:flex;overflow:hidden}.hero-ticker span:before{color:var(--blue);content:"✦";margin-right:35px}.manifesto{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1.2fr .8fr;gap:clamp(40px,8vw,140px);padding:clamp(80px,12vw,180px) clamp(20px,8vw,128px);display:grid}.manifesto h2,.section-heading h2,.shell-copy h2,.contact-band h2{letter-spacing:0;margin:24px 0 0;font-size:clamp(42px,5.25vw,84px);font-weight:800;line-height:.94}.manifesto-copy{align-self:end;max-width:480px}.manifesto-copy p{color:#475467;margin:0 0 28px;font-size:14px;line-height:1.9}.manifesto-copy a{color:var(--ink);text-underline-offset:6px;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.case-section{background:var(--soft);padding:clamp(76px,10vw,145px) clamp(20px,8vw,128px)}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:72px;display:flex}.section-heading>div{max-width:900px}.section-heading>p{color:var(--muted);margin:0 0 7px;font-size:11px;line-height:1.8}.case-list{border-top:1px solid #b9c8d8}.case-card{color:var(--ink);border-bottom:1px solid #b9c8d8;grid-template-columns:72px minmax(0,1fr) 40px;align-items:center;gap:25px;padding:34px 0;text-decoration:none;transition:color .25s,background .25s;display:grid}.case-card:hover{background:var(--blue);color:#fff}.case-card>span,.case-card>div{transition:transform .25s}.case-card:hover>span,.case-card:hover>div,.case-card:focus-visible>span,.case-card:focus-visible>div{transform:translate(22px)}.case-card>span{color:var(--blue);align-self:start;font-size:12px;font-weight:800}.case-card:hover>span{color:#fff}.case-card small{color:var(--muted);font-size:10px;font-weight:700}.case-card h3{letter-spacing:0;margin:14px 0 10px;font-size:clamp(25px,3vw,48px);line-height:1}.case-card p{color:#475467;max-width:610px;margin:0;font-size:13px;line-height:1.75}.case-arrow{justify-self:end;transition:transform .25s}.case-card:hover .case-arrow{transform:translate(5px,-5px)}.production-section{background:#fff;grid-template-columns:.93fr 1.07fr;display:grid}.shell-image{background:#bddff2;min-height:650px;overflow:hidden}.shell-image img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .7s;transform:scale(1.02)}.shell-image:hover img{transform:scale(1.08)}.shell-copy{padding:clamp(64px,9vw,150px) clamp(25px,8vw,126px)}.shell-copy h2{margin-bottom:48px}.shell-copy ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.shell-copy li{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr;gap:16px;padding:20px 0;display:grid}.shell-copy li>b{color:var(--blue);font-size:11px}.shell-copy li strong{font-size:13px}.shell-copy li p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.7}.contact-band{background:var(--navy);color:#fff;padding:clamp(75px,11vw,165px) clamp(20px,8vw,128px)}.contact-band .kicker{color:var(--sky)}.contact-band h2{max-width:980px;margin-bottom:45px}.contact-band a{border-bottom:2px solid var(--sky);color:#fff;align-items:center;gap:10px;padding-bottom:8px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.contact-band a:hover{color:var(--sky)}.studio-footer{color:#cdd9e7;background:#040b14;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;padding:42px clamp(20px,5vw,80px) 25px;font-size:11px;display:grid}.studio-footer .studio-logo{color:#fff}.studio-footer p{margin:14px 0 0;line-height:1.8}.studio-footer a{color:var(--sky);margin-top:12px;display:inline-block}.studio-footer small{color:#8293a8}.auth-background{background:linear-gradient(135deg,#fff,#eaf5ff);align-items:center;min-height:100vh;display:grid}.project-card{flex-direction:column;height:100%;display:flex}.project-card .MuiCardContent-root{flex:1}.empty-state{text-align:center;border:2px dashed #d0c7b8;border-radius:18px;padding:64px}.editor-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:24px;display:grid}.pet-device{background:#f06d91;border:6px solid #252525;border-radius:26px;max-width:530px;margin:auto;padding:16px;box-shadow:9px 9px #252525}.pet-slots{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.pet-screen{aspect-ratio:128/96;background:#9ed9ea;border:5px solid #252525;border-radius:11px;width:100%;height:0;min-height:0;margin:12px 0;padding:0;position:relative;overflow:hidden}.pet-slot{aspect-ratio:1;cursor:pointer;background:#fff9ee;border:4px solid #252525;border-radius:8px;padding:0;position:relative;overflow:hidden}.pet-slot:hover,.pet-screen:hover{outline-offset:2px;outline:4px solid #ffda65}.pixel-placeholder{color:#696969;background:repeating-conic-gradient(#d7d7d7 0 25%,#f5f5f5 0 50%) 50%/12px 12px;place-items:center;width:100%;height:100%;display:grid}.asset-list{max-height:450px;overflow:auto}.asset-row{border:1px solid #0000;border-radius:9px;grid-template-columns:52px 1fr 42px;align-items:center;gap:10px;padding:6px;display:grid}.asset-row.selected{background:#fff1f4;border-color:#e84d76}.asset-thumb{cursor:pointer;background:0 0;border:0;border-radius:7px;width:52px;height:52px;padding:0;overflow:hidden}.settings-dialog-paper{overflow:hidden;border-radius:10px!important}.settings-dialog{background:#fff;grid-template-columns:240px minmax(0,1fr);min-height:560px;display:grid}.settings-sidebar{background:#f7f7f5;border-right:1px solid #e6e8eb;padding:14px 10px}.settings-identity{align-items:center;gap:10px;padding:8px 8px 16px;display:flex}.settings-nav-icon{color:#5f6368;justify-content:center;align-items:center;width:28px;display:inline-flex}.settings-content{padding:28px 34px}.settings-list{border:1px solid #eceef0;border-radius:8px;overflow:hidden}.settings-row{background:#fff;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:16px 18px;display:flex}.friend-row{border-bottom:1px solid #eceef0;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;display:grid}.friend-row:last-child{border-bottom:0}.admin-page-heading{padding-left:18px;position:relative}.admin-page-heading:before{background:var(--brand-memory);content:"";border-radius:999px;width:4px;position:absolute;top:6px;bottom:4px;left:0}.admin-directory-card{position:sticky;top:92px}.admin-user-detail{position:relative}.admin-user-profile-card{position:relative;overflow:hidden;background:#fffcf8e6!important;border:1px solid #0f77792e!important;border-radius:20px!important;box-shadow:0 22px 55px #172b3417!important}.admin-user-profile-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#8fd0cc57,#d9efeb14 62%,#0000 70%);border-radius:50%;width:290px;height:290px;position:absolute;top:-110px;right:-75px}.admin-user-profile-card:after{opacity:.28;content:"";pointer-events:none;background-image:linear-gradient(#0f77791f 1px,#0000 1px),linear-gradient(90deg,#0f77791f 1px,#0000 1px);background-size:22px 22px;width:42%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.admin-user-profile-content{z-index:1;position:relative;padding:0!important}.admin-profile-hero{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:26px 28px 24px;display:grid}.admin-profile-avatar.MuiAvatar-root{background:linear-gradient(145deg,var(--blue),#315d68);color:#fff;width:66px;height:66px;font:800 20px var(--font-technical);border:5px solid #ffffffb8;box-shadow:0 12px 28px #0f777933}.admin-profile-identity .MuiTypography-overline{color:var(--blue);letter-spacing:.1em}.admin-profile-identity .MuiTypography-h4{letter-spacing:-.025em;margin-top:-2px;font-size:clamp(24px,3vw,34px);font-weight:900}.admin-profile-handle{color:var(--muted);font-family:var(--font-technical)!important;font-size:12px!important}.admin-profile-badges{justify-content:flex-end}.admin-role-chip.MuiChip-root{color:#0a5d60;background:#d9efebd1;border:1px solid #0f777933;font-weight:800}.admin-status-chip.MuiChip-root{color:var(--muted);background:#f4eee6d1;border:1px solid #6670852e;font-weight:800}.admin-status-chip.is-active.MuiChip-root{color:#267154;background:#def3e7e0;border-color:#3a8b6f33}.admin-status-chip.MuiChip-root:before{content:"";width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 14%,transparent);background:currentColor;border-radius:50%;margin-left:10px}.admin-profile-meta{background:#ffffff75;border-top:1px solid #ded8cfc7;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-profile-meta-item{border-bottom:1px solid #ded8cfa6;border-right:1px solid #ded8cfa6;grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:78px;padding:17px 22px;display:grid}.admin-profile-meta-item:nth-child(2n){border-right:0}.admin-profile-meta-item.is-wide{border-right:0;grid-column:1/-1}.admin-profile-meta-item>svg{background:var(--brand-memory-soft);color:#b84f5b;border-radius:10px;margin-top:2px;padding:7px;font-size:32px}.admin-profile-meta-item .MuiTypography-caption{color:var(--muted);margin-bottom:2px;font-weight:700;display:block}.admin-profile-meta-item .MuiTypography-body1{overflow-wrap:anywhere;font-weight:700}.admin-account-controls{background:linear-gradient(90deg,#f4eee6b8,#fffcf8d6);grid-template-columns:minmax(180px,.75fr) minmax(0,1.25fr);align-items:center;gap:24px;padding:22px 28px;display:grid}.admin-account-actions{grid-template-columns:minmax(130px,.7fr) minmax(205px,1.3fr) auto;align-items:center;gap:14px;display:grid}.admin-account-switch{background:#ffffffb8;border:1px solid #ded8cfc7;border-radius:12px;align-items:center;min-height:48px;padding:5px 10px 5px 3px;display:flex}.admin-account-switch .MuiTypography-caption{line-height:1.25;display:block}.admin-summary-card{height:100%;background:#fffcf8d1!important;border:1px solid #ded8cfbd!important;border-radius:16px!important;box-shadow:0 10px 26px #1f29370b!important}.admin-management-cards .admin-summary-card{min-height:154px}.admin-summary-card .MuiCardContent-root{grid-template-columns:auto 1fr;column-gap:12px;height:100%;display:grid;padding:20px!important}.admin-summary-card .MuiTypography-caption,.admin-summary-card .MuiTypography-h5{grid-column:2}.admin-summary-card .MuiTypography-h5{font-weight:900;line-height:1.2}.admin-summary-action.MuiButton-root{text-transform:none;grid-column:2;justify-self:start;min-width:0;margin-top:6px;padding:2px 0;font-weight:800}.admin-summary-icon{background:linear-gradient(145deg,var(--sky),#f0f8f5);width:38px;height:38px;color:var(--blue);border-radius:12px;grid-row:1/4;place-items:center;display:grid}.admin-user-list{border-block:1px solid var(--line);max-height:520px;overflow:auto}.admin-user-list .MuiListItemButton-root{border-bottom:1px solid #ded8cfa6;gap:8px;padding-inline:10px}.admin-user-list .MuiListItemButton-root:last-child{border-bottom:0}.admin-filter-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.admin-project-list{scrollbar-color:#0f77794d transparent;max-height:360px;padding-right:4px;overflow:auto}.admin-projects-workspace .MuiDialog-paper{background:var(--surface-raised);border-radius:22px;height:min(680px,100vh - 48px);overflow:hidden}.admin-projects-workspace-title{background:linear-gradient(115deg,#fffcf8fa,#d9efeb8f);padding:20px 24px!important}.admin-projects-workspace-title .admin-section-heading{flex-wrap:nowrap}.admin-projects-workspace-title .MuiTypography-h5{font-weight:900}.admin-projects-workspace-actions{align-items:center;gap:8px;display:flex}.admin-projects-workspace-content{overflow:hidden;padding:18px 22px!important}.admin-projects-workspace-content .admin-project-list{height:100%;max-height:none}.admin-project-row{background:#ffffff8f;border:1px solid #ded8cfb8;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:15px 16px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.admin-project-row:hover{border-color:#0f777966;transform:translateY(-1px);box-shadow:0 10px 24px #1f29370e}.admin-project-copy{min-width:0}.admin-project-copy .MuiTypography-body2,.admin-project-copy .MuiTypography-caption{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-project-export-dialog .MuiDialog-paper{background:var(--surface-raised);border-radius:22px;max-height:min(720px,100vh - 48px);overflow:hidden}.admin-project-export-title{background:linear-gradient(115deg,#fffcf8fa,#d9efeb8f);justify-content:space-between;align-items:center;gap:20px;display:flex;padding:20px 24px!important}.admin-project-export-heading{align-items:center;gap:14px;min-width:0;display:flex}.admin-project-export-heading .MuiTypography-overline{color:var(--blue);letter-spacing:.1em;line-height:1.2}.admin-project-export-heading .MuiTypography-h5{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.admin-project-export-content{min-height:300px;overflow:auto;padding:22px 24px!important}.admin-project-export-content>.MuiBox-root{margin-top:0}.admin-project-export-loading{text-align:center;min-height:255px}.admin-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.admin-section-icon{background:var(--sky);width:44px;height:44px;color:var(--blue);border-radius:13px;flex:0 0 44px;place-items:center;display:grid}.admin-quota-card{overflow:hidden;background:linear-gradient(135deg,var(--surface-raised),#d9efeb85)!important;border:1px solid #0f777933!important;border-radius:18px!important;box-shadow:0 14px 34px #0f777911!important}.admin-quota-metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.admin-quota-metrics>div{background:#ffffff8f;border:1px solid #0f77792b;border-radius:10px;padding:12px 14px}.admin-quota-editor{grid-template-columns:minmax(180px,280px) auto;align-items:start;gap:12px;padding-top:2px;display:grid}.admin-asset-filters{grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,1fr));gap:10px;display:grid}.admin-content-panel{background:#fffcf8db!important;border:1px solid #ded8cfc2!important;border-radius:18px!important;box-shadow:0 14px 34px #1f29370d!important}.admin-assets-workspace .MuiDialog-paper{background:var(--surface-raised);border-radius:22px;width:min(1440px,100vw - 48px);height:min(880px,100vh - 48px);max-height:none;overflow:hidden}.admin-assets-workspace-title{background:linear-gradient(115deg,#fffcf8fa,#d9efeb8f);justify-content:space-between;align-items:center;gap:24px;display:flex;padding:20px 24px!important}.admin-assets-workspace-title .MuiTypography-h5{font-weight:900}.admin-assets-workspace-status{align-items:center;gap:10px;display:flex}.admin-assets-workspace-content{min-height:0;padding:18px 22px!important;overflow:hidden!important}.admin-assets-workspace-layout{height:100%;min-height:0}.admin-assets-result-bar{align-items:center;min-height:22px;display:flex}.admin-assets-grid-scroll{scrollbar-color:#0f777961 transparent;flex:auto;min-height:0;padding:2px 6px 12px 2px;overflow:auto}.admin-assets-workspace .admin-pagination-row{border-top:1px solid #ded8cfb8;flex:none;padding-top:12px}.admin-asset-card{background:#fff;border:1px solid #e1e8ef;border-radius:12px;min-width:0;height:100%;padding:10px;transition:border-color .2s,box-shadow .2s,transform .2s}.admin-asset-card:hover{border-color:#0f77798c;transform:translateY(-2px);box-shadow:0 12px 30px #1f293714}.admin-asset-card.is-quarantined{background:#fff8f1;border-color:#d98b5fa6}.admin-asset-preview{margin-bottom:12px;position:relative}.admin-asset-preview img{aspect-ratio:16/10;object-fit:contain;background:#f3f6f9;border-radius:8px;width:100%;display:block}.admin-asset-preview .MuiChip-root{position:absolute;top:8px;right:8px;box-shadow:0 4px 14px #1f293724}.admin-pagination-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.admin-empty-state{border:1px dashed var(--line);text-align:center;border-radius:12px;padding:36px 20px}@media (width<=900px){.hero-grid,.production-section,.manifesto{grid-template-columns:1fr}.hero-copy{min-height:610px}.hero-visual{border-top:1px solid var(--line);border-left:0;min-height:590px}.manifesto-copy{align-self:auto}.section-heading{display:block}.section-heading>p{margin-top:24px}.shell-image{min-height:430px}.studio-footer{grid-template-columns:1fr 1fr}.studio-footer small{grid-column:1/-1}}@media (width<=720px){.studio-header{height:64px}.studio-header nav,.header-cta{display:none}.mobile-menu{margin-left:auto;display:inline-flex!important}.mobile-navigation{z-index:29;border-bottom:1px solid var(--line);background:#fff;grid-template-columns:1fr 1fr;max-height:0;transition:max-height .25s;position:fixed;top:64px;left:0;right:0;overflow:hidden;display:grid!important}.mobile-navigation.is-open{max-height:190px}.mobile-navigation a,.mobile-navigation .MuiButton-root{border:0;border-bottom:1px solid var(--line);min-height:60px;color:var(--ink);background:#fff;border-radius:0;justify-content:space-between;align-items:center;padding:0 20px;font:700 12px JetBrains Mono,monospace;text-decoration:none;display:flex}.mobile-navigation .MuiButton-root{background:var(--blue);color:#fff;grid-column:1/-1}.hero-grid{min-height:auto}.hero-copy{min-height:540px;padding:65px 24px}.hero-copy h1{margin:30px 0 22px;font-size:clamp(48px,13vw,72px)}.hero-visual{min-height:430px}.device-frame{width:min(72vw,350px);min-width:0}.floating-tag{font-size:8px}.tag-one{left:18px}.tag-two{right:18px}.visual-topline{top:18px;left:18px;right:18px}.hero-ticker{padding-inline:24px}.manifesto,.case-section,.shell-copy,.contact-band{padding-left:24px;padding-right:24px}.manifesto{gap:44px}.case-section{padding-top:70px;padding-bottom:70px}.case-card{grid-template-columns:35px 1fr;gap:14px;padding:27px 0}.case-arrow{display:none!important}.case-card h3{font-size:28px}.shell-image{min-height:320px}.studio-footer{grid-template-columns:1fr;gap:14px}.studio-footer small{grid-column:auto}.contact-band h2{font-size:clamp(42px,11vw,64px)}}:focus-visible{outline-offset:3px;outline:3px solid #0f77796b}a{text-underline-offset:.2em}.MuiTypography-overline,.kicker,.visual-topline,.floating-tag,.hero-ticker,.device-controls,.shell-copy li>b,.studio-footer small{font-family:var(--font-technical)}#root>.MuiBox-root{background-color:var(--paper)}.MuiDrawer-paper{background:var(--navy)!important;color:#f8faf8!important;border-right:1px solid #ffffff1a!important}.MuiDrawer-paper .MuiDivider-root{border-color:#ffffff1a}.MuiDrawer-paper .MuiTypography-caption{color:#a9bdc0!important}.MuiDrawer-paper .MuiListItemIcon-root{color:#9fb8ba;min-width:42px}.MuiDrawer-paper .MuiListItemButton-root{color:#dce8e8;border-radius:9px;margin:3px 0}.MuiDrawer-paper .MuiListItemButton-root:hover{color:#fff;background:#d9efeb1a}.MuiDrawer-paper .MuiListItemButton-root:hover .MuiListItemIcon-root{color:#8fd0cc}.MuiDrawer-paper .MuiListItemButton-root.Mui-selected{color:#fff;background:#0f77796b;box-shadow:inset 3px 0 #8fd0cc}.MuiDrawer-paper .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root{color:#bce5e1}.MuiDrawer-paper .MuiListItemButton-root.Mui-selected:hover{background:#0f777985}.MuiDrawer-paper .MuiButton-root{color:#9ed5d1}.MuiAppBar-root{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffcf8eb!important}.MuiCard-root{background-color:var(--surface-raised)}.MuiDialog-paper{border:1px solid var(--line);box-shadow:0 26px 70px #1f29372e!important}.MuiTooltip-tooltip{background:var(--navy)!important;font-size:12px!important}.MuiDataGrid-root{--DataGrid-containerBackground:#f4eee6;border-color:var(--line)!important}.MuiDataGrid-columnHeaders{font-family:var(--font-technical);letter-spacing:.02em;font-size:12px}.MuiDataGrid-cell--editable{background:#0f77790b!important}.studio-header{background:#fff8f0e6;border-color:#ded8cfe6;height:78px}.studio-logo{font-family:var(--font-technical);letter-spacing:.03em;align-items:center}.brand-logo{white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.brand-logo img{object-fit:cover;border-radius:50%;width:38px;height:38px}.app-navigation h6{align-items:center;gap:9px;display:flex}.app-navigation h6:before{content:"";background:url(/logo.png) 50%/cover no-repeat;border-radius:50%;flex:0 0 38px;width:38px;height:38px}.auth-background .MuiTypography-overline{align-items:center;gap:10px;display:flex}.auth-background .MuiTypography-overline:before{content:"";background:url(/logo.png) 50%/cover no-repeat;border-radius:50%;flex:0 0 44px;width:44px;height:44px}.studio-logo b{background:var(--brand-memory);border-radius:3px}.studio-header nav a{font-family:var(--font-reading);font-size:13px}.studio-header nav a:hover{color:var(--brand-memory)}.header-cta.MuiButton-root{background:var(--blue);font-family:var(--font-reading);border:0;border-radius:999px;box-shadow:0 8px 20px #0f777933}.header-cta.MuiButton-root:hover{background:#095f61;border-color:#095f61}.studio-hero{background:var(--paper);position:relative}.studio-hero:before{content:"";background:#e76f780e;border-radius:50%;width:42vw;max-width:620px;height:42vw;max-height:620px;position:absolute;inset:0 auto auto 0;transform:translate(-38%,-42%)}.hero-copy{z-index:1;position:relative}.kicker{color:var(--brand-memory);letter-spacing:.13em}.hero-copy h1{letter-spacing:-.055em;max-width:760px;line-height:.98}.hero-copy h1 span,.manifesto h2 span,.shell-copy h2 span{color:var(--brand-memory)}.hero-description{color:#59636f;font-size:clamp(15px,1.25vw,18px)}.hero-actions .MuiButton-root{background:var(--blue);font-family:var(--font-reading);border-radius:999px;box-shadow:0 10px 24px #0f777938}.hero-actions .MuiButton-root:hover{background:#095f61}.hero-actions a span{color:var(--brand-memory)}.hero-actions>a:not(.MuiButton-root){text-underline-offset:5px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .16s,text-decoration-color .16s}.hero-actions>a:not(.MuiButton-root):hover,.hero-actions>a:not(.MuiButton-root):focus-visible{color:var(--blue);text-decoration-color:currentColor}.hero-visual{isolation:isolate;border-color:var(--line);background:radial-gradient(circle at 70% 20%,#e76f7842,#0000 26%),linear-gradient(145deg,#203b43,#12252e)}.hero-visual:before{opacity:.3;background-image:repeating-linear-gradient(0deg,#ffffff14 0 1px,#0000 1px 5px);background-size:auto}.visual-topline{color:#cbe4df}.device-frame{background:#f1b0aa;border:1px solid #ffffff94;border-radius:34px 34px 28px 28px;box-shadow:22px 24px #07181d57,0 30px 70px #07181d47}.device-speaker i{background:#8b4b4f;border-radius:999px}.pixel-stage{background:#b7d8c7;border-color:#6f464b;border-radius:17px;box-shadow:inset 0 0 0 1px #789c8a}.device-controls{color:#754348}.floating-tag{color:var(--navy);background:#fffcf8eb;border-color:#ffffff5c;border-radius:3px;box-shadow:8px 8px #07181d2e}.hero-ticker{border-color:var(--line);background:var(--surface-raised);color:#59636f}.hero-ticker span:before{color:var(--brand-memory)}.manifesto,.production-section{background:var(--surface-raised)}.manifesto h2,.section-heading h2,.shell-copy h2,.contact-band h2{letter-spacing:-.045em;line-height:1.02}.case-section{background-color:var(--soft);background-image:radial-gradient(#1f293714 .7px,#0000 .7px);background-size:7px 7px}.case-list,.case-card{border-color:#cfc6ba}.case-card:hover{background:var(--brand-memory)}.case-card>span,.shell-copy li>b{color:var(--brand-memory)}.case-card:hover p{color:#fff5f3}.case-card:hover small{color:#ffe5e1}.case-card:focus-visible{background:var(--brand-memory);color:#fff}.case-card:focus-visible>span{color:#fff}.case-card:focus-visible p{color:#fff5f3}.case-card:focus-visible small{color:#ffe5e1}.case-card:focus-visible .case-arrow{transform:translate(5px,-5px)}.shell-image{background:#e6c6b1}.shell-image img{mix-blend-mode:multiply;filter:saturate(.82)contrast(.96)}.contact-band{background:var(--navy);position:relative;overflow:hidden}.contact-band:after{aspect-ratio:1;content:"";border:1px solid #d9efeb33;border-radius:50%;width:38vw;position:absolute;bottom:-65%;right:-8%}.contact-band .kicker,.contact-band a:hover{color:#8fd0cc}.contact-band a{border-color:var(--brand-memory)}.studio-footer{background:#0e1e25}.studio-footer .studio-logo b{background:var(--brand-memory)}.studio-footer a{color:#8fd0cc}@media (width>=901px){.hero-copy{padding-inline:clamp(40px,6vw,108px)}.hero-copy h1{white-space:nowrap;font-size:clamp(54px,5.6vw,96px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on-scroll{opacity:1;transition:none;transform:none}.device-float,.pet-breathe,.tag-float-one,.tag-float-two{animation:none}.case-card,.hero-actions>a,.shell-image img{transition:none}.case-card:hover>span,.case-card:hover>div,.case-card:focus-visible>span,.case-card:focus-visible>div,.case-card:hover .case-arrow,.case-card:focus-visible .case-arrow,.shell-image:hover img{transform:none}}.auth-background{background:radial-gradient(circle at 14% 16%,#e76f7833,transparent 24rem), radial-gradient(circle at 88% 78%,#0f777929,transparent 28rem), var(--paper);position:relative;overflow:hidden}.auth-background:before{content:"";border:1px solid #e76f785c;border-radius:50% 44% 48% 52%;width:120px;height:160px;position:absolute;inset:6% auto auto 7%;transform:rotate(12deg)}.auth-background .MuiCard-root{position:relative;box-shadow:0 28px 80px #1f293721}.project-card{transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.project-card:before{background:var(--brand-memory);content:"";height:4px;position:absolute;top:0;left:0;right:0}.project-card:hover{box-shadow:var(--shadow-soft);border-color:#0f77798c;transform:translateY(-3px)}.empty-state{background:#fffcf8b8;border-color:#c8bbb0}.settings-dialog{background:var(--surface-raised)}.settings-sidebar{border-color:var(--line);background:#f4eee6}.settings-list,.settings-row,.friend-row{border-color:var(--line)}.settings-row{background:var(--surface-raised)}.settings-row:hover{background:#fff8f0}.admin-project-row,.admin-asset-card{border-color:var(--line)}.admin-asset-card{background:var(--surface-raised)}.admin-asset-card img{background:#f4eee6}.route-loading{min-height:100vh;color:var(--ink,#1f2937);align-content:center;place-items:center;gap:10px;display:grid}.route-loading--compact{min-height:50vh}.route-loading__spinner{border:3px solid #0f777933;border-top-color:var(--blue,#0f7779);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite route-loading-spin}.route-loading__label{font-size:.95rem}@keyframes route-loading-spin{to{transform:rotate(360deg)}}.deployment-overlay-fallback{z-index:2000;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.deployment-overlay-fallback__panel{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;width:min(520px,100%);padding:24px;box-shadow:0 12px 30px #1f293729}.deployment-overlay-fallback__panel h2{margin:0 0 16px;font-size:1.25rem}.deployment-overlay-fallback__panel p{margin:0 0 16px;line-height:1.6}.deployment-overlay-fallback__actions{flex-wrap:wrap;gap:8px;display:flex}.deployment-overlay-fallback__actions button{border:1px solid var(--blue);background:var(--surface-raised);min-height:40px;color:var(--blue);font:inherit;cursor:pointer;border-radius:10px;padding:8px 14px}.deployment-overlay-fallback__actions button:last-child{background:var(--blue);color:#fff}@media (width<=720px){.mobile-navigation{border-color:var(--line);background:var(--surface-raised)}.mobile-navigation a,.mobile-navigation .MuiButton-root{background:var(--surface-raised);font-family:var(--font-reading)}.mobile-navigation .MuiButton-root{background:var(--blue)}.studio-hero:before{width:80vw;height:80vw}.admin-directory-card{position:static}.admin-filter-grid,.admin-quota-metrics,.admin-quota-editor,.admin-asset-filters,.admin-account-controls,.admin-account-actions{grid-template-columns:1fr}.admin-profile-hero{grid-template-columns:auto minmax(0,1fr);padding:22px 20px}.admin-profile-badges{grid-column:1/-1;justify-content:flex-start}.admin-profile-meta{grid-template-columns:1fr}.admin-profile-meta-item,.admin-profile-meta-item:nth-child(2n){border-right:0}.admin-account-controls{padding:20px}.admin-project-row{flex-direction:column;align-items:flex-start}.admin-project-row .MuiButton-root{align-self:stretch}.admin-projects-workspace .MuiDialog-paper{border-radius:16px;width:calc(100vw - 20px);height:calc(100vh - 20px);margin:10px}.admin-projects-workspace-title{padding:16px 18px!important}.admin-projects-workspace-title .admin-section-heading{align-items:flex-start}.admin-projects-workspace-actions .MuiChip-root{display:none}.admin-projects-workspace-content{padding:14px 16px!important}.admin-project-export-dialog .MuiDialog-paper{border-radius:16px;width:calc(100vw - 20px);max-height:calc(100vh - 20px);margin:10px}.admin-project-export-title{align-items:flex-start;padding:16px 18px!important}.admin-project-export-content{min-height:0;padding:18px!important}.admin-assets-workspace .MuiDialog-paper{border-radius:16px;width:calc(100vw - 20px);height:calc(100vh - 20px);margin:10px}.admin-assets-workspace-title{align-items:flex-start;padding:16px 18px!important}.admin-assets-workspace-status .MuiChip-root{display:none}.admin-assets-workspace-content{padding:14px 16px!important}}@media (width<=480px){.admin-profile-hero{grid-template-columns:1fr}.admin-profile-avatar.MuiAvatar-root{width:56px;height:56px}}