/* Native studio: site fonts, color tokens and components remain authoritative. */
.her-native-header {padding:112px 0 30px;}
.her-native-header .page-title {font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.16;}
.her-native-header .page-subtitle {max-width:760px;font-size:1.05rem;margin:16px 0;}
.her-native-nav {display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:.9rem;}
.her-native-nav a {text-decoration:underline;text-underline-offset:5px;}
.her-native-studio {padding:12px 0 64px;scroll-margin-top:90px;}
.her-native-studio [hidden] {display:none!important;}
.her-studio-heading,.her-workspace-heading {display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px;}
.her-studio-heading h2 {font-size:1.5rem;margin:0;}
.her-studio-grid {display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start;}
.her-create-pane,.her-workspace {min-width:0;border:1px solid var(--border-color,rgba(128,148,168,.24));border-radius:16px;background:var(--bg-card,#141b25);padding:clamp(18px,2.3vw,30px);}
.her-native-studio h3 {font-size:1.15rem;margin:0 0 22px;}
.her-native-studio label {display:block;font-weight:600;font-size:.84rem;line-height:1.5;}
.her-native-studio textarea,.her-native-studio select {font-family:inherit;display:block;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:8px 0 0;border:1px solid var(--border-color,#526277);border-radius:8px;background:var(--bg-primary,#101720);color:var(--text-primary,#e7ebef);padding:12px;font-size:1rem;line-height:1.5;}
.her-native-studio textarea {resize:vertical;min-height:150px;max-height:65vh;}
.her-native-studio select {padding:10px;font-size:.88rem;}
.her-native-studio button,.her-native-studio a {overflow-wrap:anywhere;}
.her-native-studio button {font-family:inherit;cursor:pointer;}
.her-native-studio button:disabled {opacity:.55;cursor:not-allowed;}
.her-native-studio :is(button,select,textarea,a,summary):focus-visible {outline:3px solid #74b9ed;outline-offset:4px;}
.her-basic-options {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:22px 0 12px;}
.her-field-note,.her-job-id {font-size:.79rem;line-height:1.65;color:var(--text-secondary,#a8b2bf);margin:10px 0;overflow-wrap:anywhere;}
.her-field-error {color:#f58c8c;font-size:.85rem;line-height:1.5;margin-top:8px;}
.her-field-error:empty {display:none;}
.her-example-chips {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px;font-size:.78rem;}
.her-example-chips button {border:1px solid var(--border-color,#526277);border-radius:20px;background:transparent;color:var(--text-primary,#e7ebef);padding:7px 12px;}
.her-advanced {border-top:1px solid var(--border-color,#526277);border-bottom:1px solid var(--border-color,#526277);padding:16px 0;margin:20px 0;}
.her-advanced summary {font-weight:600;cursor:pointer;font-size:.9rem;}
.her-checkbox {display:flex!important;align-items:center;gap:10px;padding:14px 0;}
.her-checkbox input {width:18px;height:18px;flex-shrink:0;}
.her-generate {width:100%;justify-content:center;margin-top:16px;min-height:48px;}
.her-workspace {position:sticky;top:100px;}
.her-workspace-heading h3 {margin:0;}
.her-job-id {font-family:'JetBrains Mono',monospace;font-size:.72rem;}
.her-job-status h4 {font-size:1rem;line-height:1.6;margin-bottom:6px;}
.her-job-status p {font-size:.88rem;line-height:1.65;overflow-wrap:anywhere;color:var(--text-secondary,#a8b2bf);}
.her-empty {display:grid;place-items:center;align-content:center;text-align:center;min-height:290px;padding:20px;border:1px dashed var(--border-color,#526277);border-radius:12px;margin:24px 0;background:var(--bg-primary,#101720);}
.her-empty>span {display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(80,151,205,.14);color:#74b9ed;font-size:1.25rem;}
.her-empty p {font-size:.94rem;line-height:1.7;max-width:285px;margin:20px 0;}
.her-empty a {font-size:.85rem;text-decoration:underline;text-underline-offset:4px;}
.her-stage-list {display:grid;gap:9px;margin:20px 0;padding:0;list-style:none;}
.her-stage-list li {border-left:3px solid #6f9dbb;padding:5px 12px;font-size:.83rem;line-height:1.5;overflow-wrap:anywhere;}
.her-stage-list li[data-state="complete"] {border-color:#71ab91;}
.her-stage-list li[data-state="failed"] {border-color:#e38989;}
.her-live-output video {display:block;max-width:100%;width:100%;height:auto;max-height:560px;object-fit:contain;background:#0a1119;border-radius:10px;margin:18px auto;}
.her-live-output h4 {line-height:1.6;overflow-wrap:anywhere;}
.her-job-actions {display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
.her-job-actions .btn {font-size:.8rem;padding:10px 14px;min-height:44px;white-space:normal;}
.her-privacy-note {border-top:1px solid var(--border-color,#526277);margin-top:24px;padding-top:16px;}
.her-native-sections {max-width:1050px;margin:0 auto;padding-bottom:56px;}
.her-native-sections section {scroll-margin-top:100px;margin:0 0 50px;}
.her-native-sections h2 {font-size:1.6rem;margin-bottom:18px;}
.her-native-sections p {line-height:1.8;color:var(--text-secondary,#a8b2bf);}
.her-native-sections .her-media {max-width:430px;margin:20px auto;}
.her-native-sections details {border:1px solid var(--border-color,#526277);border-radius:10px;padding:20px;margin:14px 0;min-width:0;overflow-wrap:anywhere;}
.her-native-sections summary {font-weight:600;cursor:pointer;line-height:1.7;}
.her-native-sections details p {margin-top:16px;}
.her-native-pipeline {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;list-style:none;}
.her-native-pipeline li {padding:18px;border:1px solid var(--border-color,#526277);border-radius:10px;font-size:.85rem;line-height:1.7;min-width:0;}
.her-native-pipeline strong {display:block;color:var(--text-primary,#e7ebef);margin-bottom:6px;}
[data-theme="light"] .her-create-pane,[data-theme="light"] .her-workspace {background:#fff;}
[data-theme="light"] .her-native-studio textarea,[data-theme="light"] .her-native-studio select,[data-theme="light"] .her-empty {background:#f6f8fb;color:#1a2735;}
[data-theme="light"] .her-field-error {color:#a52121;}
@media(max-width:850px) {.her-studio-grid {grid-template-columns:minmax(0,1fr);}.her-workspace {position:static;}.her-native-pipeline {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:430px) {.her-basic-options,.her-native-pipeline {grid-template-columns:minmax(0,1fr);}.her-native-header {padding-top:100px;}.her-native-nav {gap:12px;}.her-studio-heading>a {font-size:.82rem;}.her-live-output video {max-height:440px;}.her-job-actions .btn {width:100%;justify-content:center;}}
@media(prefers-reduced-motion:reduce) {.her-native-studio * {animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

/* Live progress stays visible in the workspace while a durable job runs. */
.her-mode-choice {margin-top:22px;}
.her-working {display:flex;align-items:center;gap:16px;margin:20px 0;padding:17px 19px;border:1px solid rgba(116,185,237,.38);border-radius:12px;background:linear-gradient(120deg,rgba(38,102,152,.18),rgba(36,88,121,.08));}
.her-working strong {display:block;color:var(--text-primary,#e7ebef);font-size:.93rem;}
.her-working p {margin:4px 0 0;color:var(--text-secondary,#a8b2bf);font-size:.8rem;}
.her-working-spinner {width:27px;height:27px;flex:0 0 27px;border:3px solid rgba(116,185,237,.24);border-top-color:#74b9ed;border-radius:50%;animation:her-turn .9s linear infinite;}
@keyframes her-turn {to {transform:rotate(360deg);}}
.her-stage-list li[data-state="completed"] {border-color:#71ab91;color:var(--text-primary,#e7ebef);}
.her-stage-list li[data-state="running"] {border-color:#74b9ed;background:rgba(116,185,237,.07);}
.her-example-layout {display:grid;grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);gap:clamp(24px,4vw,58px);align-items:start;margin-top:22px;}
.her-example-layout .her-media {width:100%;max-width:380px;margin:0;}
.her-example-layout .her-media video {max-height:610px;width:100%;object-fit:contain;}
.her-example-layout .her-media img {aspect-ratio:9/16;object-fit:cover;}
.her-example-story {min-width:0;padding:clamp(20px,3vw,36px);border:1px solid var(--border-color,#526277);border-radius:15px;background:var(--bg-card,#141b25);}
.her-example-story h3 {font-size:clamp(1.5rem,3vw,2.25rem);margin:4px 0 14px;line-height:1.15;color:var(--text-primary,#e7ebef);}
.her-example-story .eyebrow {margin:0;color:#74b9ed;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem;font-weight:700;}
.her-example-story>p {margin:12px 0;}
.her-example-story ol {list-style:none;padding:0;margin:24px 0;border-top:1px solid var(--border-color,#526277);}
.her-example-story li {display:grid;grid-template-columns:75px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-color,#526277);font-size:.88rem;line-height:1.55;}
.her-example-story li span {font-weight:700;color:#74b9ed;}
.her-example-links {display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;font-size:.85rem;}
.her-example-links a {text-decoration:underline;text-underline-offset:4px;}
[data-theme="light"] .her-example-story {background:#fff;}
@media(max-width:680px) {.her-example-layout {grid-template-columns:minmax(0,1fr);}.her-example-layout .her-media {max-width:360px;margin:0 auto;}}