.studio-front{width:min(100%,1440px);margin-inline:auto;padding:0 clamp(1rem,4vw,4rem) clamp(2rem,4vw,4rem)}.studio-intro{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);align-items:center;gap:clamp(2rem,4.2vw,4.5rem);padding-block:clamp(2.25rem,4.2vw,4.5rem);display:grid}.studio-folio,.studio-formats,.inspector-caption,.inspector-number,.inspector-target span{font:600 .68rem/1.4 var(--font-mono-brand);letter-spacing:.08em;text-transform:uppercase}.studio-folio,.studio-actions,.studio-action,.studio-formats,.inspector-caption,.inspector-caption>span:first-child{align-items:center;display:flex}.studio-folio{color:var(--muted-foreground);gap:.65rem}.studio-folio>span{background:var(--primary);width:1.9rem;height:3px}.studio-intro h1{font-family:var(--font-display), "PingFang SC", sans-serif;letter-spacing:-.073em;white-space:pre-line;margin-block:1.35rem 1.15rem;font-size:clamp(3.2rem,5.6vw,5.65rem);font-weight:600;line-height:.99}:lang(zh) .studio-intro h1{letter-spacing:-.045em;line-height:1.1}.studio-deck{max-width:54ch;color:var(--muted-foreground);font-size:clamp(.93rem,1.15vw,1.05rem);line-height:1.63}.studio-actions{flex-wrap:wrap;gap:clamp(.85rem,2vw,1.65rem);margin-top:1.5rem}.studio-action{min-height:44px;color:var(--action-foreground);background:var(--action);border-radius:6px;justify-content:space-between;gap:1.3rem;padding:.7rem 1rem;font-size:.9rem;font-weight:650}.studio-action:hover{background:color-mix(in oklab, var(--action) 90%, var(--foreground))}.studio-formats{color:var(--muted-foreground);gap:.55rem;font-size:.63rem}.studio-formats i{color:var(--muted-foreground);font-style:normal}.layer-inspector{--reticle:#a43f1d;border:1px solid var(--border);background:var(--card);min-width:0;color:var(--foreground);border-radius:9px;margin:0;overflow:hidden}.inspector-caption{color:var(--muted-foreground);justify-content:space-between;gap:1rem;padding:.6rem .9rem;font-weight:500}.inspector-caption>span:first-child{color:var(--foreground);gap:.5rem}.inspector-caption svg{color:var(--primary-bright)}.inspector-field{aspect-ratio:1.95;background:repeating-conic-gradient(var(--muted) 0 25%, var(--card) 0 50%) 0 / 16px 16px;position:relative;overflow:hidden}.inspector-original{inset-inline:0;position:absolute;top:50%;transform:translateY(-60%)}.inspector-original img{width:100%;height:auto;display:block}.inspector-target{border:1px solid var(--reticle);cursor:pointer;color:#fff;width:33.5%;height:43%;position:absolute;top:43.75%;left:34%;box-shadow:0 0 0 1px #ffffff7a}.inspector-target span{white-space:nowrap;background:var(--reticle);letter-spacing:.04em;padding:.16rem .4rem;font-size:.59rem;position:absolute;bottom:100%;left:-1px}.inspector-target i{border:1px solid var(--reticle);background:#fff;width:5px;height:5px;position:absolute}.inspector-target i:first-of-type{top:-3px;left:-3px}.inspector-target i:nth-of-type(2){top:-3px;right:-3px}.inspector-target i:nth-of-type(3){bottom:-3px;right:-3px}.inspector-target i:nth-of-type(4){bottom:-3px;left:-3px}.inspector-cutout,.inspector-background{object-fit:contain;width:100%;height:100%}.inspector-background{object-fit:cover;object-position:center 65%}.inspector-selector{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.inspector-selector button{border-right:1px solid var(--border);text-align:start;cursor:pointer;min-width:0;min-height:52px;color:var(--muted-foreground);border-top:2px solid #0000;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.55rem .65rem;font-size:.67rem;line-height:1.24;display:flex}.inspector-selector button:last-child{border-right:0}.inspector-selector button:hover{background:var(--muted)}.inspector-selector button[aria-pressed=true]{background:var(--secondary);color:var(--foreground);border-top-color:var(--action)}.inspector-number{color:var(--muted-foreground);height:14px;font-size:.59rem}.inspector-selector button[aria-pressed=true] .inspector-number{color:var(--action)}.layer-inspector button:focus-visible{outline:2px solid var(--ring);outline-offset:-3px}.studio-action:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}@media (width<=850px){.studio-intro{grid-template-columns:minmax(0,1fr);gap:1.7rem;padding-block:2rem 1.5rem}.studio-intro h1{font-size:clamp(3.25rem,8vw,4.8rem)}.studio-deck{max-width:62ch}.inspector-field{aspect-ratio:2.15}}@media (width<=480px){.studio-intro h1{margin-block:.95rem}.studio-actions{margin-top:1.1rem}.inspector-field{aspect-ratio:1.95}.inspector-selector button{padding:.45rem .3rem;font-size:.61rem}}
