.product-shell{width:min(1220px,calc(100% - 48px));margin:42px auto 70px}.product-intro{max-width:850px;margin-bottom:30px}.product-intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,58px);line-height:1.1;margin:12px 0}.product-intro p{color:var(--muted)}.product-login{margin:32px 0;max-width:540px}.product-login label:not(.album-checkbox){display:block;font-weight:600;margin:14px 0 7px}.product-login .album-checkbox{margin:20px 0}.product-login small{display:block;color:var(--muted);margin-top:8px}.product-section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.product-section-heading h2,.product-section-heading h3{margin:0}.product-section-heading>label{font-size:13px}.product-studio-list{display:grid;gap:18px}.product-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.product-card h3{font-size:21px}.product-card p{margin:8px 0}.product-card .album-form-actions{margin-top:18px}.product-card>summary{font-size:18px;font-weight:650;cursor:pointer}#create-studio-panel{margin-top:22px}#studio-settings-panel{margin-top:24px}.product-form{display:grid;gap:20px;margin-top:24px;max-width:980px}.product-form>label:not(.album-checkbox){display:grid;gap:8px;font-weight:600}.product-form small{font-weight:400;color:var(--muted)}.product-form>button{justify-self:start}.product-plan-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.product-plan-form>label{display:grid;gap:7px;font-size:12px;font-weight:600}.product-plan-form>button{justify-self:start;align-self:end}.product-page .admin-stat{background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:10px}.product-page .admin-stat strong,.product-page .admin-stat span{display:block}.product-page .admin-stat strong{font-size:30px;line-height:1.3}.product-page .admin-stat span{color:var(--muted);font-size:12px;margin-top:6px}.product-team-row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}#studio-team-form{margin-top:18px;align-items:end}.studio-theme-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.studio-theme-option{position:relative;cursor:pointer;min-width:0}.studio-theme-option>strong{font-size:12px}.studio-theme-option>input{position:absolute;top:9px;left:9px;z-index:1;accent-color:var(--tech)}.studio-theme-swatch{display:block;background:var(--bg);color:var(--ink);border:2px solid var(--line);border-radius:8px;padding:35px 12px 14px;min-height:145px}.studio-theme-option:has(input:checked) .studio-theme-swatch{border-color:var(--tech);box-shadow:0 0 0 2px var(--focus-ring)}.studio-theme-swatch>b{font-family:var(--gallery-heading,Georgia,serif);font-weight:400;font-size:15px;line-height:1.2;display:block;margin-bottom:15px}.studio-theme-swatch>i{display:inline-block;background:var(--media-bg);width:27%;height:30px;margin-right:3px;border-radius:3px}.platform-album-metadata{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:13px}.studio-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;max-width:45%;min-width:0}.studio-brand>strong{font-size:19px;line-height:1.2;overflow-wrap:anywhere}.studio-monogram{width:40px;height:40px;flex:none;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-family:var(--gallery-heading,Georgia,serif);font-size:23px;background:var(--paper)}.studio-public-intro{text-align:center;max-width:820px;margin:65px auto 70px}.studio-public-intro h1{font-size:clamp(42px,7vw,88px);line-height:1.05;margin:20px 0}.studio-public-intro>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.9}.studio-public-intro .button{margin-top:22px}.studio-public-albums{margin:40px 0 75px}.studio-contact{text-align:center;border-top:1px solid var(--line);padding:55px 0 15px}.studio-contact h2{font-size:40px;margin:12px 0}.studio-contact>a{color:var(--ink)}.studio-no-cover{display:grid;place-items:center;height:100%;font-family:var(--gallery-heading,Georgia,serif);font-size:26px;text-align:center;padding:24px;color:var(--muted)}.product-page .album-browser-cover>img{width:100%;height:100%;object-fit:contain}.product-page .album-browser-copy p{font-size:12px;color:var(--muted)}.product-page .album-browser-copy>span{font-size:12px;font-weight:600}.product-page fieldset{padding:18px;border:1px solid var(--line);border-radius:8px}.product-page input[type=color]{width:90px;padding:4px;height:44px}.product-page .chapters-footer{border-top:1px solid var(--line)}
@media(max-width:800px){.product-plan-form{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-theme-options{grid-template-columns:repeat(3,minmax(0,1fr))}.product-section-heading{align-items:flex-start;flex-wrap:wrap}.studio-brand{max-width:75%}}
@media(max-width:520px){.product-shell{width:calc(100% - 32px);margin-top:28px}.product-card{padding:18px}.product-plan-form{grid-template-columns:1fr}.studio-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}.product-login{padding:24px 18px}.product-login .album-form-actions{flex-wrap:wrap}.product-page .album-code-entry{gap:7px}.product-page .album-code-entry input{min-width:0}.studio-brand>strong{font-size:17px}.studio-public-intro{margin:35px auto 45px}.studio-public-intro>p:not(.eyebrow){font-size:15px}.studio-public-intro h1{font-size:48px}.product-team-row{font-size:13px}}
.product-page .product-intro h1{max-width:none}.product-page .admin-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-page input:not([type=checkbox]):not([type=radio]),.product-page select,.product-page textarea{width:100%;min-width:0;min-height:44px;padding:10px 12px;background:var(--field-bg);color:var(--ink);border:1px solid var(--field-border);border-radius:8px;font:inherit}.product-page .album-code-entry input{padding:0}.product-page .product-section-heading>label{display:grid;gap:6px;min-width:155px}.product-page input[type=color]{width:90px;padding:4px}.product-page #product-workspace>.admin-stat-grid{margin:28px 0 38px}
@media(max-width:800px){.product-page .admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
