#instructions-dialog {width:min(760px,calc(100% - 32px));max-width:760px;max-height:calc(100dvh - 40px);padding:32px 36px 22px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 28px 90px #152c3e30;}
#instructions-dialog::backdrop {background:#172f43a8;}
#instructions-dialog[open] {display:flex;flex-direction:column;overflow:hidden;}
.context-scroll {min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px;margin:0 -4px;}
.context-dialog-head,.context-footer {flex-shrink:0;}
#instructions-title:focus {outline:none;}
.context-dialog-head {display:flex;justify-content:space-between;gap:24px;align-items:center;}.context-dialog-head .eyebrow{margin:0;font-size:9px;}.context-dialog-head .close-button{width:40px;height:40px;flex:none;}
.context-heading h2 {font:500 32px/1.12 var(--title);letter-spacing:-1px;margin:16px 0;}.context-heading h2 em{font:400 36px/1.15 var(--display);}.context-heading>p{font-size:13px;line-height:1.75;color:var(--muted);max-width:600px;margin:0 0 20px;}
.context-file {display:flex;align-items:center;gap:10px;padding:12px 0;border-block:1px solid var(--line);font-size:11px;margin-bottom:22px;}.context-file>span:first-child{font-size:21px;color:var(--accent);}.context-file strong{font-weight:500;overflow-wrap:anywhere;min-width:0;}.context-file>span:last-child{margin-left:auto;color:var(--muted);text-align:right;flex-shrink:0;}
.context-field-heading {display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;}.context-field-heading label{font-weight:500;}.context-field-heading label span{font-size:10px;font-weight:400;color:var(--muted);margin-left:5px;}#instructions-plan-badge{font-size:10px;color:var(--accent);}
#instructions-text {display:block;width:100%;min-height:137px;max-height:290px;resize:vertical;border:1px solid #b6c3cb;border-radius:5px;background:var(--bg);color:var(--ink);padding:16px;font:14px/1.7 var(--body);transition:border-color 150ms ease;}#instructions-text::placeholder{color:#6c7a82;}#instructions-text:focus-visible{outline:2px solid var(--accent);outline-offset:3px;}#instructions-text[aria-invalid=true]{border-color:var(--danger);}
.context-counter {display:flex;justify-content:space-between;gap:25px;align-items:start;margin-top:10px;font-size:10px;line-height:1.6;color:var(--muted);}.context-counter>span{max-width:395px;}#instructions-count{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ink);}.context-error{font-size:11px;line-height:1.6;color:var(--danger);margin:8px 0 0;}.context-error:empty{display:none;}
.context-examples {margin-top:22px;}.context-examples>p:first-child{font-size:11px;font-weight:500;margin:0 0 10px;}.context-examples>p>span{font-size:10px;color:var(--muted);font-weight:400;margin-left:8px;}.context-examples [role=group]{display:grid;grid-template-columns:1fr 1fr;gap:8px;}.context-examples button{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;text-align:left;font-size:11px;border:1px solid var(--line);border-radius:4px;transition:background 150ms ease,border-color 150ms ease;}.context-examples button>span{color:var(--accent);font-size:16px;}.context-examples button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);}.context-examples button:disabled{opacity:1;}
.context-footer {display:flex;justify-content:flex-end;gap:12px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);}.context-footer .button{font-size:12px;min-height:46px;}.context-footer .button:disabled{opacity:.5;}
.context-preview-control {display:grid;grid-template-columns:1fr auto;gap:9px 16px;border-top:1px dashed var(--line);padding-top:16px;margin-top:23px;align-items:center;}.context-preview-control label{font-size:9px;color:var(--muted);}.context-preview-control select{border:1px solid var(--line);color:var(--muted);background:var(--bg);font:10px var(--body);border-radius:3px;padding:8px;max-width:100%;}.context-preview-control p{grid-column:1/-1;font-size:9px;line-height:1.5;color:var(--muted);margin:0;}
.context-locked {padding:27px;background:var(--primary);color:var(--on-primary);border-radius:5px;}.context-lock-label{font-size:8px;letter-spacing:1px;color:#d6c192;}.context-locked h3{font:500 28px/1.1 var(--title);letter-spacing:-.7px;margin:18px 0;}.context-locked h3 em{font-family:var(--display);font-weight:400;}.context-locked>p{font-size:12px;line-height:1.8;color:#d2dfe5;}.context-plan-limits{display:flex;gap:30px;margin:22px 0;}.context-plan-limits span{font-size:10px;color:#d2dfe5;}.context-plan-limits strong{display:block;font:38px var(--display);color:#e6cea0;margin-bottom:4px;}.context-locked .text-button{color:var(--on-primary);font-size:12px;}
.upload-context-hint {padding:14px 0 4px;border-top:1px solid var(--line);margin:18px 0 14px;font-size:11px;line-height:1.8;color:var(--muted);}.upload-context-hint strong{display:block;color:var(--ink);font-weight:500;}.context-plan-note{margin:22px 0 0;font-size:12px;line-height:1.8;color:var(--muted);max-width:780px;}.price-plan .unavailable::before{content:'—';color:var(--muted);}
.analysis-context {border:1px solid var(--line);border-radius:5px;padding:13px 18px;margin:18px 0;background:var(--paper);}.analysis-context summary{display:flex;justify-content:space-between;gap:20px;font-size:12px;cursor:pointer;min-height:24px;align-items:center;}.analysis-context summary>span{font-size:10px;color:var(--muted);}.analysis-context p{font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-width:900px;}.analysis-context small{display:block;color:var(--muted);font-size:10px;line-height:1.7;}
@media(hover:hover) and (pointer:fine){.context-examples button:not(:disabled):hover{background:var(--wash);border-color:var(--accent);}}
@media(max-width:620px){#instructions-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:20px;}.context-heading h2{font-size:27px;}.context-heading h2 em{font-size:31px;}.context-heading h2 br{display:none;}.context-heading>p{font-size:12px;}.context-field-heading{align-items:start;flex-direction:column;gap:7px;}.context-file{font-size:10px;}.context-file>span:last-child{max-width:92px;}.context-counter{gap:12px;}.context-counter>span{font-size:9px;}#instructions-text{font-size:16px;min-height:150px;}.context-examples>p>span{display:block;margin:5px 0 0;}.context-examples [role=group]{gap:7px;}.context-examples button{font-size:10px;padding:10px;min-height:47px;}.context-footer{flex-direction:column-reverse;gap:9px;}.context-footer .button{width:100%;font-size:12px;}.context-preview-control{grid-template-columns:1fr;}.context-preview-control select{font-size:12px;min-height:40px;}.context-preview-control label{font-size:10px;}.context-preview-control p{font-size:10px;}.context-locked{padding:23px;}.context-plan-limits{gap:20px;}}
@supports (transition-behavior:allow-discrete){
  html[data-motion=on] #instructions-dialog[data-keyboard=false]{transition:opacity 250ms var(--ease),transform 250ms var(--ease),display 250ms allow-discrete,overlay 250ms allow-discrete;opacity:0;transform:scale(.96);}
  html[data-motion=on] #instructions-dialog[data-keyboard=false][open]{opacity:1;transform:none;}
  @starting-style{html[data-motion=on] #instructions-dialog[data-keyboard=false][open]{opacity:0;transform:scale(.96);}}
}
@media(prefers-reduced-motion:reduce){#instructions-dialog,#instructions-dialog *{transition:none!important;}}
html[data-motion=off] #instructions-dialog,html[data-motion=off] #instructions-dialog *{transition:none!important;}
@media(max-width:620px){.context-heading h2 em{display:block;}}