/* Fifteen opt-in workspaces. Existing engines, local vendors and privacy remain intact. */
:is(.experience-utility,.experience-draw,.experience-studio) .utility-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:28px;align-items:start;margin-block:24px}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-layout>form{margin:0;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--brand-soft);min-width:0}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-side{position:static;min-width:0}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-notice{font-size:13px;line-height:1.95;background:var(--experience-gold-soft);color:#5b4c2b;border:1px solid #e5d8b7;border-radius:14px;padding:16px 18px;margin-block:20px}
:is(.experience-utility,.experience-draw,.experience-studio) .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
:is(.experience-utility,.experience-draw,.experience-studio) .editor-form :is(input,select,textarea){background:#fff}
:is(.experience-utility,.experience-draw,.experience-studio) .editor-form>label{font-size:14px}
:is(.experience-utility,.experience-draw,.experience-studio) .editor-form>.muted{font-size:12px;line-height:1.95}
:is(.experience-utility,.experience-draw,.experience-studio) .editor-form>.workbench-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
:is(.experience-utility,.experience-draw,.experience-studio) .editor-form>.workbench-actions>[type=submit]{grid-column:1/-1;min-height:52px;font-size:16px}
:is(.experience-utility,.experience-draw,.experience-studio) .editor-form>.workbench-actions>.button{padding-inline:12px}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-aside{border:1px solid var(--brand-dark);border-radius:20px;padding:28px;min-height:250px;background:radial-gradient(ellipse at 0 0,#42866655,transparent 65%),var(--brand-dark);color:white}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-aside>.category-icon{width:58px;height:58px;background:#ffffff12;border:1px solid #ffffff29;border-radius:18px;color:var(--experience-gold);margin-bottom:20px}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-aside h3{font-size:23px;line-height:1.7;margin-block:0 14px}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-aside p{font-size:14px;color:#e3eee6;line-height:2}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-output{padding:26px;border-color:#b9cdc0;background:#fcfdfb;max-height:none;overflow:visible}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-output h3{font-size:23px;line-height:1.8;overflow-wrap:anywhere}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-output>p{font-size:14px;line-height:2;overflow-wrap:anywhere}
:is(.experience-utility,.experience-draw,.experience-studio) .utility-output>.workbench-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
:is(.experience-utility,.experience-draw,.experience-studio) .experience-secondary{margin:0;background:#fafcf9}
:is(.experience-utility,.experience-draw,.experience-studio) .experience-secondary .form-grid{margin-top:18px}
:is(.experience-utility,.experience-draw,.experience-studio) .experience-secondary>label{margin-top:18px}
:is(.experience-utility,.experience-draw,.experience-studio) .experience-secondary>.check-field{margin-block:20px 0}
/* Technical text remains selectable, wraps without changing its actual contents. */
.experience-utility .utility-output textarea{font-family:inherit;font-size:16px;line-height:1.9;padding:18px;border-color:#7b9383;border-radius:14px;min-height:190px;background:#fff;margin-block:12px 16px}
.experience-utility .utility-output textarea[dir=ltr]{font-family:ui-monospace,Consolas,monospace;font-size:15px;line-height:1.9}
.experience-utility .utility-output>label{font-size:13px;color:var(--muted);margin-top:20px}
.experience-utility .utility-output>[data-utility-summary]{margin-block:12px 20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.experience-utility .utility-fieldset{padding:16px;background:#fafcf9;border-color:#c3d4c9;border-radius:14px}
.experience-utility .utility-fieldset legend{font-size:13px;color:var(--brand-dark);padding-inline:8px}
.experience-utility .utility-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.experience-utility .utility-checks label{min-height:48px;align-items:center;border:1px solid #c3d4c9;background:#fff;padding:10px;border-radius:10px;font-size:13px;gap:9px}
.experience-utility .utility-checks input{margin-top:0}
.experience-utility [data-utility=password] .utility-output{background:var(--brand-dark);border-color:var(--brand-dark);color:white}
.experience-utility [data-utility=password] .utility-output :is(h3,label,p){color:white}
.experience-utility [data-utility=password] .utility-output>[data-utility-summary]{border-color:#ffffff30;color:#e3eee6}
.experience-utility [data-utility=password] #utility-output{background:#ffffff0d;border-color:#ffffff65;color:var(--experience-gold);font-size:20px;line-height:2;min-height:150px}
.experience-utility [data-password-show]{grid-column:1/-1}
.experience-utility .utility-faq-row{padding:18px;border:1px solid #c3d4c9;background:#fff;border-radius:14px;margin-block:0 20px;min-width:0}
.experience-utility .utility-faq-row legend{font-size:14px;color:var(--brand);padding-inline:8px}
.experience-utility .utility-faq-row [data-faq-field=question]{min-height:90px}.experience-utility .utility-faq-row [data-faq-field=answer]{min-height:135px}
.experience-utility .utility-faq-row .workbench-actions{gap:10px;margin-top:14px}.experience-utility [data-utility-preview] summary{min-height:44px;cursor:pointer}.experience-utility [data-utility-preview] p{font-size:14px;line-height:2;margin-top:14px}
.experience-utility .utility-qr{border-top:1px solid var(--line);padding-top:22px;align-items:center;gap:20px;margin-top:24px}
.experience-utility .utility-qr canvas{max-width:100%;border:1px solid var(--line);border-radius:0;background:#fff;aspect-ratio:1}
.experience-utility .utility-qr>div{width:100%;text-align:start}.experience-utility .utility-qr p{font-size:13px;line-height:1.9;margin-block:12px}.experience-utility .utility-qr .workbench-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.experience-utility .utility-history{padding-top:24px;margin-top:28px}.experience-utility .utility-history .panel-heading{flex-wrap:wrap}.experience-utility .utility-history li{padding:18px;background:#fafcf9;border-color:var(--line);gap:14px}.experience-utility .utility-history code{font-size:13px;line-height:1.9}
/* Draws keep their native crypto engine; gold highlights a result, not a fairness certificate. */
.experience-draw #d-names{min-height:210px;font-size:18px;line-height:2}
.experience-draw .draw-result{background:var(--brand-dark);border-color:var(--brand-dark);color:white}
.experience-draw .draw-result h3{color:var(--experience-gold);font-size:25px}.experience-draw .draw-result>p{color:#e3eee6}
.experience-draw [data-draw-list-region]{max-height:410px;overflow:auto;padding:0 6px 0 24px;scrollbar-gutter:stable;overscroll-behavior:contain}
.experience-draw .draw-values{gap:12px;margin-block:18px;padding-inline-start:22px}
.experience-draw .draw-values li{border:1px solid #ffffff38;background:#ffffff0d;border-radius:12px;padding:16px;font-size:18px}
.experience-draw .draw-values li::marker{color:var(--experience-gold);font-size:13px}.experience-draw .draw-values bdi{font-size:23px;line-height:1.7;overflow-wrap:anywhere}.experience-draw .draw-values small{color:#e3eee6;font-size:12px;line-height:1.9;margin-top:6px}
.experience-draw [data-draw=numbers] .draw-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px}.experience-draw [data-draw=numbers] .draw-values li{font-size:22px;text-align:center;padding-inline:12px}
.experience-draw [data-draw-pagination]{align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}
.experience-draw [data-draw-warning]{font-size:12px!important;border-top:1px solid #ffffff30;padding-top:18px}.experience-draw [data-draw-remove]{width:100%;margin-top:18px}
.experience-draw .draw-history{padding:24px;border:1px solid var(--line);border-radius:18px;background:#fafcf9}.experience-draw .draw-history>p{font-size:13px;line-height:1.9;margin-block:14px}.experience-draw .draw-history ol{max-height:220px;line-height:2.2;font-size:14px}
/* Code studio retains the full white quiet zone and the original downloadable image. */
.experience-studio .utility-output{background:var(--brand-dark);border-color:var(--brand-dark);color:white}.experience-studio .utility-output h3{color:var(--experience-gold)}
.experience-studio .utility-output [data-studio-output]>p{color:#e3eee6;border-top-color:#ffffff30}.experience-studio .utility-output [data-studio-output]>p strong{color:var(--experience-gold)}
.experience-studio #s-text{font-size:17px;line-height:1.9}.experience-studio [data-studio=barcode] #s-text{min-height:58px;font-size:22px}
.experience-studio [data-studio-output]{min-width:0}.experience-studio [data-studio-output]>p{border-top:1px solid var(--line);padding-top:16px;margin-block:16px;font-size:14px;line-height:2;overflow-wrap:anywhere}.experience-studio [data-studio-output]>p strong{display:block;color:var(--brand);font-size:12px;margin-bottom:6px}
.experience-studio .studio-qr{width:min(100%,300px);margin-block:24px;border:0;border-radius:0;image-rendering:pixelated;background:white}
.experience-studio .studio-code{border-color:var(--line);border-radius:12px;padding:16px;margin-block:22px;max-width:100%;background:white}
.experience-studio .studio-code img{max-width:none;border:0;border-radius:0}
.experience-studio [data-studio-note]{padding:16px;border:1px solid #e5d8b7;background:var(--experience-gold-soft);border-radius:12px;font-size:13px!important;color:#5b4c2b}
/* Writing desk: two mirrored counts beside the text; all ten original metrics remain available. */
.experience-counter .text-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;margin-block:24px;align-items:start}
.experience-counter .text-layout>.editor-form{margin:0;min-width:0}.experience-counter .counter-options{background:#fafcf9;border:1px solid var(--line);padding:0;border-radius:18px;min-width:0}
.experience-counter .counter-options>.details-panel{border:0;background:transparent;padding-inline:20px;margin:0}.experience-counter .counter-options summary{font-size:16px;color:var(--brand-dark)}
.experience-counter .counter-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 8px}
.experience-counter .counter-primary>div{padding:18px;border:1px solid var(--brand-dark);border-radius:16px;background:var(--brand-dark);color:white;min-width:0}.experience-counter .counter-primary>div:last-child{background:var(--experience-gold-soft);color:var(--ink);border-color:#e5d8b7}
.experience-counter .counter-primary dt{font-size:13px;line-height:1.9}.experience-counter .counter-primary dd{font-size:30px;font-weight:800;line-height:1.6;margin:6px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--experience-gold)}.experience-counter .counter-primary>div:last-child dd{color:var(--brand-dark)}
.experience-counter #counter-text{height:320px;min-height:220px;background:#fff;border-color:#7b9383;font-size:17px;line-height:2;padding:18px;resize:vertical}
.experience-counter .counter-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block:20px 24px}.experience-counter .counter-stats dl{padding:12px;border:1px solid var(--line);border-radius:12px;background:white;min-width:0}.experience-counter .counter-stats dt{font-size:12px;line-height:1.9;color:var(--muted)}.experience-counter .counter-stats dd{font-size:24px;color:var(--brand-dark);margin-top:6px}
.experience-counter .text-layout .workbench-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.experience-counter .text-layout label.button{flex-direction:row;font-size:13px;cursor:pointer;align-items:center;justify-content:center;gap:8px;min-height:46px}
.experience-counter .text-layout label.button:focus-within{outline:3px solid var(--brand);outline-offset:4px}.experience-counter #counter-help{font-size:12px;line-height:1.9}.experience-counter [data-counter-state]{font-size:13px;line-height:1.9}
.experience-counter [data-counter-method]{padding:16px;border:1px solid #e5d8b7;background:var(--experience-gold-soft);border-radius:12px;font-size:13px;line-height:2;margin-top:20px}
.experience-counter [data-counter-goal],.experience-counter [data-counter-phrase]{font-size:14px;line-height:2;overflow-wrap:anywhere}
.experience-counter .counter-frequency{margin-block:24px;padding-block:24px;border-color:var(--line)}.experience-counter .counter-frequency h3{font-size:22px}.experience-counter .counter-frequency>p{font-size:14px;line-height:2}.experience-counter .counter-frequency ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.experience-counter .counter-frequency li{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafcf9;min-width:0}.experience-counter .counter-frequency strong{color:var(--brand);font-size:13px}.experience-counter [data-word-counter]>.workbench-actions{gap:10px}
@media(max-width:1000px){.experience-utility .utility-checks{grid-template-columns:1fr}.experience-counter .text-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
@media(max-width:760px){
 :is(.experience-utility,.experience-draw,.experience-studio) .utility-layout{grid-template-columns:1fr;gap:22px;margin-block:20px}
 :is(.experience-utility,.experience-draw,.experience-studio) .utility-layout>form{padding:18px}
 :is(.experience-utility,.experience-draw,.experience-studio) .utility-notice{padding:14px;font-size:12px;line-height:1.95;margin-block:18px}
 :is(.experience-utility,.experience-draw,.experience-studio) .utility-aside{padding:22px;min-height:0}
 :is(.experience-utility,.experience-draw,.experience-studio) .utility-output{padding:22px;max-height:none;overflow:visible}
 :is(.experience-utility,.experience-draw,.experience-studio) .form-grid{grid-template-columns:1fr}
 .experience-utility [data-utility=password] .form-grid,.experience-draw [data-draw=numbers] .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .experience-utility .utility-checks{grid-template-columns:1fr}.experience-utility .utility-fieldset{padding:14px}.experience-utility .utility-output textarea{padding:14px;min-height:180px;font-size:16px}.experience-utility .utility-output textarea[dir=ltr]{font-size:16px}.experience-utility .utility-faq-row{padding:14px}.experience-utility .utility-history li{align-items:stretch;flex-direction:column}.experience-utility .utility-history li .button{width:100%}
 .experience-draw .draw-values bdi{font-size:22px}.experience-draw [data-draw=numbers] .draw-values{grid-template-columns:1fr}.experience-draw .draw-history{padding:20px}.experience-draw [data-draw-list-region]{max-height:360px;padding-inline-start:22px}
 .experience-studio .studio-qr{width:min(100%,270px)}.experience-studio [data-studio-output]>p{font-size:13px}.experience-studio [data-studio=barcode] #s-text{font-size:20px}
 .experience-counter .text-layout{grid-template-columns:1fr;gap:22px;margin-block:20px}.experience-counter .counter-primary{gap:10px}.experience-counter .counter-primary>div{padding:14px}.experience-counter .counter-primary dt{font-size:12px}.experience-counter .counter-primary dd{font-size:27px}.experience-counter #counter-text{height:230px;min-height:200px}.experience-counter .counter-options>.details-panel{padding-inline:18px}.experience-counter .counter-frequency ol{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-counter .counter-frequency li{padding:12px}.experience-counter [data-word-counter]>.workbench-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}