#dialog:has(.st-library),#dialog:has(.st-preview){width:min(1120px,calc(100vw - 32px));max-height:92dvh}#dialog:has(.st-library) .dialog-body{max-height:calc(92dvh - 80px)}#dialog:has(.st-preview) .dialog-body{max-height:calc(92dvh - 152px)}.st-intro{max-width:640px;margin:0 0 24px}.st-intro .eyebrow{font-size:8px;color:#8b9d77}.st-intro h3{font:400 29px var(--serif);margin:10px 0;color:#4b673e}.st-intro p{font-size:12px;color:#8a967a;line-height:1.9}.st-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.st-tone-sage{--st-bg:#e7eddd;--st-ink:#73895e;--st-edge:#bdcca9}.st-tone-sand{--st-bg:#eee5d8;--st-ink:#9b7b51;--st-edge:#d9c7aa}.st-tone-rose{--st-bg:#efe0db;--st-ink:#ad7f70;--st-edge:#d9bbb1}.st-tone-blue{--st-bg:#e0e9eb;--st-ink:#7491a0;--st-edge:#b2c7d1}.st-tone-olive{--st-bg:#e9e9d6;--st-ink:#929261;--st-edge:#cccca6}.st-tone-lavender{--st-bg:#e8e3ef;--st-ink:#9283a7;--st-edge:#c8bed9}.st-tone-slate{--st-bg:#e2e8e3;--st-ink:#7b9383;--st-edge:#bacbbd}.st-tone-terracotta{--st-bg:#f0e2d6;--st-ink:#b28a6b;--st-edge:#ddc5af}.st-card{display:flex;flex-direction:column;text-align:left;padding:18px 17px 14px;border:1px solid var(--st-edge);border-radius:6px;background:#fdfbf4;min-width:0;box-shadow:0 2px 5px #364b2810;transition:transform .15s,box-shadow .15s}.st-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #364b281b}.st-diagram{display:block;width:100%;height:77px;color:var(--st-ink);background:var(--st-bg);border-radius:4px;flex-shrink:0}.st-card>small{font-size:8px;letter-spacing:.6px;color:var(--st-ink);margin:17px 0 7px}.st-card h3{font:400 22px/1.25 var(--serif);letter-spacing:-.4px;margin:0 0 10px;color:#526b43}.st-card>p{font-size:10px;line-height:1.8;color:#8d987e;margin:0 0 18px;flex:1}.st-card footer{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #e0e6d4;font-size:9px;color:#8b9c77}.st-library-note{font-size:10px;line-height:1.8;color:#929e82;margin:23px 0 0}.st-preview-banner{display:flex;gap:22px;align-items:center;background:var(--st-bg);border:1px solid var(--st-edge);border-radius:5px;padding:16px 22px}.st-preview-banner>.st-diagram{width:210px;height:85px}.st-preview-banner>div>span{font-size:10px;color:var(--st-ink);letter-spacing:.3px}.st-preview-banner p{font:17px/1.6 var(--serif);color:#667451;margin:8px 0}.st-about{margin:14px 0 21px;border:1px solid #dfe5d2;border-radius:5px;background:#f5f6eb;padding:10px 14px;font-size:11px;color:#859574;line-height:1.8}.st-practice{white-space:pre-line}.st-about summary{cursor:pointer;color:#758961}.st-about p{margin:11px 0}.st-about>div{display:flex;gap:14px;flex-wrap:wrap}.st-about a{color:#688653;font-size:10px}.st-config{display:grid;grid-template-columns:1fr 1fr;gap:18px}.st-config .form-group{margin-bottom:20px}.st-workbench{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid #d9e1cd;border-radius:6px;overflow:hidden;background:#fdfbf4}.st-stages{padding:15px 10px;background:#eef2e5;border-right:1px solid #d8e1ca;max-height:550px;overflow:auto;scrollbar-width:thin}.st-stage-row{display:flex;align-items:center;gap:4px;margin:2px 0}.st-stage-row>label{padding:6px;flex-shrink:0;cursor:pointer;line-height:1}.st-stage-row input{accent-color:#79965e;width:13px;height:13px;margin:0}.st-stage-row>button{display:flex;align-items:flex-start;gap:8px;padding:10px 8px;font-size:11px;color:#849874;border:1px solid transparent;border-radius:4px;flex:1;text-align:left;line-height:1.6}.st-stage-row>button[aria-current=step]{background:#dfe8d2;border-color:#c4d4b1;color:#577640}.st-stage-row>button small{font-size:9px;color:#a0b28c;padding-top:2px}.st-beat-detail{padding:26px 30px;min-width:0}.st-beat-kicker{font-size:8px;letter-spacing:1.4px;color:#9bac88}.st-beat-detail h3{font:400 28px/1.3 var(--serif);margin:12px 0;color:#4c693e}.st-purpose{font-size:12px;line-height:1.8;color:#8a997a}.st-prompt{display:flex;gap:12px;margin:22px 0;padding:16px;background:#eef3e6;border-left:2px solid #b5c99c;color:#748d5c}.st-prompt p{font:16px/1.75 var(--serif);margin:0}.st-prompt .icon{margin-top:5px;width:15px;flex-shrink:0}.st-beat-detail textarea{min-height:120px!important;line-height:1.8;font:14px/1.8 var(--serif)}.st-stage-nav{display:flex;justify-content:space-between;margin-top:19px}.st-stage-nav .btn{font-size:10px}.st-stage-nav .btn:disabled{opacity:.35}.st-impact{padding:13px 15px;border:1px solid #c9d7b7;background:#e9f0de;border-radius:4px;color:#718957;font-size:11px;line-height:1.8;margin-top:18px}.st-footnote{font-size:10px;line-height:1.7;color:#9aa68a;margin:12px 0 0}.st-source-badge{font-size:10px;margin-top:5px}.st-source-badge .btn{font-size:9px}.st-open-button{display:inline-flex;gap:7px;align-items:center}.tl-heading-actions:has(.st-open-button){gap:7px}.st-reading-tag{display:inline-block;font-size:8px!important;background:#e2ebda;border:1px solid #cedcbc;border-radius:3px;padding:2px 5px;margin-right:5px;color:#748c5e!important}.tl-kind-4{--tl-fill:#e1eadd;--tl-edge:#98ad87;--tl-ink:#60774e}
.st-entry-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.st-card>p{color:#68785f;font-size:11px}.st-card footer{color:#6e805f;font-size:10px}.st-intro p,.st-library-note,.st-purpose,.st-footnote{color:#738267}.st-stage-row>button{color:#6c805d}.st-about,.st-practice{white-space:pre-line}.st-about summary{color:#667f53}.st-card>small{color:#68785f}.st-preview .form-group>label{color:#6b7e5d}
@media(max-width:1100px){.st-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.st-card{padding:17px 20px}.st-card h3{font-size:24px}.st-card>p{font-size:11px}.st-card>.st-diagram{height:66px}.st-workbench{grid-template-columns:200px minmax(0,1fr)}.st-beat-detail{padding:22px}}
@media(max-width:700px){#dialog:has(.st-library),#dialog:has(.st-preview){width:calc(100vw - 18px)}#dialog:has(.st-library) .dialog-body,#dialog:has(.st-preview) .dialog-body{padding:17px}.st-grid{grid-template-columns:1fr;gap:14px}.st-card h3{font-size:24px}.st-card .st-diagram{height:65px}.st-intro h3{font-size:25px}.st-preview-banner{padding:14px;gap:12px;flex-direction:column;align-items:stretch}.st-preview-banner>.st-diagram{width:100%;height:65px}.st-preview-banner p{font-size:15px}.st-config{grid-template-columns:1fr;gap:0}.st-workbench{grid-template-columns:1fr}.st-stages{max-height:170px;border-right:0;border-bottom:1px solid #d8e1ca;display:grid;grid-template-columns:1fr 1fr;padding:9px}.st-stage-row>button{font-size:10px;padding:7px 5px}.st-stage-row>label{padding:3px}.st-stage-row>button small{font-size:8px}.st-beat-detail{padding:22px 18px}.st-beat-detail h3{font-size:25px}.st-prompt{padding:13px;margin:18px 0}.st-prompt p{font-size:15px}.st-stage-nav .btn{font-size:9px}.tl-heading-actions:has(.st-open-button){gap:5px}.tl-heading-actions .st-open-button{order:3}}

.st-library-tools{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:16px}.st-library-tools>label{position:relative;display:flex;align-items:center;max-width:400px;flex:1}.st-library-tools .icon{position:absolute;left:12px;width:14px;color:#879977}.st-library-tools .field{padding-left:36px}.st-categories{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.st-categories>button{border:1px solid #d9e1ce;background:#f3f4e9;border-radius:18px;padding:8px 12px;font-size:10px;color:#6c7d5d;white-space:nowrap}.st-categories>button[aria-pressed=true]{background:#dce7cd;border-color:#b8cda2;color:#496534}.st-categories small{font-size:9px;margin-left:4px;opacity:.7}.st-result-count{font-size:10px;color:#7a8c69;margin:16px 0}.st-no-results{grid-column:1/-1;min-height:160px;padding:30px;text-align:center}.st-card h3{overflow-wrap:anywhere}.st-library .st-intro{margin-bottom:18px}
#dialog:has(.pw-workbook){width:min(1060px,calc(100vw - 32px));max-height:92dvh}#dialog:has(.pw-workbook) .dialog-body{max-height:calc(92dvh - 152px)}.pw-entry{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 25px;padding:18px 20px;border:1px solid #c9d6bc;border-radius:6px;background:#eaf0e2}.pw-entry>span{display:grid;grid-template-columns:23px auto;align-items:center;gap:5px 9px}.pw-entry .icon{grid-row:1/3;color:#78925e;width:20px}.pw-entry strong{font-size:12px;font-weight:500;color:#536f3f}.pw-entry small{font-size:10px;color:#7c8e6a}.pw-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.pw-heading h3{font:400 29px var(--serif);margin:12px 0;color:#567244}.pw-heading .eyebrow{font-size:8px}.pw-heading p{font-size:12px;color:#7e8e70;line-height:1.8;margin:0}.pw-heading>span{flex-shrink:0;border:1px solid #c7d7b5;background:#e8f0dd;padding:10px 14px;border-radius:20px;font-size:11px;color:#6a8550}.pw-layout{display:grid;grid-template-columns:210px minmax(0,1fr);background:#fdfcf6;border:1px solid #d9e1cd;border-radius:6px;overflow:hidden}.pw-steps{background:#edf2e5;border-right:1px solid #d9e1cd;padding:14px 10px;align-self:stretch}.pw-steps button{display:flex;gap:9px;width:100%;text-align:left;padding:12px 9px;font-size:11px;line-height:1.6;color:#71865f;border:1px solid transparent;border-radius:4px;margin-bottom:3px}.pw-steps small{color:#9aaf86;font-size:9px;min-width:13px;padding-top:2px}.pw-steps button[aria-current=step]{background:#dce7ce;border-color:#bfd2a7;color:#4e6f37}.pw-page{min-width:0;padding:27px 30px}.pw-page>h3{font:400 27px var(--serif);margin:12px 0;color:#4d6b3b}.pw-page>textarea{min-height:240px!important;resize:vertical;font:16px/1.8 var(--serif);margin-top:9px}.pw-page .section-label{font-size:9px;color:#7b9066}.pw-answer-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0;font-size:10px;color:#6f855d}.pw-answer-status label{display:flex;align-items:center;gap:8px;cursor:pointer;line-height:1.6}.pw-answer-status input{accent-color:#739457}.pw-answer-status>span{font-size:9px;text-align:right;color:#8a9c78}.pw-carry{border:1px solid #dce3d1;background:#f4f6eb;border-radius:5px;padding:12px 14px;font-size:11px;line-height:1.8;color:#71865b;margin-bottom:20px}.pw-carry summary{cursor:pointer}.pw-carry>details{padding:8px 0 0}.pw-carry>details>div{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;border-top:1px solid #dce3d1;padding:12px 0;color:#68765e;font:14px/1.8 var(--serif)}.pw-use{background:#eaf0e2;border:1px solid #cbd9bd;padding:16px;margin:18px 0;border-radius:5px}.pw-use p{font-size:11px;line-height:1.8;color:#6c805b;margin:0 0 12px}.pw-home>p{font-size:12px;line-height:1.8}.pw-sessions{display:grid;gap:10px;margin-top:20px}.pw-sessions>button{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid #d9e1ce;padding:17px;background:#f4f6eb;border-radius:5px}.pw-sessions>button>div{min-width:0;flex:1}.pw-sessions strong{display:block;font:18px var(--serif);color:#5b7347;overflow-wrap:anywhere}.pw-sessions small{display:block;font-size:10px;color:#8b9b79;margin-top:7px;line-height:1.5}.pw-sessions>button>span:last-child{font-size:10px;color:#7f956a}.pw-sessions .icon{width:22px;color:#839970}.pw-empty{text-align:center;font:18px/1.8 var(--serif);color:#8d9d7b;padding:40px 20px}#pw-scene-list{min-height:250px}
@media(max-width:700px){.st-library-tools{align-items:stretch;flex-direction:column;gap:10px}.st-library-tools>label{max-width:none}.st-library-tools>.btn{align-self:flex-start;font-size:10px}.st-categories{gap:5px}.st-categories>button{font-size:9px;padding:7px 9px}.pw-entry{flex-direction:column;align-items:flex-start;padding:16px}.pw-entry .btn{font-size:10px}.pw-layout{grid-template-columns:1fr}.pw-steps{display:grid;grid-template-columns:1fr 1fr;max-height:175px;overflow:auto;border-right:0;border-bottom:1px solid #d9e1cd;padding:8px}.pw-steps button{font-size:10px;padding:8px 5px;margin:0}.pw-page{padding:22px 17px}.pw-page>h3{font-size:24px}.pw-heading{display:block}.pw-heading h3{font-size:25px}.pw-heading>span{display:inline-block;margin-top:13px;padding:7px 11px}.pw-page>textarea{min-height:200px!important}.pw-answer-status{align-items:flex-start}.pw-answer-status>span{max-width:85px;line-height:1.6}#dialog:has(.pw-workbook) .dialog-body{padding:17px;max-height:calc(92dvh - 205px)}#dialog:has(.pw-workbook) .dialog-footer{flex-wrap:wrap;gap:7px;padding:12px 16px 16px}#dialog:has(.pw-workbook) .dialog-footer .btn{font-size:10px}.pw-sessions>button{gap:10px;padding:14px}.pw-sessions strong{font-size:17px}.pw-sessions>button>span:last-child{font-size:9px}}