.studio-home { --home-bg:#f7f7f8; --home-card:#fff; --home-muted:#777; --home-line:#e4e4e7; width:100%; height:100%; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; margin:auto; padding:16px 32px 48px; color:var(--foreground); }
.dark .studio-home { --home-bg:#141414; --home-card:#242424; --home-muted:#999; --home-line:#303030; }
.app-user-workspace:has(.studio-home) { background:var(--background); }
.home-create { width:100%; min-height:142px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; border:1px solid var(--home-line); border-radius:12px; background:radial-gradient(circle, var(--home-line) 1px, transparent 1px) 0 0/18px 18px,linear-gradient(180deg,var(--home-bg),var(--home-card)); cursor:pointer; }
.home-create-plus { display:grid; place-items:center; width:86px; height:52px; background:#fff; color:#171717; border:1px solid #ddd; border-radius:16px; box-shadow:0 6px 20px #0001; }
.home-create>strong { font-size:16px; }.home-create>span:last-child { font-size:12px; color:var(--home-muted); }.home-create:disabled { cursor:wait; opacity:.65; }
.dark .studio-home .home-create { background:radial-gradient(circle, #454545 1px, transparent 1px) 0 0/18px 18px,linear-gradient(180deg,#222222,#383838); border-color:#3b3b3b; }
.home-shortcuts { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:20px; padding:20px 4px 2px; }
.home-shortcuts a { display:flex; flex-direction:column; align-items:center; gap:10px; font-size:13px; text-align:center; }
.home-shortcuts a>span { display:grid; place-items:center; width:100%; max-width:98px; height:58px; background:var(--home-card); border:1px solid var(--home-line); border-radius:16px; transition:background .15s,transform .15s; }.home-shortcuts strong{font-weight:500;}
.home-shortcuts a:hover>span { transform:translateY(-2px); background:var(--home-line); }
.home-section { margin-top:26px; }.home-section>header { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }.home-section h2 { font-size:16px; font-weight:600; }.home-section header>a { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--home-muted); }
.home-recent { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.home-project { display:flex; align-items:center; gap:14px; padding:5px; border:1px solid var(--home-line); border-radius:22px; }.home-project-cover { width:88px; height:74px; display:grid; place-items:center; border-radius:18px; background:var(--home-card); color:var(--home-muted); flex-shrink:0; }.home-project>span:nth-child(2){min-width:0;flex:1;}.home-project strong { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; }.home-project small { display:block; margin-top:8px; color:var(--home-muted); font-size:12px; }.home-project>svg {margin-right:12px;color:var(--home-muted);}
.home-state {padding:24px;border:1px dashed var(--home-line);border-radius:16px;color:var(--home-muted);font-size:14px;}.home-state button {text-decoration:underline;margin-left:12px;}
.home-features { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }.home-feature {position:relative; height:150px; overflow:hidden; border-radius:10px; color:#fff; border:1px solid var(--home-line); background:#242424; }.home-feature img{width:100%;height:100%;object-fit:cover;}.home-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,#000c);}.home-feature>span{position:absolute;z-index:1;left:16px;right:16px;bottom:16px;}.home-feature strong{display:block;font-size:16px;}.home-feature small{display:block;margin-top:5px;font-size:12px;color:#ffffffb3;}.home-feature>svg{position:absolute;z-index:1;right:16px;bottom:20px;}.home-feature:hover{filter:brightness(1.08);}
.home-filters{display:flex;gap:8px;margin-bottom:18px;}.home-filters button{padding:7px 18px;border-radius:8px;color:var(--home-muted);font-size:13px;}.home-filters button[aria-pressed=true]{background:var(--home-card);color:inherit;box-shadow:inset 0 0 0 1px var(--home-line);}.home-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 16px;}.home-gallery-card{min-width:0;}.home-gallery-card>div{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:var(--home-card);}.home-gallery-card img{width:100%;height:100%;object-fit:cover;}.home-gallery-card>div>span{position:absolute;top:10px;left:10px;padding:3px 7px;border-radius:4px;background:#0008;color:#fff;font-size:11px;}.home-gallery-card>strong{display:block;margin-top:10px;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.home-gallery-card>small{display:block;margin-top:5px;color:var(--home-muted);font-size:11px;}.home-load-more{display:block;margin:28px auto 0;padding:10px 24px;border:1px solid var(--home-line);border-radius:8px;font-size:13px;}.home-gallery-note{font-size:11px;color:var(--home-muted);margin-top:24px;text-align:center;}
.home-discover{display:flex;align-items:center;gap:20px;padding:28px;background:var(--home-card);border:1px solid var(--home-line);border-radius:16px;}.home-discover>span{flex:1;}.home-discover strong{display:block;font-size:16px;}.home-discover small{display:block;margin-top:8px;color:var(--home-muted);}
.studio-home a:focus-visible,.studio-home button:focus-visible{outline:2px solid var(--foreground);outline-offset:4px;}
@media(max-width:1100px){.home-shortcuts{grid-template-columns:repeat(4,1fr);}.home-features,.home-gallery{grid-template-columns:repeat(2,1fr);}.home-recent{grid-template-columns:1fr;}}
@media(max-width:600px){.studio-home{padding:16px 16px 40px;}.home-shortcuts{gap:20px 10px;}.home-shortcuts a{font-size:12px;}.home-features{grid-template-columns:1fr;}.home-create{min-height:170px;}}
@media(prefers-reduced-motion:reduce){.home-shortcuts a>span{transition:none;}.home-shortcuts a:hover>span{transform:none;}}
.home-shortcuts button{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;text-align:center;cursor:pointer;}.home-shortcuts button>span{display:grid;place-items:center;width:100%;max-width:98px;height:58px;background:var(--home-card);border:1px solid var(--home-line);border-radius:16px;}.home-shortcuts button strong{font-weight:500;}.home-shortcuts button:hover>span{background:var(--home-line);}.home-shortcuts button:disabled{opacity:.5;cursor:wait;}.home-gallery-card{text-align:left;cursor:pointer;}.home-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;}.home-detail>img{width:100%;max-height:470px;object-fit:contain;border-radius:10px;}.home-detail h3{margin:20px 0 8px;font-weight:600;}.home-detail small{opacity:.65;}.home-detail-prompt{white-space:pre-wrap;max-height:240px;overflow-y:auto;line-height:1.8;}.home-detail a{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-top:20px;background:var(--foreground);color:var(--background);border-radius:8px;}.home-gallery-card:hover strong{text-decoration:underline;}@media(max-width:600px){.home-detail{grid-template-columns:1fr;}}
.home-create { position:relative; overflow:hidden; isolation:isolate; --home-dot-light:rgba(35,45,55,.3); }
.dark .home-create { --home-dot-light:rgba(255,255,255,.55); }
.home-create-plus,.home-create>strong { position:relative; z-index:1; }
.home-create-plus { transition:transform .15s ease; }
.home-create:hover .home-create-plus { transform:scale(1.05); }
.home-create-dots,.home-create-dots>span { position:absolute; inset:0; pointer-events:none; }
.home-create-dots>span { background:radial-gradient(circle,var(--home-dot-light) .7px,transparent 1.4px) 0 0/18px 18px; }
@property --home-ripple-radius { syntax:'<percentage>'; initial-value:0%; inherits:false; }
.home-create-ripple { mask-image:radial-gradient(circle at 50% 50%,transparent max(0px,calc(var(--home-ripple-radius) - 35px)),#000 var(--home-ripple-radius),transparent calc(var(--home-ripple-radius) + 35px)); animation:home-dot-ripple 4s cubic-bezier(.33,0,.2,1) infinite; }
.home-create-ripple-delayed { animation-delay:-2s; }
.home-create-spotlight { opacity:0; mask-image:radial-gradient(circle 120px at var(--home-pointer-x,50%) var(--home-pointer-y,50%),#000,transparent); transition:opacity .2s ease; }
.home-create:hover .home-create-spotlight { opacity:1; }
@keyframes home-dot-ripple { from { --home-ripple-radius:0%; opacity:0; } 15% { opacity:.8; } to { --home-ripple-radius:100%; opacity:0; } }
@media(prefers-reduced-motion:reduce) { .home-create-ripple { animation:none; opacity:0; } .home-create-plus,.home-create-spotlight { transition:none; } .home-create:hover .home-create-plus { transform:none; } }
.studio-home .home-project-cover { overflow:hidden; }
.studio-home .home-project-cover img { width:100%; height:100%; object-fit:cover; }
.studio-home .home-project-cover > span { width:100%; height:100%; display:grid; place-items:center; }
.studio-home .home-recent { grid-template-columns:repeat(4,minmax(0,1fr)); }
@media(max-width:1100px){.studio-home .home-recent{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.studio-home .home-recent{grid-template-columns:1fr;}}
.studio-home .home-gallery { grid-template-columns:repeat(5,minmax(0,1fr)); }
.studio-home .home-gallery-card>div { aspect-ratio:16/9; }
.studio-home .home-filters { margin-bottom:12px; }
.studio-home.studio-home .home-section { margin-top:40px; }
.studio-home.studio-home .home-section>header { min-height:32px; margin-bottom:20px; }
.studio-home .home-section h2 { margin:0; line-height:24px; }
.studio-home .home-filters button { line-height:20px; }
@media(max-width:1100px){.studio-home .home-gallery{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:600px){.studio-home .home-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}}
.studio-home { padding-top:8px; }
.studio-home.studio-home .home-create { min-height:160px; }
.studio-home.studio-home .home-shortcuts { padding-top:32px; padding-bottom:0; }
.studio-home .home-project small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.studio-home .home-section:has(.home-filters) { position:relative; }
@media(min-width:1101px) {
    .studio-home.studio-home { padding-left:40px; padding-right:40px; }
    .studio-home .home-filters { position:absolute; top:0; left:120px; margin:0; gap:4px; }
    .studio-home .home-filters button { padding:6px 12px; font-size:12px; }
    .studio-home .home-gallery { gap:24px 16px; }
}
@media(max-width:1100px) {
    .studio-home .home-section { margin-top:28px; }
    .studio-home .home-shortcuts { padding-top:24px; }
}

.app-user-workspace { --workspace-sidebar-width:240px; --workspace-sidebar-nav-width:240px; }
.app-user-workspace .app-workspace-sidebar:not(.is-collapsed),
.app-user-workspace .app-workspace-sidebar-nav:not(.is-collapsed) { width:240px !important; }
.app-user-workspace .app-workspace-sidebar:not(.is-collapsed) { flex-basis:240px !important; }
.app-user-workspace .app-workspace-sidebar { box-shadow:inset -1px 0 0 #e4e4e7; }
.dark .app-user-workspace .app-workspace-sidebar { box-shadow:inset -1px 0 0 #2b2b2b; }
.dark .app-user-workspace .app-workspace-sidebar,
.dark .app-user-workspace .app-workspace-sidebar-nav { background:#161616 !important; }
.app-user-workspace :where(*) { scrollbar-width:thin; scrollbar-color:#b5b5bb transparent; }
.dark .app-user-workspace :where(*) { scrollbar-color:#454545 transparent; }
.app-user-workspace ::-webkit-scrollbar { width:6px; height:6px; }
.app-user-workspace ::-webkit-scrollbar-track { background:transparent; }
.app-user-workspace ::-webkit-scrollbar-thumb { border-radius:6px; background:#b5b5bb; }
.dark .app-user-workspace ::-webkit-scrollbar-thumb { background:#454545; }
.app-user-workspace ::-webkit-scrollbar-button { display:none; width:0; height:0; }