.share-page{min-height:100vh}.share-header{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(18px,4vw,56px);border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;color:var(--text);font-weight:500;font-size:1.125rem}.share-layout{max-width:1600px;margin:auto;padding:32px clamp(18px,4vw,56px);display:grid;gap:32px}.share-preview iframe{display:block;width:100%;height:60vh;min-height:340px;border:1px solid var(--line);border-radius:10px;background:var(--bg)}.share-preview p{font-size:.875rem;color:var(--muted);margin:10px 0}.share-tools h1{font-size:1.75rem;font-weight:500;margin:0 0 16px}.share-tools h2{font-size:1.125rem;font-weight:500;margin:0 0 8px}.share-tools p{color:var(--muted);margin:0 0 14px}.share-tools .local-note{color:#ffce9a;background:#30271e;border-radius:7px;padding:12px;font-size:.875rem}.share-item{padding:22px 0;border-bottom:1px solid var(--line)}.share-item label{display:block;font-size:.875rem;margin:12px 0 8px;color:var(--muted)}.share-item input,.share-item textarea{width:100%;min-width:0;display:block;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text);padding:12px;font-size:.875rem;caret-color:var(--accent);resize:vertical}.share-item input{min-height:44px}.share-item textarea{font-family:ui-monospace,monospace;line-height:1.6;margin-bottom:10px;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.share-tools details{padding:22px 0}.share-tools summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}.share-tools details p{margin-top:12px;font-size:.875rem}.copy-status{position:sticky;bottom:16px;background:var(--panel);border-radius:6px;max-width:100%;padding:0}.copy-status:not(:empty){padding:12px}.share-preview{min-width:0}.share-tools{min-width:0}
@media(min-width:1000px){.share-layout{grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:48px}.share-preview{position:sticky;top:24px;align-self:start}.share-preview iframe{height:75vh}}
@media(max-width:480px){.share-layout{padding-top:18px;gap:24px}.share-preview iframe{height:55vh;min-height:320px}}