.opnote-shell{font-family:var(--sans);color:var(--ink);min-height:640px}.opnote-layout{grid-template-columns:1fr;gap:32px;margin:0 0 clamp(40px,6vw,64px);display:grid}@media (width>=1024px){.opnote-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:48px}}.opnote-form{background:var(--bg-card);border:1px solid var(--rule);margin:0;padding:clamp(20px,3vw,32px)}.opnote-form-title{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 24px;font-size:11px;font-weight:500}.opnote-section{border-top:1px solid var(--rule);margin-top:24px;padding-top:24px}.opnote-section:first-of-type{border-top:none;margin-top:0;padding-top:0}.opnote-section-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin:0 0 16px;font-size:10px;font-weight:500}.opnote-row{grid-template-columns:1fr;gap:12px;margin-bottom:16px;display:grid}@media (width>=600px){.opnote-row.opnote-row-2{grid-template-columns:1fr 1fr}.opnote-row.opnote-row-3{grid-template-columns:1fr 1fr 1fr}}.opnote-field{flex-direction:column;gap:4px;display:flex}.opnote-field-label{font-family:var(--sans);color:var(--ink-2);font-size:12px;font-weight:500}.opnote-field-hint{font-family:var(--sans);color:var(--ink-3);margin-top:2px;font-size:11px;font-style:italic}.opnote-field-input,.opnote-field-select,.opnote-field-textarea{font-family:var(--sans);color:var(--ink);background:var(--bg);border:1px solid var(--rule);box-sizing:border-box;width:100%;padding:8px 10px;font-size:14px;line-height:1.4}.opnote-field-textarea{resize:vertical;min-height:60px;font-family:var(--sans)}.opnote-field-input:focus-visible,.opnote-field-select:focus-visible,.opnote-field-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.opnote-toggle{align-items:center;gap:8px;padding:6px 0;display:flex}.opnote-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;margin:0}.opnote-toggle-label{font-family:var(--sans);color:var(--ink);cursor:pointer;font-size:13px}.opnote-radio-group{grid-template-columns:1fr;gap:6px;display:grid}@media (width>=600px){.opnote-radio-group.opnote-radio-group-cols-2{grid-template-columns:1fr 1fr}.opnote-radio-group.opnote-radio-group-cols-3{grid-template-columns:1fr 1fr 1fr}}.opnote-radio{border:1px solid var(--rule);background:var(--bg);cursor:pointer;font-family:var(--sans);color:var(--ink);align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:border-color .15s,background .15s;display:flex}.opnote-radio:hover{border-color:var(--accent)}.opnote-radio:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--ink-on-dark)}.opnote-radio:has(input:checked):hover{background:var(--accent);border-color:var(--accent)}.opnote-radio:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.opnote-radio input[type=radio]{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.opnote-subsection{background:var(--bg);border-left:2px solid var(--accent);margin-top:12px;padding:16px}.opnote-subsection-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 12px;font-size:10px;font-weight:500}.opnote-lesion-card{background:var(--bg);border:1px solid var(--rule);border-left:3px solid var(--accent);margin-top:16px;padding:16px 18px 18px}.opnote-lesion-card:first-of-type{margin-top:0}.opnote-lesion-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.opnote-lesion-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px;font-weight:500}.opnote-lesion-remove{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border:0;border-bottom:1px solid var(--ink-3);cursor:pointer;background:0 0;padding:2px 4px;font-size:10px;transition:color .15s,border-color .15s}.opnote-lesion-remove:hover,.opnote-lesion-remove:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}.opnote-lesion-remove:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:1px}.opnote-add-lesion{width:100%;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--bg);border:1px dashed var(--accent);cursor:pointer;margin-top:16px;padding:12px 16px;font-size:11px;transition:background .15s,color .15s}.opnote-add-lesion:hover{background:var(--accent);color:var(--ink-on-dark);border-style:solid}.opnote-add-lesion:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.opnote-output{flex-direction:column;display:flex}@media (width>=1024px){.opnote-output{max-height:calc(100vh - 48px);position:sticky;top:24px}}.opnote-output-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.opnote-output-title{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);flex-grow:1;margin:0;font-size:11px;font-weight:500}.opnote-output-actions{gap:6px;display:flex}.opnote-action{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--bg-card);border:1px solid var(--accent);cursor:pointer;padding:6px 12px;font-size:11px;transition:background .15s,color .15s}.opnote-action:hover{background:var(--accent);color:var(--ink-on-dark)}.opnote-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.opnote-action--primary{background:var(--ink);border-color:var(--ink);color:var(--ink-on-dark)}.opnote-action--primary:hover{background:var(--accent);border-color:var(--accent)}.opnote-output-body{background:var(--bg);border:1px solid var(--rule-strong);flex-grow:1;padding:20px;overflow:auto}@media (width>=1024px){.opnote-output-body{max-height:calc(100vh - 180px)}}.opnote-output-body pre{font-family:var(--mono);color:var(--ink);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12px;line-height:1.55}.opnote-output-footer{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);text-align:center;margin-top:12px;font-size:10px}.opnote-copy-fallback{font-family:var(--mono);color:var(--accent);margin-top:8px;font-size:11px}.opnote-form-footer{border-top:1px solid var(--rule);justify-content:flex-end;margin-top:24px;padding-top:16px;display:flex}.opnote-reset{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border:0;border-bottom:1px solid var(--ink-3);cursor:pointer;background:0 0;padding:4px 2px;font-size:11px;transition:color .15s,border-color .15s}.opnote-reset:hover,.opnote-reset:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}.opnote-reset:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media print{.opnote-form,.opnote-output-actions,.opnote-output-footer,.opnote-output-title,.opnote-form-footer{display:none!important}.opnote-shell{min-height:0}.opnote-layout{display:block}.opnote-output{max-height:none!important;position:static!important}.opnote-output-body{border:none;padding:0;overflow:visible;max-height:none!important}.opnote-output-body pre{font-family:Georgia,serif;font-size:12pt}}