:root{--ui-font: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--ui-title-size: 1.5rem;--ui-section-size: 1.125rem;--ui-body-size: .875rem;--ui-caption-size: .75rem;--ui-card-gap: 1rem;--ui-image-ratio: 3 / 4}body,.font-sans{font-family:var(--ui-font);font-size:var(--ui-body-size);line-height:1.7;color:var(--ui-text);-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}.studio-main{padding-block:2rem 3rem}.page-heading{margin-bottom:2rem}.page-title{color:var(--ui-text);font-size:var(--ui-title-size);font-weight:700;line-height:1.4;letter-spacing:-.025em;overflow-wrap:anywhere}.page-subtitle{margin-top:.5rem;color:var(--ui-text-muted);font-size:var(--ui-body-size);line-height:1.75}.section-title{color:var(--ui-text);font-size:var(--ui-section-size);font-weight:600;line-height:1.5}.studio-card{border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-surface);box-shadow:0 1px 3px #0f172a0a}.studio-panel{padding:1.25rem}.image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-card-gap);align-items:start}.image-frame{width:100%;aspect-ratio:var(--ui-image-ratio);overflow:hidden;background:#f1f5f9}.image-frame>img{display:block;width:100%;height:100%;object-fit:contain}.image-frame--cover>img{object-fit:cover}.reference-tile{width:8.5rem;max-width:100%}.guide-article{padding:1.25rem;min-width:0}.guide-article>div{font-size:var(--ui-body-size);line-height:1.85}.guide-article h1{font-size:1.25rem;font-weight:700;line-height:1.5;letter-spacing:-.02em;margin-bottom:.75rem}.guide-article h2{font-size:var(--ui-section-size);font-weight:600;line-height:1.6}.guide-article h3{font-size:1rem;font-weight:600;line-height:1.6}.guide-article>div>header p{font-size:var(--ui-body-size);line-height:1.85}.guide-figure{margin:1.5rem auto;padding:.75rem}.guide-figure img{height:auto;object-fit:contain}.guide-figure figcaption{font-size:var(--ui-caption-size);color:var(--ui-text-muted)}@media(min-width:640px){:root{--ui-title-size: 1.75rem}.studio-main{padding-block:2.5rem 4rem}.studio-panel,.guide-article{padding:1.5rem}.reference-tile{width:11rem}.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-figure{padding:1rem}}@media(min-width:1024px){.image-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-article{padding:2rem}}@media(max-width:639px){.image-grid--records{grid-template-columns:minmax(0,1fr)}}