/* Editing changes outlines and interaction only; the website retains its typography. */
[hidden]{display:none!important;}
.site-shell:has(.editor-toolbar:not([hidden])){grid-template-rows:auto auto minmax(0,1fr) auto;}
.editor-toolbar{width:min(100%,1120px);margin:0 auto;padding:6px 0;position:static;color:#fff7e8;font:600 .875rem/1.4 Nunito,sans-serif;}
.editor-commands{display:flex;gap:6px;flex-wrap:wrap;}
.editor-toolbar button,.edit-toggle,.plan-actions button,.plan-actions a{font:inherit;color:inherit;background:#513077;border:1px solid #c9a9e866;border-radius:10px;padding:8px 12px;cursor:pointer;text-decoration:none;}
.edit-toggle{font-size:.75rem;flex-shrink:0;}
.editor-toolbar button{min-height:40px;flex:1 1 auto;}
.editor-status{display:block;font-size:.75rem;min-height:1.4em;padding-top:3px;}
.finish-question{margin:0 0 6px;}
.inline-editable{outline:1px solid #e2c1ee66;outline-offset:2px;border-radius:2px;cursor:text;}
.inline-editable:focus{outline-color:#ffafd2;}
[data-inline-key]{white-space:inherit;overflow-wrap:inherit;}
[data-plan-field]{white-space:pre-wrap;overflow-wrap:anywhere;}
.plan-timezone{display:block;font-size:.75rem;opacity:.8;}
.plan-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px;width:100%;font-size:.875rem;}
.plan-actions button,.plan-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
.plan-actions p{width:100%;margin:0;font-size:.75rem;line-height:1.4;}
.plan-actions button:disabled,.plan-actions [aria-disabled="true"]{opacity:.55;cursor:default;}
.plan-load-status:empty{display:none;}
.plan-load-status{font-size:.75rem;max-width:240px;}
#app .details .details-list{width:min(100%,440px);max-height:none;}
#app .details .detail-row{padding:clamp(6px,1cqh,12px) 0;}
#app .details{justify-content:safe start;}
@media(min-width:500px) and (min-aspect-ratio:4/3){#app .details .plan-actions{grid-column:2;} #app .details .details-list{grid-row:auto;}}
@media(max-width:380px){.masthead{flex-wrap:wrap;}.editor-toolbar button{font-size:.75rem;padding:7px 8px;}.editor-commands button{flex:1 1 42%;}}
@media(max-width:600px){.masthead{flex-wrap:wrap;}.brand{flex-shrink:0;}}
.masthead{flex-wrap:wrap;}
.mode-label{font-size:.75rem;flex-basis:100%;text-align:center;opacity:.85;overflow-wrap:anywhere;}
.mode-label:empty{display:none;}
.mode-state h1{color:#fff7e8;}
.studio-password-form{display:grid;gap:12px;width:min(100%,340px);text-align:left;font-size:1rem;}
.studio-password-form input{width:100%;box-sizing:border-box;border:1px solid #e2c1ee88;background:#382052;color:#fff7e8;border-radius:12px;padding:12px;font:inherit;}
.mode-button{background:#513077;color:#fff7e8;border:1px solid #e2c1ee88;border-radius:12px;font:700 1rem/1.4 Nunito,sans-serif;padding:10px 14px;min-height:44px;cursor:pointer;}
.studio-password-form p{margin:0;min-height:1.4em;font-size:.875rem;}
.share-link-dialog{width:min(90vw,460px);box-sizing:border-box;background:#513077;color:#fff7e8;border:1px solid #c9a9e8;border-radius:22px;padding:24px;font:600 1rem/1.5 Nunito,sans-serif;}
.share-link-dialog::backdrop{background:#1d103bd9;}
.share-link-dialog h2{margin:0;font:800 1.7rem/1.2 'Baloo 2',sans-serif;}
.share-link-dialog output{display:block;overflow-wrap:anywhere;user-select:text;border:1px solid #e2c1ee66;border-radius:12px;padding:12px;margin:14px 0;}
.share-link-dialog .link-status{margin-bottom:0;min-height:1.5em;}