.mess-playground{padding-top:22px;padding-bottom:45px}.mess-choices{border:0;padding:0;margin:0 0 16px;min-width:0}.mess-choices legend{font-weight:700;font-size:14px;margin-bottom:14px}.mess-choices>div{display:flex;flex-wrap:wrap;gap:12px}.mess-choices label{position:relative;cursor:pointer}.mess-choices input{position:absolute;opacity:0;width:1px;height:1px;top:20px;left:16px}.mess-choices span{display:block;padding:14px 20px;border:1px solid #adc2b9;border-radius:8px;font-size:15px;font-weight:600;background:#edf1e8}.mess-choices input:checked+span{background:var(--teal);color:var(--ivory);box-shadow:3px 3px 0 var(--copper);border-color:var(--teal)}.mess-choices input:focus-visible+span{outline:3px solid var(--copper);outline-offset:4px}.mess-demo-note{font-size:14px;color:var(--muted);line-height:1.6;margin:20px 0 27px}.mess-workspace{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:28px}.mess-before{background:#f0eadb;border:1px solid #d3ccb9;border-radius:8px;padding:30px;box-shadow:4px 5px 0 #d6ded1;position:relative;overflow:hidden}.mess-before:before{content:'';position:absolute;top:0;left:0;height:5px;width:100%;background:var(--copper)}.mess-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.mess-panel-heading .eyebrow{margin:0;font-size:12px}.mess-scribble{font-size:43px;line-height:1;color:var(--copper);transform:rotate(-10deg)}.mess-before h2{font-size:27px;line-height:1.15;letter-spacing:-.8px;margin:20px 0}.mess-before blockquote{font-family:Georgia,serif;font-size:19px;line-height:1.85;margin:0 0 27px;padding:15px 0 12px;background:repeating-linear-gradient(transparent,transparent calc(1.85em - 1px),#0b4d4f12 calc(1.85em - 1px),#0b4d4f12 1.85em);overflow-wrap:anywhere}.mess-small{font-size:14px;line-height:1.6;margin:14px 0 0}.mess-before .mess-small{color:var(--muted)}.mess-before .button{font-size:15px}.mess-before .button:disabled{cursor:default;background:var(--seafoam);transform:none;box-shadow:none}.mess-after{padding:31px;background:var(--teal);color:var(--ivory);border:1px solid var(--teal);border-radius:14px;min-width:0;box-shadow:5px 5px 0 var(--seafoam)}.mess-after h2{font-size:30px;line-height:1.16;letter-spacing:-.8px;margin:22px 0 18px}.mess-after h3{font-size:17px;line-height:1.4;margin:25px 0 12px}.mess-after p,.mess-after li{font-size:16px;line-height:1.7}.mess-after .mess-small{font-size:14px;color:#cde1d8}.mess-after ul{margin:0;padding-left:20px}.mess-after li+li{margin-top:9px}#mess-empty{padding:30px 5px 35px}#mess-empty p{color:#d2e2da;max-width:390px}.empty-mark{display:block;font-size:92px;color:var(--copper);line-height:1}.empty-labels{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.empty-labels span{border:1px solid #638d87;padding:9px 12px;border-radius:30px;font-size:13px}.mess-output-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.mess-output-top .eyebrow{font-size:11px;color:var(--seafoam);margin:0}.mess-text-button{background:none;border:0;color:var(--ivory);padding:8px 0;text-decoration:underline;text-underline-offset:4px;font-size:13px;cursor:pointer}.mess-view-buttons{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #54807c;padding-bottom:20px}.mess-view-buttons button{background:transparent;border:1px solid #739e95;color:var(--ivory);padding:10px 13px;border-radius:6px;cursor:pointer;font-size:14px}.mess-view-buttons button[aria-pressed="true"]{background:var(--ivory);color:var(--teal);border-color:var(--ivory);font-weight:700}.mess-view{animation:panelIn .2s ease-out}#mess-output{scroll-margin-top:24px}.mess-task-list{display:grid;gap:10px;margin-top:13px}.mess-task-list label{display:flex;align-items:flex-start;gap:12px;border:1px solid #54807c;border-radius:7px;padding:13px;cursor:pointer;font-size:15px;line-height:1.6}.mess-task-list input{flex-shrink:0;width:19px;height:19px;accent-color:var(--copper);margin:3px 0 0}.mess-task-list input:checked+span{text-decoration:line-through;color:#bdd2c9}.mess-task-list input:focus-visible{outline:3px solid var(--copper);outline-offset:4px}.mess-questions{border-left:3px solid var(--copper);padding:1px 0 1px 18px;margin-top:25px}.mess-questions h3{margin-top:0}.mess-questions li{font-size:15px}.mess-tone-label{font-size:14px;display:block;margin:18px 0 8px}#mess-tone{width:100%;background:var(--ivory);color:var(--teal);font:inherit;font-size:15px;padding:12px;border:1px solid var(--seafoam);border-radius:5px;min-width:0}#mess-tone:focus-visible{outline:3px solid var(--copper);outline-offset:3px}.mess-draft-copy,.mess-prompt-copy{background:#ffffff0b;border:1px solid #54807c;border-radius:8px;padding:20px;font-size:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.mess-copy{background:var(--seafoam);color:var(--teal);font-size:14px;font-weight:700;border:0;border-radius:30px;padding:13px 21px;cursor:pointer;margin-top:18px}.mess-copy:hover{background:var(--ivory)}.mess-copy-status{margin-bottom:0;color:var(--seafoam)}#mess-copy-fallback{width:100%;min-height:200px;font:inherit;font-size:16px;padding:15px;margin-top:15px}.mess-purpose{display:flex;align-items:center;gap:23px;margin-top:40px;border-top:1px solid var(--line);padding-top:26px}.mess-purpose>span{font-size:39px;color:var(--copper)}.mess-purpose p{font-size:16px;line-height:1.7;max-width:680px;margin:0}.mess-purpose strong{display:block}.mess-purpose .text-link{margin-left:auto;min-width:150px;line-height:1.6}.mess-card{background:var(--seafoam);box-shadow:5px 5px 0 var(--teal)}.mess-card:hover{box-shadow:5px 9px 0 var(--teal)}
@media(max-width:1100px){.mess-workspace{gap:22px}.mess-before,.mess-after{padding:25px}.mess-output-top{flex-wrap:wrap}.mess-before blockquote{font-size:18px}}
@media(max-width:850px){.mess-workspace{grid-template-columns:1fr}.mess-before blockquote{font-size:18px}.mess-purpose{align-items:flex-start;flex-wrap:wrap;gap:15px}.mess-purpose p{flex:1}.mess-purpose .text-link{margin-left:40px;flex-basis:100%}.mess-choices>div{gap:10px}.mess-choices label{flex:1 1 210px}.mess-choices span{text-align:center}.mess-playground{padding-top:12px}.mess-after h2{font-size:28px}.mess-view-buttons button{flex:1;padding-inline:10px}#mess-empty{padding:10px 0 20px}}