.dashboard-studio{--atelier-accent:#e56745;--atelier-paper:color-mix(in oklch, var(--background) 96%, #a79d88 4%);--atelier-rule:color-mix(in oklch, var(--foreground) 16%, transparent);--atelier-soft:color-mix(in oklch, var(--foreground) 5%, var(--atelier-paper));background:var(--atelier-paper);width:100%;min-height:100%;color:var(--foreground);font-feature-settings:"ss01" on;padding:38px clamp(22px,4vw,60px) 36px;container:atelier/inline-size}.dashboard-studio .atelier-welcome{justify-content:space-between;align-items:center;gap:32px;padding-bottom:38px;display:flex}.dashboard-studio .atelier-welcome>div{min-width:0}.dashboard-studio .atelier-eyebrow{letter-spacing:.12em;color:var(--muted-foreground);font:9px ui-monospace,monospace}.dashboard-studio .atelier-welcome h1{letter-spacing:-.055em;overflow-wrap:anywhere;margin-block:15px 11px;font-size:clamp(28px,3.2cqw,43px);font-weight:500;line-height:1.25}.dashboard-studio[lang=zh-CN] .atelier-welcome h1{letter-spacing:-.04em}.dashboard-studio .atelier-welcome-summary{color:var(--muted-foreground);font-size:12px;line-height:1.8}.dashboard-studio .atelier-welcome-summary strong{color:var(--foreground);font-weight:550}.dashboard-studio .atelier-welcome .atelier-start{flex-shrink:0}.dashboard-studio :is(a,button):focus-visible{outline:2px solid var(--atelier-accent);outline-offset:6px}.dashboard-studio .atelier-start{align-items:center;gap:22px;font-size:13px;font-weight:550;display:inline-flex}.dashboard-studio .atelier-start>span:first-child{text-decoration:underline;-webkit-text-decoration-color:var(--atelier-rule);text-decoration-color:var(--atelier-rule);text-underline-offset:6px}.dashboard-studio .atelier-start-icon{background:var(--foreground);width:44px;height:44px;color:var(--background);border-radius:50%;place-items:center;transition:transform .4s cubic-bezier(.22,1,.36,1),background .25s;display:grid}.dashboard-studio .atelier-start-icon svg{width:20px;height:20px}.dashboard-studio .atelier-start:hover .atelier-start-icon{background:var(--atelier-accent);color:#171512;transform:rotate(45deg)}.dashboard-studio .atelier-overview{margin-top:10px}.dashboard-studio .atelier-section-label{letter-spacing:.06em;color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;font-family:ui-monospace,monospace;font-size:9px;display:flex}.dashboard-studio .atelier-stats{border-top:1px solid var(--atelier-rule);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-studio .atelier-stat{border-bottom:1px solid var(--atelier-rule);min-width:0;padding:21px 24px 24px;position:relative}.dashboard-studio .atelier-stat+.atelier-stat{border-left:1px solid var(--atelier-rule)}.dashboard-studio .atelier-stat:first-child{padding-left:0}.dashboard-studio .atelier-stat:last-child{padding-right:0}.dashboard-studio .atelier-stat-heading{justify-content:space-between;align-items:center;gap:10px;min-height:18px;font-size:11px;line-height:1.4;display:flex}.dashboard-studio .atelier-stat-heading>span:first-child{align-items:center;gap:7px;display:flex}.dashboard-studio .atelier-stat-heading>span:last-child{color:var(--muted-foreground);font:9px ui-monospace,monospace}.dashboard-studio .atelier-stat-heading i{display:none}.dashboard-studio .atelier-stat[data-active=true] .atelier-stat-heading i{background:var(--atelier-accent);border-radius:50%;width:5px;height:5px;display:block}.dashboard-studio .atelier-stat-value{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:16px;display:flex}.dashboard-studio .atelier-stat-value>:first-child{letter-spacing:-.07em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(40px,4.5cqw,64px);font-weight:400;line-height:1}.dashboard-studio .atelier-stat-value>:last-child{color:var(--muted-foreground);font-size:10px}.dashboard-studio .atelier-stat-hint{color:var(--muted-foreground);margin-top:13px;font-size:10px;line-height:1.5}.dashboard-studio .atelier-stats-error{color:var(--muted-foreground);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;padding-top:8px;font-size:11px;display:flex}.dashboard-studio .studio-gallery{margin-top:58px}.dashboard-studio .studio-gallery-header{grid-template-columns:1fr 250px;align-items:end;column-gap:40px;margin-bottom:38px;display:grid}.dashboard-studio .studio-section-kicker{letter-spacing:.06em;color:var(--muted-foreground);align-items:center;gap:14px;margin-bottom:23px;font-family:ui-monospace,monospace;font-size:9px;display:flex}.dashboard-studio .studio-case-count{color:var(--atelier-accent)}.dashboard-studio .studio-gallery-title{letter-spacing:-.075em;scroll-margin-top:30px;font-size:clamp(38px,5.3cqw,68px);font-weight:450;line-height:1}.dashboard-studio[lang=zh-CN] .studio-gallery-title{letter-spacing:-.06em;font-size:clamp(32px,4.3cqw,52px);font-weight:500;line-height:1.15}.dashboard-studio .studio-gallery-title em{color:var(--muted-foreground);font-family:Georgia,Times New Roman,serif;font-weight:400;display:inline}.dashboard-studio[lang=zh-CN] .studio-gallery-title em{margin-left:.1em;font-family:inherit;font-style:normal;font-weight:350}.dashboard-studio .studio-gallery-intro{max-width:250px;color:var(--muted-foreground);padding-bottom:4px;font-size:11px;line-height:1.9}.dashboard-studio .studio-case-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);grid-auto-rows:1px;align-items:start;column-gap:clamp(18px,2.5vw,36px);display:grid}.dashboard-studio .studio-case-skeletons{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.dashboard-studio .studio-case-grid>li:nth-child(2) .atelier-case-measure{padding-top:72px}.dashboard-studio .atelier-case-measure{padding-bottom:44px}.dashboard-studio .studio-case-link{display:block}.dashboard-studio .studio-case-cover{background:var(--atelier-soft);position:relative;overflow:hidden}.dashboard-studio .studio-case-image{width:100%;height:auto;transition:transform .8s cubic-bezier(.22,1,.36,1);display:block}.dashboard-studio .studio-case-link:hover .studio-case-image{transform:scale(1.035)}.dashboard-studio .studio-case-caption{grid-template-columns:22px minmax(0,1fr) 24px;align-items:start;column-gap:10px;padding-block:17px 8px;display:grid}.dashboard-studio .studio-case-index{color:var(--muted-foreground);padding-top:3px;font:9px ui-monospace,monospace}.dashboard-studio .studio-case-title{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:13px;font-weight:550;line-height:1.6}.dashboard-studio .studio-case-tag{color:var(--muted-foreground);margin-top:6px;font-size:10px;display:block}.dashboard-studio .studio-case-arrow{place-items:center;width:24px;height:24px;transition:transform .3s,color .3s;display:grid}.dashboard-studio .studio-case-arrow svg{width:16px;height:16px}.dashboard-studio .studio-case-link:hover .studio-case-arrow{color:var(--atelier-accent);transform:rotate(45deg)}.dashboard-studio .atelier-case-view{background:var(--atelier-paper);color:var(--foreground);opacity:0;pointer-events:none;border-radius:40px;align-items:center;gap:14px;padding:12px 16px;font-size:10px;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:14px;right:14px;transform:translateY(-8px)}.dashboard-studio .atelier-case-view svg{width:13px;height:13px}.dashboard-studio .studio-case-link:is(:hover,:focus-visible) .atelier-case-view{opacity:1;transform:translateY(0)}.dashboard-studio .studio-gallery-status{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:64px;padding-block:20px;display:flex}.dashboard-studio .studio-gallery-end{border-top:1px solid var(--atelier-rule);flex-direction:column;gap:30px;margin-top:50px;padding-top:30px;display:flex}.dashboard-studio .studio-gallery-end p{letter-spacing:.08em;color:var(--muted-foreground);font:9px ui-monospace,monospace}.dashboard-studio .studio-gallery-end a{letter-spacing:-.065em;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(30px,5.8cqw,78px);font-weight:450;line-height:1.2;display:flex}.dashboard-studio .studio-gallery-end svg{width:1em;height:1em;color:var(--atelier-accent);transition:transform .35s}.dashboard-studio .studio-gallery-end a:hover svg{transform:rotate(45deg)}@container atelier (width<=900px){.dashboard-studio .atelier-stat{padding-inline:16px}.dashboard-studio .studio-gallery-header{grid-template-columns:1fr 200px}.dashboard-studio .studio-case-grid,.dashboard-studio .studio-case-skeletons{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-studio .studio-case-grid>li:nth-child(2) .atelier-case-measure{padding-top:50px}}@container atelier (width<=600px){.dashboard-studio .atelier-welcome{flex-direction:column;align-items:flex-start;gap:22px;padding-bottom:34px}.dashboard-studio .atelier-welcome h1{font-size:clamp(26px,7.7cqw,38px)}.dashboard-studio .atelier-welcome-summary{font-size:11px}.dashboard-studio .atelier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-studio .atelier-stat:nth-child(odd){border-left:0;padding-left:0}.dashboard-studio .atelier-stat:nth-child(2n){padding-right:0}.dashboard-studio .atelier-stat-heading{font-size:10px}.dashboard-studio .atelier-stat-value>:first-child{font-size:44px}.dashboard-studio .atelier-section-label{font-size:8px}.dashboard-studio .studio-gallery{margin-top:48px}.dashboard-studio .studio-gallery-header{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:30px}.dashboard-studio .studio-gallery-title{font-size:10cqw}.dashboard-studio[lang=zh-CN] .studio-gallery-title{font-size:9.5cqw}.dashboard-studio .studio-gallery-intro{max-width:290px;font-size:11px}.dashboard-studio .studio-section-kicker{margin-bottom:18px}.dashboard-studio .studio-gallery-end{margin-top:25px}.dashboard-studio .studio-gallery-end a{font-size:9cqw}}@container atelier (width<=420px){.dashboard-studio .studio-case-grid,.dashboard-studio .studio-case-skeletons{grid-template-columns:minmax(0,1fr)}.dashboard-studio .studio-case-grid>li:nth-child(2) .atelier-case-measure{padding-top:0}}.dashboard-studio .studio-gallery--compact :is(.studio-case-grid,.studio-case-skeletons){grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));column-gap:20px}.dashboard-studio .studio-gallery--compact .studio-case-grid>li:nth-child(2) .atelier-case-measure{padding-top:0}.dashboard-studio .studio-gallery--compact .atelier-case-measure{padding-bottom:24px}.dashboard-studio .studio-gallery--compact .studio-case-caption{grid-template-columns:18px minmax(0,1fr) 18px;column-gap:6px;padding-block:11px 4px}.dashboard-studio .studio-gallery--compact .studio-case-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.dashboard-studio .studio-gallery--compact .studio-case-tag{margin-top:4px}.dashboard-studio .studio-gallery--compact .studio-case-arrow{width:18px;height:20px}.dashboard-studio .studio-gallery--compact .atelier-case-view{gap:8px;padding:9px 12px;top:10px;right:10px}@container atelier (width<=480px){.dashboard-studio .studio-gallery--compact :is(.studio-case-grid,.studio-case-skeletons){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.dashboard-studio .studio-gallery--compact .studio-case-caption{grid-template-columns:minmax(0,1fr) 16px}.dashboard-studio .studio-gallery--compact .studio-case-index{display:none}}@container atelier (width<=280px){.dashboard-studio .studio-gallery--compact :is(.studio-case-grid,.studio-case-skeletons){grid-template-columns:minmax(0,1fr)}}@media (width<=600px){.dashboard-studio{padding:18px 20px 26px}}@media (prefers-reduced-motion:reduce){.dashboard-studio *,.dashboard-studio :before,.dashboard-studio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}