.pa-shell {
  --pa-mint: #85ddc9;
  --pa-cyan: #a4d8ef;
  --pa-line: color-mix(in srgb, var(--line) 84%, var(--pa-cyan));
  --pa-surface: color-mix(in srgb, var(--panel) 94%, var(--bg));
  width: 100%; max-width: 1420px; margin: 0 auto; color: var(--text);
}
.pa-shell *, .pa-shell *::before, .pa-shell *::after { box-sizing: border-box; }
.pa-shell [hidden] { display: none !important; }
.pa-shell svg { width: 19px; height: 19px; flex: 0 0 auto; }
.pa-shell button { font: inherit; transition: background .15s, border-color .15s, color .15s; }
.pa-shell :is(button, a, input, select, textarea, summary):focus-visible { outline: 2px solid var(--pa-cyan); outline-offset: 4px; }
.pa-shell :is(input, select, textarea) { color: var(--text); background: color-mix(in srgb, var(--bg) 44%, var(--panel)); border-color: var(--pa-line); }
.pa-shell :is(input, textarea)::placeholder { color: color-mix(in srgb, var(--muted) 86%, transparent); }
.pa-shell button:disabled { opacity: .48; cursor: not-allowed; }
.pa-shell p { line-height: 1.7; }
.pa-shell label { color: var(--text); }
.pa-shell :is(h1, h2, h3) { color: var(--text); text-wrap: balance; }
.pa-shell :is(button, select, input) { min-height: 40px; }
.pa-shell input[type="checkbox"] { min-height: 18px; width: 18px; height: 18px; accent-color: var(--pa-mint); }
.pa-shell .pa-sr-only { position: absolute; width: 1px; height: 1px; min-height: 0; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.pa-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .85fr); align-items: center; gap: 24px; overflow: hidden; position: relative; padding: 29px 34px; margin-bottom: 23px; border: 1px solid var(--pa-line); border-radius: 20px; background: radial-gradient(ellipse at 92% 32%, color-mix(in srgb, var(--pa-cyan) 9%, transparent), transparent 58%), linear-gradient(120deg, color-mix(in srgb, var(--bg) 68%, var(--panel)), var(--pa-surface)); }
.pa-hero-copy { position: relative; z-index: 2; }
.pa-eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 16px; color: var(--pa-mint); font-size: 10px; font-weight: 720; letter-spacing: .13em; text-transform: uppercase; }
.pa-eyebrow svg { width: 16px; height: 16px; }
.pa-hero h1 { margin: 0 0 14px; font-size: clamp(30px, 3vw, 43px); line-height: 1.1; letter-spacing: -.052em; font-weight: 630; }
.pa-hero h1 span { color: var(--pa-mint); }
.pa-hero-copy > p:not(.pa-eyebrow) { max-width: 490px; margin: 0; font-size: 13px; line-height: 1.75; }
.pa-steps { display: flex; align-items: center; gap: 14px; margin-top: 21px; }
.pa-steps span { display: flex; align-items: center; gap: 7px; color: var(--text); font-size: 10px; }
.pa-steps b { color: var(--pa-mint); font-size: 8px; font-weight: 650; }
.pa-steps i { display: block; width: 21px; height: 1px; background: var(--pa-line); }
.pa-blueprint { position: relative; height: 230px; width: 100%; max-width: 410px; justify-self: end; isolation: isolate; pointer-events: none; }
.pa-blueprint-grid { position: absolute; inset: -20px; z-index: -1; background-image: linear-gradient(color-mix(in srgb, var(--pa-cyan) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--pa-cyan) 9%, transparent) 1px, transparent 1px); background-size: 23px 23px; mask-image: radial-gradient(ellipse, black 20%, transparent 72%); }
.pa-draft-sheet { position: absolute; width: 197px; height: 171px; top: 19px; left: 9px; transform: rotate(-8deg); padding: 20px 18px; border: 1px solid color-mix(in srgb, var(--pa-cyan) 35%, var(--line)); border-radius: 12px; background: color-mix(in srgb, var(--panel) 71%, var(--bg)); box-shadow: 0 16px 30px #00000018; }
.pa-draft-sheet > span { font-size: 8px; letter-spacing: .14em; color: var(--pa-cyan); font-weight: 700; }
.pa-draft-sheet i { display: block; height: 3px; width: 80%; background: color-mix(in srgb, var(--pa-cyan) 24%, transparent); border-radius: 5px; margin-top: 13px; }
.pa-draft-sheet i:nth-of-type(2) { width: 65%; }.pa-draft-sheet i:nth-of-type(3) { width: 73%; }
.pa-draft-sheet em { display: block; margin-top: 18px; max-width: 112px; font-size: 9px; line-height: 1.6; color: var(--muted); font-style: normal; }
.pa-built-sheet { position: absolute; width: 225px; right: 0; top: 37px; padding: 18px 21px 17px; border: 1px solid color-mix(in srgb, var(--pa-mint) 54%, var(--line)); border-radius: 14px; background: linear-gradient(150deg, color-mix(in srgb, var(--pa-mint) 7%, var(--panel)), color-mix(in srgb, var(--bg) 70%, var(--panel))); box-shadow: 0 17px 38px #00000023; transform: rotate(3deg); }
.pa-built-sheet > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.pa-built-sheet > div > span { font-size: 8px; letter-spacing: .13em; color: var(--pa-mint); font-weight: 700; }
.pa-built-sheet > div > svg { width: 15px; height: 15px; color: var(--pa-mint); }
.pa-built-sheet p { color: var(--text); font-size: 19px; line-height: 1.3; letter-spacing: -.03em; margin: 13px 0; }
.pa-built-sheet ul { margin: 0; padding: 0; display: grid; gap: 8px; list-style: none; }
.pa-built-sheet li { display: flex; gap: 7px; align-items: center; font-size: 9px; color: var(--muted); }
.pa-built-sheet li svg { width: 12px; height: 12px; color: var(--pa-mint); }
.pa-sheet-arrow { position: absolute; left: 94px; bottom: 6px; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--pa-line); border-radius: 50%; background: var(--bg); color: var(--pa-mint); transform: rotate(-27deg); }
.pa-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 325px; gap: 21px; align-items: start; }
.pa-main-column { min-width: 0; display: grid; gap: 20px; }
.pa-composer, .pa-output, .pa-refine-card { min-width: 0; border: 1px solid var(--pa-line); border-radius: 17px; padding: 25px; background: var(--pa-surface); box-shadow: 0 8px 27px #00000009; }
.pa-composer-heading, .pa-section-heading, .pa-output-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.pa-composer-heading h2 { font-size: 21px; letter-spacing: -.034em; line-height: 1.25; }
.pa-kicker { display: block; color: var(--muted); font-size: 8px; letter-spacing: .14em; font-weight: 700; margin-bottom: 8px; }
.pa-session-tag { flex: 0 0 auto; font-size: 8px; padding: 4px 8px; border: 1px solid var(--pa-line); border-radius: 100px; color: var(--muted); }
.pa-modes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-bottom: 22px; }
.pa-mode { display: flex; align-items: center; text-align: left; min-width: 0; padding: 12px 10px; border: 1px solid var(--pa-line); border-radius: 10px; background: transparent; gap: 9px; justify-content: flex-start; }
.pa-mode:hover:not(:disabled) { background: color-mix(in srgb, var(--pa-mint) 6%, var(--panel)); border-color: color-mix(in srgb, var(--pa-mint) 48%, var(--line)); }
.pa-mode > span:nth-child(2) { min-width: 0; flex: 1; }
.pa-mode strong { display: block; color: var(--text); font-size: 12px; font-weight: 680; }
.pa-mode small { display: block; font-size: 9px; line-height: 1.4; margin-top: 4px; font-weight: 400; }
.pa-mode-icon { display: grid; place-items: center; color: var(--pa-cyan); width: 26px; flex: 0 0 auto; }
.pa-mode-icon svg { width: 21px; height: 21px; }
.pa-mode-check { width: 13px; height: 13px; align-self: flex-start; margin-top: 1px; color: var(--pa-mint); flex: 0 0 auto; }
.pa-mode-check svg { width: 13px; height: 13px; }
.pa-mode.is-selected { border-color: color-mix(in srgb, var(--pa-mint) 62%, var(--line)); background: color-mix(in srgb, var(--pa-mint) 7%, transparent); }
.pa-mode.is-selected .pa-mode-icon { color: var(--pa-mint); }
.pa-draft-label { display: block; font-size: 11px; font-weight: 630; margin-bottom: 9px; }
.pa-draft-input, .pa-answer-input { border: 1px solid color-mix(in srgb, var(--pa-cyan) 40%, var(--line)); border-radius: 11px; overflow: hidden; background: color-mix(in srgb, var(--bg) 40%, var(--panel)); }
.pa-draft-input:focus-within, .pa-answer-input:focus-within { border-color: var(--pa-cyan); box-shadow: 0 0 0 3px color-mix(in srgb, var(--pa-cyan) 5%, transparent); }
.pa-shell .pa-draft-input textarea, .pa-shell .pa-answer-input textarea { display: block; width: 100%; min-height: 115px; border: 0; border-radius: 10px; background: transparent; padding: 14px 15px 5px; font-size: 13px; line-height: 1.75; resize: vertical; outline: none; scroll-margin-top: 95px; }
.pa-shell .pa-draft-input textarea:focus-visible, .pa-shell .pa-answer-input textarea:focus-visible { outline: none; }
.pa-draft-tools { display: flex; align-items: flex-end; gap: 10px; padding: 7px 10px 9px 15px; }
.pa-draft-tools > span { flex: 1; font-size: 9px; line-height: 1.6; color: var(--muted); padding-bottom: 7px; }
.pa-tool { border: 1px solid var(--pa-line); background: transparent; border-radius: 8px; padding: 7px 9px; gap: 6px; color: var(--pa-cyan); font-size: 10px !important; min-height: 35px !important; }
.pa-tool svg { width: 15px; height: 15px; }.pa-tool:hover:not(:disabled) { background: color-mix(in srgb, var(--pa-cyan) 8%, var(--panel)); border-color: var(--pa-cyan); }
.pa-tool.is-recording { color: var(--danger); border-color: var(--danger); background: color-mix(in srgb, var(--danger) 6%, var(--panel)); }
.pa-tool.is-recording svg { animation: pa-recording 1.4s ease-in-out infinite; }
.pa-privacy-row { display: flex; gap: 10px; align-items: center; justify-content: space-between; margin: 13px 0 15px; }
.pa-privacy-row label { display: flex; align-items: center; gap: 7px; font-size: 10px; font-weight: 500; }
.pa-privacy-row > span { font-size: 9px; color: var(--muted); }
.pa-media-consent { display: flex; align-items: flex-start; gap: 8px; font-size: 10px; line-height: 1.65; margin: 0 0 16px; padding: 12px; background: color-mix(in srgb, var(--pa-cyan) 4%, transparent); border: 1px solid var(--pa-line); border-radius: 9px; }
.pa-media-consent input { margin-top: 2px; }.pa-media-consent > span { min-width: 0; }.pa-media-consent small { display: block; font-size: 9px; color: var(--muted); margin-top: 4px; }
.pa-identifier-warning { font-size: 11px; color: var(--danger); margin: 0 0 13px; padding: 10px 12px; background: color-mix(in srgb, var(--danger) 6%, transparent); border: 1px solid color-mix(in srgb, var(--danger) 30%, var(--line)); border-radius: 8px; }
.pa-disclosure { border: 1px solid var(--pa-line); border-radius: 10px; margin: 0 0 9px; background: transparent; overflow: hidden; }
.pa-disclosure > summary { display: flex; align-items: center; justify-content: space-between; gap: 9px; list-style: none; padding: 12px 13px; font-size: 11px; }
.pa-disclosure > summary::-webkit-details-marker { display: none; }
.pa-disclosure > summary > span { display: flex; gap: 10px; align-items: center; min-width: 0; }
.pa-disclosure > summary > span > svg { color: var(--pa-cyan); width: 16px; height: 16px; }
.pa-disclosure > summary small { display: block; margin: 4px 0 0; font-size: 9px; line-height: 1.4; font-weight: 400; }
.pa-disclosure > summary > svg { width: 13px; height: 13px; color: var(--muted); transition: transform .15s; }
.pa-disclosure[open] > summary > svg { transform: rotate(90deg); }
.pa-disclosure[open] > summary { margin-bottom: 4px; }
.pa-disclosure-body { padding: 2px 13px 14px; }
.pa-selector-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 10px; }
.pa-field { font-size: 10px; gap: 5px; min-width: 0; }
.pa-field select { padding: 9px 8px; font-size: 11px; height: 40px; border-radius: 7px; width: 100%; min-width: 0; }
.pa-focus-areas { border: 0; border-top: 1px solid var(--pa-line); padding: 10px 0 0; margin: 19px 0 0; }
.pa-focus-areas legend { color: var(--text); font-size: 10px; font-weight: 630; padding: 0 8px 0 0; }
.pa-focus-areas legend span { margin-left: 5px; font-weight: 400; font-size: 9px; color: var(--muted); }
.pa-focus-areas > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.pa-focus-areas label { display: flex; align-items: center; gap: 7px; font-size: 10px; line-height: 1.5; }
.pa-template-search { position: relative; display: flex; align-items: center; margin-bottom: 8px; }
.pa-template-search > svg { position: absolute; left: 11px; width: 15px; height: 15px; color: var(--muted); }
.pa-template-search input { padding-left: 33px; font-size: 11px; }
.pa-template-results { display: grid; gap: 3px; max-height: 285px; overflow-y: auto; padding: 2px; }
.pa-template { display: flex; justify-content: space-between; align-items: center; min-width: 0; gap: 12px; text-align: left; padding: 11px 9px; background: transparent; border: 1px solid transparent; border-radius: 8px; }
.pa-template > span { min-width: 0; }.pa-template strong { display: block; font-size: 11px; font-weight: 630; line-height: 1.5; }
.pa-template small { font-size: 10px; display: block; margin-top: 3px; line-height: 1.5; }.pa-template > svg { width: 14px; height: 14px; color: var(--pa-mint); }
.pa-template:hover:not(:disabled) { background: color-mix(in srgb, var(--pa-mint) 6%, var(--panel)); border-color: var(--pa-line); }
.pa-template-empty { margin: 10px 2px 0 !important; }
.pa-images { border-radius: 9px; transition: background .15s; padding: 2px; }
.pa-images.is-dragging { background: color-mix(in srgb, var(--pa-mint) 12%, transparent); outline: 2px dashed var(--pa-mint); outline-offset: 4px; }
.pa-image-list { display: grid; gap: 7px; }.pa-image-list:empty { display: none; }
.pa-image-item { display: flex; gap: 10px; align-items: center; padding: 7px; background: color-mix(in srgb, var(--bg) 30%, var(--panel)); border: 1px solid var(--pa-line); border-radius: 9px; min-width: 0; }
.pa-image-item img { width: 45px; height: 45px; border-radius: 5px; object-fit: cover; flex: 0 0 auto; }
.pa-image-item > .pa-image-placeholder { width: 45px; height: 45px; flex: 0 0 45px; display: grid; place-items: center; color: var(--pa-cyan); border-radius: 5px; background: var(--bg); }
.pa-image-item > span { flex: 1; min-width: 0; }.pa-image-item strong { display: block; font-size: 10px; font-weight: 550; overflow-wrap: anywhere; line-height: 1.4; }
.pa-image-item small { display: block; font-size: 9px; margin-top: 4px; }.pa-image-item.is-uploading img { opacity: .5; }
.pa-icon-button { display: grid; place-items: center; width: 32px; height: 32px; min-height: 32px !important; padding: 6px; background: transparent; border: 1px solid transparent; border-radius: 7px; flex: 0 0 auto; color: var(--muted); }
.pa-icon-button svg { width: 14px; height: 14px; }.pa-icon-button:hover:not(:disabled) { background: color-mix(in srgb, var(--pa-cyan) 8%, var(--panel)); }
.pa-attach-row { display: flex; gap: 10px; align-items: center; margin-top: 10px; }.pa-attach-row > small { font-size: 9px; line-height: 1.5; min-width: 0; }
.pa-image-hint { font-size: 9px; line-height: 1.6; margin: 9px 0 0; }
.pa-safety-note { font-size: 9px; line-height: 1.65 !important; margin: 14px 0 16px; }
.pa-build-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 15px; border-top: 1px solid var(--pa-line); }
.pa-primary, .pa-secondary, .pa-quiet, .pa-danger { padding: 10px 14px; font-size: 11px !important; line-height: 1.4; border-radius: 8px; }
/* Keep the action palette together over Vault's shared high-specificity button rules. */
.pa-shell .pa-primary { background: var(--pa-mint) !important; color: #0a3431 !important; border-color: var(--pa-mint) !important; font-weight: 720; transition: border-color .15s !important; }
.pa-shell .pa-primary :is(span, svg) { color: inherit !important; }
.pa-shell .pa-primary:hover:not(:disabled) { background: color-mix(in srgb, var(--pa-mint) 80%, white) !important; color: #0a3431 !important; border-color: var(--pa-mint) !important; }
.pa-primary svg, .pa-secondary svg, .pa-quiet svg, .pa-danger svg { width: 16px; height: 16px; }
.pa-secondary { background: transparent; border-color: var(--pa-line); color: var(--text); }
.pa-secondary:hover:not(:disabled) { background: color-mix(in srgb, var(--pa-cyan) 7%, var(--panel)); border-color: var(--pa-cyan); }
.pa-quiet { background: transparent; border-color: transparent; color: var(--muted); }
.pa-quiet:hover:not(:disabled) { background: color-mix(in srgb, var(--pa-cyan) 5%, var(--panel)); }
.pa-work-hint, .pa-voice-state { color: var(--pa-cyan); font-size: 10px; line-height: 1.6; margin: 10px 0 0; }
.pa-work-hint:empty, .pa-voice-state:empty { display: none; }
.pa-feedback { font-size: 11px; line-height: 1.6; margin-top: 12px; color: var(--pa-mint); overflow-wrap: anywhere; }
.pa-feedback.is-error { color: var(--danger); }.pa-link-button { font-size: inherit !important; min-height: 0 !important; background: transparent; border: 0; padding: 2px 0; text-decoration: underline; }
.pa-guide { min-width: 0; position: sticky; top: 96px; border: 1px solid var(--pa-line); border-radius: 17px; background: linear-gradient(145deg, color-mix(in srgb, var(--panel) 96%, var(--pa-mint)), var(--pa-surface)); padding: 24px; overflow: hidden; }
.pa-guide > h2 { font-size: 25px; line-height: 1.22; letter-spacing: -.04em; margin: 0 0 13px; }
.pa-guide > p { font-size: 11px; line-height: 1.8; margin-bottom: 24px; }
.pa-guide-art { position: relative; width: 155px; height: 113px; margin: -5px auto 15px; display: grid; place-items: center; }
.pa-guide-mark { position: relative; width: 59px; height: 66px; border: 1px solid color-mix(in srgb, var(--pa-mint) 47%, var(--line)); border-radius: 14px; background: linear-gradient(140deg, color-mix(in srgb, var(--pa-mint) 10%, var(--panel)), var(--bg)); display: grid; place-items: center; box-shadow: 0 8px 30px color-mix(in srgb, var(--pa-mint) 7%, transparent); transform: rotate(-6deg); }
.pa-guide-mark > svg { width: 28px; height: 28px; color: var(--pa-mint); }
.pa-orbit { position: absolute; border: 1px solid color-mix(in srgb, var(--pa-cyan) 19%, transparent); border-radius: 50%; width: 115px; height: 91px; transform: rotate(-28deg); }.pa-orbit-two { width: 153px; height: 102px; transform: rotate(23deg); border-style: dashed; }
.pa-guide-art > i { position: absolute; left: 9px; top: 67px; width: 5px; height: 5px; border-radius: 50%; background: var(--pa-mint); box-shadow: 0 0 0 4px color-mix(in srgb, var(--pa-mint) 8%, transparent); }.pa-guide-art > i:last-child { left: auto; right: 16px; top: 28px; background: var(--pa-cyan); }
.pa-guide-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 18px; }
.pa-guide-list li { display: flex; gap: 12px; align-items: flex-start; }.pa-guide-list li > span { flex: 0 0 auto; margin-top: 2px; color: var(--pa-mint); font-size: 9px; font-weight: 650; }
.pa-guide-list strong { display: block; font-size: 11px; font-weight: 630; }.pa-guide-list small { display: block; font-size: 10px; margin-top: 5px; line-height: 1.7; }
.pa-guide-bottom { display: flex; gap: 9px; margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--pa-line); color: var(--muted); font-size: 10px; line-height: 1.6; }.pa-guide-bottom > svg { width: 14px; height: 14px; color: var(--pa-mint); margin-top: 2px; }
.pa-output { scroll-margin-top: 98px; }.pa-output-heading { margin-bottom: 11px; }.pa-output h2 { font-size: 25px; letter-spacing: -.04em; }
.pa-ready-badge { display: inline-flex; gap: 5px; align-items: center; border: 1px solid color-mix(in srgb, var(--pa-mint) 35%, var(--line)); background: color-mix(in srgb, var(--pa-mint) 5%, transparent); color: var(--pa-mint); font-size: 8px; border-radius: 100px; padding: 4px 7px; white-space: nowrap; }.pa-ready-badge svg { width: 12px; height: 12px; }
.pa-small { font-size: 11px; line-height: 1.7; color: var(--muted); }
.pa-output-actions, .pa-masterclass-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin: 17px 0; }
.pa-prompt-text { font-family: inherit; line-height: 1.85; font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text); padding: 20px; background: color-mix(in srgb, var(--bg) 45%, var(--panel)); border: 1px solid var(--pa-line); border-radius: 10px; max-height: 570px; overflow-y: auto; }
.pa-prompt-text:focus-visible { outline: 2px solid var(--pa-cyan); outline-offset: 4px; }.pa-redaction-report { display: flex; align-items: flex-start; gap: 7px; font-size: 9px; margin: 12px 0 0; }.pa-redaction-report svg { width: 13px; height: 13px; color: var(--pa-mint); margin-top: 2px; }
.pa-section-heading { margin-bottom: 11px; }.pa-section-heading h3 { font-size: 20px; letter-spacing: -.035em; line-height: 1.3; }.pa-section-heading > svg { color: var(--pa-cyan); }
.pa-missing-list { padding-left: 18px; margin: 0; font-size: 11px; color: var(--muted); line-height: 1.8; }
.pa-question { padding: 16px 0; border-bottom: 1px solid var(--pa-line); }.pa-question:first-child { padding-top: 4px; }.pa-question:last-child { border-bottom: 0; }
.pa-question > label { display: flex; gap: 10px; font-size: 12px; line-height: 1.65; font-weight: 580; margin-bottom: 10px; }.pa-question-number { color: var(--pa-mint); font-size: 9px; flex: 0 0 18px; padding-top: 2px; }.pa-question-number > svg { width: 14px; height: 14px; }
.pa-shell .pa-answer-input textarea { font-size: 12px; min-height: 70px; line-height: 1.75; padding: 11px 12px 3px; }.pa-answer-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 4px 8px 7px; }.pa-answer-tools .pa-tool { border-color: transparent; }.pa-answer-tools .pa-voice-state { margin: 0; font-size: 9px; }
.pa-images-compact { margin-top: 5px; }.pa-images-compact .pa-tool { font-size: 9px !important; min-height: 32px !important; }.pa-images-compact .pa-image-item img { width: 36px; height: 36px; }.pa-wide { width: 100%; margin-top: 14px; }
.pa-masterclass { position: sticky; padding-top: 25px; }.pa-masterclass-icon { width: 41px; height: 43px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--pa-mint) 35%, var(--line)); border-radius: 10px; color: var(--pa-mint); margin-bottom: 19px; background: color-mix(in srgb, var(--pa-mint) 5%, transparent); }.pa-masterclass-icon > svg { width: 23px; height: 23px; }
.pa-masterclass-summary { display: grid; gap: 21px; margin: 21px 0 24px; }.pa-masterclass-summary section > span { display: block; color: var(--pa-mint); font-size: 8px; font-weight: 650; letter-spacing: .1em; margin-bottom: 7px; }.pa-masterclass-summary h3 { font-size: 12px; line-height: 1.5; letter-spacing: -.01em; margin-bottom: 7px; }.pa-masterclass-summary p { font-size: 11px; line-height: 1.8; margin: 0; overflow-wrap: anywhere; }
.pa-masterclass .pa-disclosure > summary > span > svg { display: none; }.pa-masterclass .pa-disclosure > summary { padding: 11px; }.pa-masterclass .pa-disclosure-body { padding: 0 11px 13px; }.pa-masterclass-actions { margin: 15px 0 0; gap: 7px; }.pa-masterclass-actions button { flex: 1 1 auto; font-size: 9px !important; padding: 8px; }.pa-masterclass-actions svg { width: 13px; height: 13px; }
.pa-markdown { font-size: 11px; line-height: 1.8; color: var(--muted); overflow-wrap: anywhere; }.pa-markdown h3 { font-size: 13px; line-height: 1.4; margin: 20px 0 9px; color: var(--text); }.pa-markdown h3:first-child { margin-top: 3px; }.pa-markdown p { margin: 0 0 12px; }.pa-markdown :is(ul, ol) { padding-left: 18px; margin: 10px 0; }.pa-markdown li { margin-bottom: 6px; }.pa-markdown strong { color: var(--text); font-weight: 650; }.pa-markdown a { color: var(--pa-cyan); text-decoration: underline; text-underline-offset: 2px; }.pa-markdown pre { white-space: pre-wrap; overflow-wrap: anywhere; padding: 10px; border: 1px solid var(--pa-line); border-radius: 7px; background: var(--bg); }.pa-markdown code { font-size: 10px; }.pa-markdown blockquote { margin: 13px 0; padding-left: 12px; border-left: 2px solid var(--pa-cyan); }.pa-markdown hr { border: 0; border-top: 1px solid var(--pa-line); margin: 17px 0; }.pa-table-scroll { overflow-x: auto; max-width: 100%; }.pa-table-scroll table { font-size: 10px; margin: 0; }.pa-table-scroll :is(th, td) { padding: 8px 6px; text-transform: none; letter-spacing: 0; min-width: 75px; }.pa-table-scroll th { font-size: 10px; }
.pa-connection { display: flex; align-items: center; justify-content: space-between; gap: 16px; border: 1px solid var(--pa-line); border-radius: 11px; padding: 15px 18px; margin: 0 0 18px; background: var(--pa-surface); }.pa-connection > div { min-width: 0; }.pa-connection strong { display: block; font-size: 12px; font-weight: 650; }.pa-connection p { font-size: 11px; margin: 5px 0 0; }.pa-connection > button { flex: 0 0 auto; }.pa-loading { display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--muted); margin: 0 0 17px; }
.pa-spinner { display: inline-block; width: 15px; height: 15px; flex: 0 0 auto; border: 1.7px solid currentColor; border-right-color: transparent; border-radius: 50%; animation: pa-spin .85s linear infinite; }
.pa-footer { padding: 23px 0 4px; font-size: 10px; line-height: 1.7; color: var(--muted); }.pa-footer > .pa-disclosure { margin: 0; }.pa-footer svg { color: var(--pa-mint); }.pa-data-safety-copy { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px 24px; padding: 5px 1px 2px; }.pa-data-safety-copy p { margin: 0; font-size: 11px; line-height: 1.8; }.pa-data-safety-copy strong { color: var(--text); font-weight: 630; }
.pa-dialog { width: min(470px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 27px; border: 1px solid var(--pa-line); border-radius: 17px; background: var(--panel); color: var(--text); box-shadow: 0 24px 80px #0007; }.pa-dialog::backdrop { background: #071422bd; backdrop-filter: blur(4px); }.pa-dialog-icon { width: 43px; height: 43px; display: grid; place-items: center; color: var(--pa-cyan); border: 1px solid var(--pa-line); border-radius: 11px; margin-bottom: 20px; }.pa-dialog h2 { font-size: 24px; margin-bottom: 12px; }.pa-dialog p { font-size: 12px; line-height: 1.8; margin-bottom: 23px; }.pa-dialog-actions { display: flex; gap: 9px; justify-content: flex-end; }.pa-shell .pa-danger { background: color-mix(in srgb, var(--danger) 13%, var(--panel)); border-color: color-mix(in srgb, var(--danger) 60%, var(--line)); color: var(--danger); }.pa-shell .pa-danger:hover { background: color-mix(in srgb, var(--danger) 20%, var(--panel)); }
html[data-theme="light"] .pa-shell, html.light .pa-shell { --pa-mint: #167e70; --pa-cyan: #347898; }
html[data-theme="light"] .pa-hero, html.light .pa-hero { background: radial-gradient(ellipse at 92% 32%, #d6f3ed91, transparent 58%), linear-gradient(120deg, #f8fffd, var(--panel)); }
html[data-theme="light"] .pa-shell .pa-primary, html.light .pa-shell .pa-primary { color: #fff !important; }
html[data-theme="light"] .pa-shell .pa-primary:hover:not(:disabled), html.light .pa-shell .pa-primary:hover:not(:disabled) { background: #106f63 !important; color: #fff !important; }
html[data-theme="light"] .pa-built-sheet, html.light .pa-built-sheet { background: linear-gradient(150deg, #f4fffb, var(--panel)); box-shadow: 0 17px 38px #184b4920; }
html[data-theme="light"] .pa-draft-sheet, html.light .pa-draft-sheet { background: #eff7f7; }
@keyframes pa-spin { to { transform: rotate(360deg); } }
@keyframes pa-recording { 50% { opacity: .35; } }
@media (max-width: 1250px) {
  .pa-workspace { grid-template-columns: minmax(0, 1fr) 290px; gap: 17px; }
  .pa-composer, .pa-output, .pa-refine-card { padding: 21px; }.pa-guide { padding: 21px; }
  .pa-hero { padding: 28px; grid-template-columns: minmax(0, 1fr) 300px; }.pa-blueprint { transform: scale(.9); transform-origin: right center; }
  .pa-mode { gap: 6px; padding: 11px 8px; }.pa-mode-icon { width: 20px; }.pa-mode-icon svg { width: 18px; height: 18px; }.pa-mode-check { display: none; }.pa-session-tag { display: none; }
}
@media (max-width: 1020px) {
  .pa-workspace { grid-template-columns: minmax(0, 1fr); }.pa-guide { position: static; }.pa-masterclass { position: static; }
  .pa-guide:not(.pa-masterclass) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 30px; }.pa-guide-art { display: none; }.pa-guide:not(.pa-masterclass) > .pa-kicker, .pa-guide:not(.pa-masterclass) > h2, .pa-guide:not(.pa-masterclass) > p { grid-column: 1; }.pa-guide-list { grid-column: 2; grid-row: 1 / 4; align-self: center; }.pa-guide-bottom { grid-column: 1 / -1; margin-top: 5px; }
  .pa-masterclass-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }.pa-masterclass > h2 br { display: none; }.pa-masterclass-icon { margin-bottom: 15px; }.pa-masterclass-actions { justify-content: flex-start; }.pa-masterclass-actions button { flex: 0 0 auto; font-size: 11px !important; padding: 10px 13px; }
  .pa-composer-heading h2 { font-size: 23px; }.pa-session-tag { display: block; }
  .pa-hero { grid-template-columns: minmax(0, 1fr) 245px; padding: 26px; gap: 12px; }.pa-hero h1 { font-size: 34px; }.pa-blueprint { width: 300px; height: 225px; transform: scale(.8); margin-left: -55px; }
}
@media (max-width: 620px) {
  .pa-hero { grid-template-columns: minmax(0, 1fr); padding: 24px; margin-bottom: 17px; border-radius: 15px; }.pa-blueprint { display: none; }.pa-hero h1 { font-size: 35px; }.pa-hero-copy > p:not(.pa-eyebrow) { font-size: 12px; max-width: 420px; }.pa-eyebrow { font-size: 9px; margin-bottom: 16px; }.pa-steps { margin-top: 19px; }
  .pa-workspace { gap: 17px; }.pa-main-column { gap: 17px; }.pa-composer, .pa-output, .pa-refine-card, .pa-guide { padding: 19px; border-radius: 14px; }.pa-composer-heading { margin-bottom: 17px; }.pa-composer-heading h2 { font-size: 21px; }.pa-session-tag { display: none; }
  .pa-modes { margin-bottom: 20px; gap: 8px; }.pa-mode { align-items: flex-start; padding: 12px 10px; gap: 8px; }.pa-mode-icon { width: 19px; margin-top: 1px; }.pa-mode strong { font-size: 12px; }.pa-mode small { font-size: 9px; }
  .pa-draft-tools { align-items: center; padding-left: 12px; }.pa-draft-tools > span { font-size: 9px; padding: 0; }.pa-shell .pa-draft-input textarea { font-size: 13px; min-height: 145px; padding: 12px 13px 6px; }.pa-privacy-row { margin-top: 13px; }.pa-privacy-row label { font-size: 10px; }.pa-privacy-row > span { font-size: 8px; }
  .pa-guide:not(.pa-masterclass) { display: block; }.pa-guide:not(.pa-masterclass) > h2 { font-size: 24px; }.pa-guide > p { font-size: 12px; }.pa-guide-list { gap: 17px; margin-top: 23px; }.pa-guide-list strong { font-size: 12px; }.pa-guide-list small { font-size: 11px; }.pa-guide-bottom { margin-top: 24px; }.pa-masterclass-summary { grid-template-columns: minmax(0, 1fr); gap: 20px; }.pa-masterclass-summary h3 { font-size: 13px; }.pa-masterclass-summary p { font-size: 12px; }
  .pa-output-heading { flex-wrap: wrap; gap: 9px; }.pa-output h2 { font-size: 24px; }.pa-prompt-text { padding: 15px; font-size: 12px; max-height: 530px; }.pa-output-actions { gap: 7px; }.pa-output-actions button { font-size: 10px !important; padding: 9px 11px; }.pa-ready-badge { font-size: 9px; }
  .pa-question > label { font-size: 12px; }.pa-small { font-size: 12px; }.pa-section-heading h3 { font-size: 20px; }.pa-connection { align-items: flex-start; flex-direction: column; padding: 16px; }.pa-connection > button { width: 100%; }
  .pa-dialog { padding: 23px; }.pa-dialog h2 { font-size: 23px; }.pa-dialog-actions { flex-direction: column-reverse; }.pa-dialog-actions > button { width: 100%; }.pa-footer { font-size: 9px; padding-inline: 3px; }.pa-data-safety-copy { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 370px) {
  .pa-hero { padding: 21px 19px; }.pa-hero h1 { font-size: 31px; }.pa-hero-copy > p:not(.pa-eyebrow) { font-size: 12px; }.pa-eyebrow { font-size: 8px; gap: 7px; }.pa-steps { gap: 10px; }
  .pa-composer, .pa-output, .pa-refine-card, .pa-guide { padding: 17px 14px; }.pa-composer-heading h2 { font-size: 19px; }.pa-mode { padding: 11px 8px; gap: 6px; }.pa-mode-icon { display: none; }.pa-mode strong { font-size: 11px; }.pa-mode small { font-size: 9px; }
  .pa-selector-grid, .pa-focus-areas > div { grid-template-columns: minmax(0, 1fr); }.pa-draft-tools { padding: 7px 8px 9px 10px; }.pa-draft-tools > span { font-size: 8px; }.pa-privacy-row { align-items: flex-start; }.pa-privacy-row > span { padding-top: 4px; white-space: nowrap; }.pa-privacy-row label { gap: 5px; font-size: 9px; }
  .pa-disclosure > summary { padding: 12px 10px; }.pa-disclosure > summary > span { gap: 8px; }.pa-disclosure > summary small { font-size: 8px; }.pa-disclosure-body { padding-inline: 10px; }.pa-build-row { gap: 5px; }.pa-build-row .pa-primary { padding: 10px; }.pa-build-row .pa-quiet { padding: 10px 7px; }.pa-attach-row { gap: 7px; }.pa-attach-row > small { font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) { .pa-shell *, .pa-shell *::before, .pa-shell *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

/* Prompt Architect · native Vault visual hierarchy.
   Use the shared Vault palette and theme tokens, not a separate app color system. */
.pa-shell {
  --pa-mint: var(--accent);
  --pa-cyan: var(--accent);
  --pa-line: var(--line);
  --pa-surface: var(--panel);
  --pa-soft-accent: color-mix(in srgb, var(--accent) 7%, var(--panel));
  --pa-soft-warm: color-mix(in srgb, var(--warm) 7%, var(--panel));
  max-width: 1320px; color: var(--text);
}
.pa-shell p { line-height: 1.55; }
.pa-shell :is(h1,h2,h3) { color: var(--text); }
.pa-shell :is(input,select,textarea) { background: var(--field); color: var(--text); border-color: var(--line); }
.pa-shell :is(input,textarea)::placeholder { color: var(--muted); opacity: .92; }
.pa-shell :is(input,select,textarea,button,summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.pa-hero {
  position:relative; display:flex; align-items:center; justify-content:space-between; gap:22px;
  min-height:124px; margin:0 0 16px; padding:23px 31px;
  border:1px solid var(--line); border-radius:16px;
  background:linear-gradient(112deg,color-mix(in srgb,var(--panel2) 48%,var(--panel)) 0%,var(--panel) 64%,color-mix(in srgb,var(--accent) 9%,var(--panel)) 100%);
  box-shadow:0 14px 32px #080f190e;
}
.pa-hero::after {
  content:""; position:absolute; pointer-events:none; top:0;right:14%;
  width:160px;height:100%; opacity:.30;
  background:repeating-linear-gradient(115deg,transparent 0 23px,color-mix(in srgb,var(--accent) 17%,transparent) 24px 25px,transparent 26px 47px);
  mask-image:linear-gradient(90deg,transparent,#000,transparent);
}
.pa-hero-copy { position:relative;z-index:1;max-width:760px; }
.pa-eyebrow { color:var(--accent);font-size:10px;letter-spacing:.15em;font-weight:710;margin:0 0 8px; }
.pa-eyebrow svg { width:15px;height:15px; }
.pa-hero h1 { font-size:clamp(28px,2.6vw,37px);line-height:1.11;margin:0 0 10px;font-weight:665;letter-spacing:-.038em; }
.pa-hero h1 em { font-style:normal;color:var(--accent);font-weight:585; }
.pa-hero-copy > p:last-child {margin:0;font-size:13px;color:var(--muted);}
.pa-hero-mark {
  position:relative;isolation:isolate;width:140px;min-width:140px;height:88px;flex:none;
  border-left:1px solid var(--line);display:grid;place-items:center;color:var(--accent);overflow:hidden;
}
.pa-hero-mark > span {font-size:20px;letter-spacing:.3em;font-weight:780;padding-left:.3em;color:color-mix(in srgb,var(--text) 63%,var(--muted));}
.pa-hero-mark i {
  position:absolute;width:70px;height:24px;border:1px solid color-mix(in srgb,var(--accent) 48%,var(--line));
  border-radius:50%;transform:rotate(-32deg);opacity:.46;
}
.pa-hero-mark i:last-child {transform:rotate(32deg);}
/* Sequential work surfaces, with contrast from material and hierarchy instead of neon borders. */
.pa-destination,.pa-configurator {
  position:relative;isolation:isolate;padding:23px 27px 24px;border:1px solid var(--line);
  border-radius:15px;margin:0 0 14px;
}
.pa-destination {background:linear-gradient(120deg,color-mix(in srgb,var(--panel2) 31%,var(--panel)),var(--panel));}
.pa-configurator {background:linear-gradient(130deg,color-mix(in srgb,var(--warm) 7%,var(--panel)),color-mix(in srgb,var(--panel2) 31%,var(--panel)));}
.pa-destination::before,.pa-configurator::before,.pa-composer::before {
  content:"";position:absolute;left:0;top:17px;bottom:17px;width:3px;
  border-radius:0 5px 5px 0;background:var(--accent);opacity:.62;
}
.pa-configurator::before,.pa-composer::before {background:var(--warm);}
.pa-stage-heading {display:flex;align-items:center;gap:12px;margin:0 0 17px;}
.pa-stage-heading > div {min-width:0;flex:1;}
.pa-stage-number {
  width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:9px;
  background:color-mix(in srgb,var(--panel2) 34%,var(--panel));
  color:var(--accent);font-size:12px;font-variant-numeric:tabular-nums;font-weight:690;
}
.pa-configurator .pa-stage-number,.pa-composer .pa-stage-number,.pa-guide .pa-stage-number {color:var(--warm);}
.pa-stage-heading .pa-kicker {margin-bottom:4px;font-size:9px;letter-spacing:.105em;color:var(--muted);}
.pa-stage-heading h2 {margin:0;font-size:clamp(18px,1.65vw,22px);line-height:1.22;letter-spacing:-.022em;font-weight:680;}
.pa-modes {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;}
.pa-mode {
  display:flex;min-height:68px;padding:13px 16px;gap:12px;align-items:center;
  border:1px solid var(--line);border-radius:11px;
  background:color-mix(in srgb,var(--panel) 75%,var(--field));
}
.pa-mode:hover:not(:disabled) {background:color-mix(in srgb,var(--panel2) 35%,var(--panel));border-color:color-mix(in srgb,var(--accent) 32%,var(--line));}
.pa-mode.is-selected {
  background:color-mix(in srgb,var(--accent) 11%,var(--panel));
  border-color:color-mix(in srgb,var(--accent) 45%,var(--line));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 14%,transparent);
}
.pa-mode-icon {
  width:37px;height:37px;flex:0 0 37px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:10px;
  background:color-mix(in srgb,var(--accent) 8%,var(--panel));color:var(--accent);
}
.pa-mode:nth-child(2) .pa-mode-icon {color:var(--warm);background:var(--pa-soft-warm);}
.pa-mode strong {font-size:13px;font-weight:690;}
.pa-mode small {font-size:11px;margin-top:3px;color:var(--muted);}
.pa-mode-check {color:var(--accent);}
.pa-mode-check svg {width:15px;height:15px;}
/* The configurator is usable immediately. Templates and extended focus are progressive. */
.pa-template-option {margin:0 0 17px;}
.pa-template-option .pa-disclosure {margin:0;background:color-mix(in srgb,var(--panel2) 18%,var(--panel));}
.pa-template-option .pa-disclosure > summary {padding:11px 14px;}
.pa-template-option .pa-disclosure > summary small {display:inline-block;margin:0 0 0 10px;color:var(--muted);}
.pa-template-option .pa-disclosure-body {padding:0 14px 15px;}
.pa-selector-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 13px;margin:0;}
.pa-selector-grid .pa-field > span {display:block;margin-bottom:7px;font-size:11px;line-height:1.35;font-weight:665;color:var(--text);}
.pa-shell .pa-selector-grid select {min-height:43px;padding:8px 32px 8px 12px;width:100%;border-radius:8px;font-size:12px;font-weight:520;}
.pa-focus-areas {margin-top:0;padding:0;border:0;}
.pa-configurator > .pa-disclosure {margin:15px 0 0;}
.pa-configurator > .pa-disclosure > summary {background:color-mix(in srgb,var(--panel2) 15%,var(--panel));padding:11px 14px;}
.pa-configurator > .pa-disclosure > summary small {color:var(--muted);}
.pa-focus-areas > div {grid-template-columns:repeat(3,minmax(0,1fr));}
/* The writing sheet, not an introductory slideshow, is the focal point. */
.pa-workspace {display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,.34fr);align-items:start;gap:16px;}
.pa-main-column {gap:17px;}
.pa-composer,.pa-output,.pa-refine-card {
  position:relative;padding:22px 25px;border:1px solid var(--line);border-radius:15px;
  background:var(--panel);box-shadow:0 12px 26px #080f1910;
}
.pa-composer {background:linear-gradient(135deg,color-mix(in srgb,var(--warm) 5%,var(--panel)),var(--panel) 46%);}
.pa-composer-heading {justify-content:flex-start;margin-bottom:19px;}
.pa-composer-heading .pa-session-tag {margin-left:auto;}
.pa-draft-label {font-size:12px;margin-bottom:10px;}
.pa-draft-input,.pa-answer-input {background:var(--field);border:1px solid var(--line);border-radius:10px;}
.pa-draft-input:focus-within,.pa-answer-input:focus-within {border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent);}
.pa-shell .pa-draft-input textarea {font-size:14px;min-height:160px;line-height:1.6;padding:16px;}
.pa-draft-tools {padding:6px 11px 11px 16px;}
.pa-draft-tools > span {font-size:10px;}
.pa-privacy-row {margin-top:15px;}
.pa-media-consent {background:color-mix(in srgb,var(--panel2) 14%,var(--panel));border-color:var(--line);}
.pa-compose-options .pa-disclosure {background:color-mix(in srgb,var(--panel2) 12%,var(--panel));}
.pa-shell .pa-primary {
  background:var(--accent)!important;border:1px solid var(--accent)!important;color:var(--bg)!important;
  font-size:12px;font-weight:730;border-radius:8px;
}
.pa-shell .pa-primary:hover:not(:disabled) {
  background:color-mix(in srgb,var(--accent) 82%,var(--text))!important;
  color:var(--bg)!important;
}
.pa-build-row {border-color:var(--line);gap:12px;}
.pa-build-row #pa-build {min-height:45px;padding:11px 21px;}
.pa-build-row #pa-reset {background:transparent;color:var(--muted);}
.pa-safety-note {font-size:10px;line-height:1.55;}
/* The lesson becomes rich only after a prompt exists. */
.pa-guide {
  position:sticky;top:20px;min-width:0;
  background:linear-gradient(155deg,color-mix(in srgb,var(--warm) 10%,var(--panel)),var(--panel));
  border:1px solid var(--line);border-radius:15px;padding:23px 21px;
  box-shadow:0 12px 26px #080f190b;
}
.pa-guide-empty {min-height:275px;display:flex;flex-direction:column;}
.pa-guide-top {display:flex;align-items:center;gap:11px;padding-bottom:15px;border-bottom:1px solid var(--line);}
.pa-guide-top .pa-kicker {margin:0;color:var(--muted);}
.pa-guide-illustration {display:flex;justify-content:center;align-items:center;flex:1;min-height:85px;gap:11px;opacity:.72;color:var(--warm);}
.pa-guide-illustration > svg {width:32px;height:32px;}
.pa-guide-lines {display:grid;gap:6px;}
.pa-guide-lines i {display:block;width:44px;height:2px;background:color-mix(in srgb,var(--warm) 38%,var(--line));border-radius:3px;}
.pa-guide-lines i:nth-child(2){width:30px;}
.pa-guide-lines i:nth-child(3){width:39px;}
.pa-guide-empty h2 {font-size:20px;line-height:1.25;margin:0 0 9px;}
.pa-guide-empty p {font-size:12px;margin:0;color:var(--muted);}
.pa-masterclass {position:sticky;padding-top:25px;}
.pa-masterclass .pa-kicker {color:var(--warm);}
.pa-masterclass h2 {font-size:23px;}
.pa-masterclass-summary {gap:16px;}
.pa-masterclass-summary section {padding-top:13px;border-top:1px solid var(--line);}
.pa-masterclass-summary section > span {color:var(--warm);font-size:9px;}
.pa-masterclass-summary h3 {font-size:12px;}
.pa-masterclass-summary p,.pa-small {font-size:12px;line-height:1.6;}
.pa-prompt-text {background:var(--field);border-color:var(--line);}
.pa-footer {padding:16px 0 4px;}
.pa-footer > .pa-disclosure {background:transparent;}
.pa-data-safety-copy p {font-size:12px;}
html[data-theme="light"] .pa-shell,html.light .pa-shell {--pa-mint:var(--accent);--pa-cyan:var(--accent);}
html[data-theme="light"] .pa-hero,html.light .pa-hero {
  background:linear-gradient(112deg,color-mix(in srgb,var(--panel2) 48%,var(--panel)),var(--panel) 64%,color-mix(in srgb,var(--accent) 9%,var(--panel)));
}
html[data-theme="light"] .pa-shell .pa-primary,html.light .pa-shell .pa-primary {color:var(--bg)!important;}
html[data-theme="light"] .pa-shell .pa-primary:hover:not(:disabled),html.light .pa-shell .pa-primary:hover:not(:disabled) {
  background:color-mix(in srgb,var(--accent) 82%,var(--text))!important;color:var(--bg)!important;
}
@media(max-width:1040px) {
  .pa-workspace {grid-template-columns:minmax(0,1fr) 240px;}
  .pa-selector-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
  .pa-destination,.pa-configurator {padding:21px;}
  .pa-composer,.pa-output,.pa-refine-card {padding:21px;}
  .pa-guide {padding:19px;}
}
@media(max-width:820px) {
  .pa-workspace {grid-template-columns:minmax(0,1fr);}
  .pa-guide {position:static;}
  .pa-guide-empty {min-height:180px;}
  .pa-selector-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
  .pa-hero-mark {width:110px;min-width:110px;}
}
@media(max-width:620px) {
  .pa-hero {padding:19px 18px;min-height:0;margin-bottom:13px;}
  .pa-hero-mark {display:none;}
  .pa-hero h1 {font-size:27px;}
  .pa-destination,.pa-configurator,.pa-composer,.pa-output,.pa-refine-card,.pa-guide {padding:18px 15px;border-radius:12px;}
  .pa-destination,.pa-configurator {margin-bottom:12px;}
  .pa-stage-heading {gap:10px;margin-bottom:14px;}
  .pa-stage-heading h2 {font-size:19px;}
  .pa-stage-number {width:27px;height:27px;flex-basis:27px;font-size:11px;}
  .pa-modes {gap:8px;}
  .pa-mode {padding:11px 9px;min-height:72px;gap:7px;align-items:flex-start;}
  .pa-mode-icon {display:none;}
  .pa-mode strong {font-size:12px;}
  .pa-mode small {font-size:10px;}
  .pa-selector-grid {gap:12px 9px;}
  .pa-selector-grid .pa-field > span {font-size:10px;}
  .pa-shell .pa-selector-grid select {font-size:11px;padding:7px 24px 7px 9px;}
  .pa-shell .pa-draft-input textarea {min-height:145px;font-size:13px;}
  .pa-guide-empty {min-height:180px;}
}
@media(max-width:370px) {
  .pa-selector-grid {grid-template-columns:minmax(0,1fr);}
  .pa-focus-areas > div {grid-template-columns:minmax(0,1fr);}
  .pa-mode {padding:10px 8px;}
}
@media(prefers-reduced-motion:reduce) {
  .pa-shell *, .pa-shell *::before, .pa-shell *::after {animation:none!important;transition:none!important;}
}