#share-studio{max-width:1280px;margin:auto;padding:10px 0 40px}#share-studio button,#share-studio input,#share-studio textarea,#share-studio select{font:inherit}#share-studio .share-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0}#share-studio h2{font-size:clamp(26px,4vw,44px);letter-spacing:-.04em;margin:8px 0;text-transform:none;color:var(--text-primary,#0b1526)}#share-studio .share-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700}#share-studio .share-notice{padding:18px;background:var(--surface-2,#edf6f6);border-left:3px solid #0bb7b0;line-height:1.6}#share-studio .share-project{margin:24px 0;border:1px solid var(--line,#bbc9d2);border-radius:16px;padding:24px;overflow:hidden}#share-studio header{display:flex;justify-content:space-between;align-items:center;gap:16px}#share-studio h3{margin:0 0 8px;font-size:21px}#share-studio header span{overflow-wrap:anywhere;font-size:13px}#share-studio .share-observed{display:grid;grid-template-columns:minmax(180px,320px) 1fr;gap:24px;margin:24px 0}#share-studio .share-observed img{width:100%;aspect-ratio:1200/630;object-fit:contain;background:#e8edf2;border-radius:10px}#share-studio p{line-height:1.55}#share-studio pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;font-size:12px}#share-studio details{margin:14px 0}#share-studio summary{cursor:pointer;padding:8px 0}#share-studio .share-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}#share-studio label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}#share-studio input,#share-studio textarea,#share-studio select{width:100%;max-width:100%;padding:10px;border:1px solid #91a2b1;border-radius:7px;background:var(--surface-1,#fff);color:inherit;box-sizing:border-box}#share-studio input[type=color]{height:45px;width:100px}#share-studio .share-generated{margin-top:24px;padding:22px;border-radius:12px;background:var(--surface-2,#f0f4f7)}#share-studio .share-render-preview{margin:18px 0;display:flex;justify-content:center;background:#dce4eb;border-radius:10px;padding:12px}#share-studio .share-render-preview img{max-width:100%;max-height:660px;object-fit:contain}#share-studio .share-warning{border-left:3px solid #c77a20;padding:10px 16px}#share-studio .share-feedback{display:block;padding-top:10px}#share-studio li{margin:10px 0}#share-studio .share-progress{font-weight:600;margin-top:16px}@media(max-width:700px){#share-studio .share-heading,#share-studio header{align-items:flex-start;flex-direction:column}#share-studio .share-project{padding:16px}#share-studio .share-observed,#share-studio .share-fields{grid-template-columns:1fr}#share-studio .share-generated{padding:12px}#share-studio .btn{margin:5px 0;max-width:100%;white-space:normal}}