@scope(.opus-tool){:scope{--surface:#fffdf8;max-width:1440px;padding:var(--s5);margin:auto}:is(p,h1,h2,h3){overflow-wrap:anywhere;margin:0}.opus-heading{justify-content:space-between;align-items:end;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap;display:flex}.opus-heading h1{margin:var(--s2) 0 var(--s3)}.opus-heading p,.opus-hint,.opus-guide-heading>p:last-child{color:var(--muted)}.opus-kicker{letter-spacing:.09em;text-transform:uppercase;font-size:14px;color:var(--copper)!important}a{align-items:center;min-height:44px;display:inline-flex}.opus-workspace{gap:var(--s4);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.opus-panel,.opus-output{border:1px solid var(--line);border-radius:3px;min-width:0}.opus-panel{padding:var(--s4);background:var(--surface)}.opus-panel h2{margin-bottom:var(--s4)}.opus-field{margin:var(--s4) 0}label{margin-bottom:var(--s2);font-size:var(--body);font-weight:500;display:block}label span{color:var(--muted);font-weight:400}.opus-label-row{justify-content:space-between;align-items:center;gap:var(--s2);margin-bottom:var(--s2);flex-wrap:wrap;display:flex}.opus-label-row label{margin:0}:is(textarea,select){border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;color:var(--ink);padding:var(--s2);border-radius:3px}textarea{min-height:calc(var(--s6) * 1.61);resize:vertical;line-height:1.61}textarea::placeholder{color:var(--muted);opacity:1}.opus-hint{margin-top:var(--s2);font-size:14px}.opus-details{margin:var(--s4) 0;border-block:1px solid var(--line);padding:var(--s2) 0}summary{cursor:pointer;padding:var(--s2) 0}.opus-check{align-items:center;gap:var(--s2);font-weight:400;display:flex}.opus-check input{width:44px;height:44px;accent-color:var(--copper);flex:0 0 44px}button{background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:var(--s2) var(--s3);cursor:pointer;box-shadow:none}button.quiet{color:var(--copper);background:0 0;border-color:#0000}button.primary{background:var(--copper);border-color:var(--copper);color:#fff}button:hover:enabled{background:var(--wash)}button.primary:hover:enabled{background:#873c17}.opus-build{justify-content:space-between;width:100%;display:flex}.opus-error{color:var(--error);margin:var(--s3) 0}.opus-output{background:var(--ink);color:var(--paper);overflow:hidden}.opus-output-header{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--s4);border-bottom:1px solid #65635d;flex-wrap:wrap;display:flex}.opus-output-header h2{color:var(--paper)}.opus-output textarea{height:640px;min-height:320px;max-height:75vh;color:var(--paper);padding:var(--s4);font:14px/1.61 var(--font-geist-mono);background:0 0;border:0;border-radius:0;display:block}.opus-output textarea:focus-visible{outline-offset:-4px;outline-color:#ecb896}.opus-output-note,.opus-status{color:#e0d8ca;padding:var(--s3) var(--s4);border-top:1px solid #65635d;font-size:14px}.opus-empty{padding:var(--s5) var(--s4);justify-content:center;gap:var(--s4);flex-direction:column;min-height:440px;display:flex}.opus-empty .opus-kicker{color:#ecb896!important}.opus-empty p:last-child{color:#e0d8ca;max-width:42ch}.opus-guide{padding-top:var(--s6);scroll-margin-top:var(--s4)}.opus-guide-heading{max-width:72ch;margin-bottom:var(--s4)}.opus-guide-heading h2{margin:var(--s2) 0 var(--s3)}.opus-tips{gap:var(--s4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.opus-tips article{border-top:2px solid var(--line);padding-top:var(--s3);grid-column:span 2}.opus-tips article:nth-child(n+4){grid-column:span 3}h3{font-size:var(--body);margin-bottom:var(--s2)}.opus-tips p{color:var(--muted)}.opus-tips a{margin-top:var(--s2);font-size:14px}.opus-source-note{margin-top:var(--s5);border-block:1px solid var(--line);padding:var(--s3) 0}.opus-source-note p{max-width:90ch;margin:var(--s3) 0;color:var(--muted)}.opus-source-links{gap:var(--s4);flex-wrap:wrap;display:flex}.opus-result{min-width:0}.vault{margin-top:var(--s4);background:var(--surface);border:1px solid var(--line);padding:var(--s4);overflow-wrap:anywhere;border-radius:3px}.vaultActions,.dialogActions,.savedActions,.libraryHeading{align-items:center;gap:var(--s2);flex-wrap:wrap;display:flex}.vaultActions,.libraryHeading{justify-content:space-between}.vault .saveButton{background:var(--copper);color:#fff;border-color:var(--copper)}.vaultNote,.savedRow small{color:var(--muted);font-size:14px}.vaultNote{margin:var(--s2) 0 var(--s3)}.vaultNotice{color:var(--ink);padding:var(--s2);background:var(--wash)}.vaultError,.promptDialog .error{color:var(--error);margin:var(--s2) 0}.savedList{gap:var(--s3);margin-top:var(--s3);display:grid}.savedRow{border-top:1px solid var(--line);padding-top:var(--s2)}.savedRow small{margin-bottom:var(--s2);display:block}.savedName{text-align:left;color:var(--copper);background:0 0;border:0;padding:0}.promptDialog{width:min(760px,calc(100vw - var(--s4)));max-height:90dvh;padding:var(--s4);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:3px;margin:auto;overflow:auto}.promptDialog::backdrop{background:#252522cc}.promptDialog>p{margin:var(--s2) 0 var(--s4)}.promptDialog form{gap:var(--s3);display:grid}.promptDialog .field{gap:var(--s2);display:grid}.promptDialog .field>span{color:var(--ink)}.promptDialog input{width:100%;min-width:0;padding:var(--s2);border:1px solid var(--line);background:var(--surface);color:var(--ink)}.promptDialog textarea{min-height:200px;max-height:45dvh}.dialogActions{justify-content:flex-end}@media (max-width:900px){.opus-workspace{grid-template-columns:1fr}.opus-tips{grid-template-columns:repeat(2,minmax(0,1fr))}.opus-tips article,.opus-tips article:nth-child(n+4){grid-column:auto}.opus-tips article:last-child:nth-child(odd){grid-column:1/-1}}@media (max-width:600px){:scope{padding:var(--s4) var(--s3)}.opus-panel,.opus-output-header{padding:var(--s3)}.opus-tips{grid-template-columns:1fr}.opus-tips article:last-child:nth-child(odd){grid-column:auto}.opus-heading h1{font-size:var(--h2)}.opus-output textarea{padding:var(--s3)}.opus-empty{min-height:300px}}}
