/* Generous rounded input surfaces, scoped to the writing inspector. */
#editorView.workspace{grid-template-columns:390px minmax(0,1fr)}
#editorView .inspector{padding:0;display:flex;flex-direction:column;overflow:hidden;background:#0d1119;box-shadow:inset -1px 0 #232b38}
.writing-form{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 26px 24px;scrollbar-width:thin;scrollbar-color:#333b49 transparent}
.writing-text,.writing-font{min-width:0}
#editorView .inspector .panelheading{margin:0 0 13px}
#editorView .inspector .panelheading h2{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:-.15px;color:#f4f7fc}
#editorView .input-count{font-size:12px;color:#8596af}
#editorView .inspector textarea{display:block;width:100%;min-height:224px;max-height:480px;padding:18px 19px;border:1px solid transparent;border-radius:22px;background:#1e232d;color:#eef4ff;font-size:15px;line-height:1.65;resize:vertical;transition:border-color .15s,box-shadow .15s}
#editorView .inspector textarea::placeholder{color:#8d9eb5}
#editorView .inspector textarea:focus{border-color:#79bcff;box-shadow:0 0 0 3px #579be51c}
#editorView .inspector .textmeta{margin:12px 2px 0;color:#a3b1c6;font-size:11px}
#editorView .inspector .textmeta label{gap:7px;cursor:pointer;min-height:22px}
#editorView .inspector input[type=checkbox]{height:16px;width:16px;accent-color:#60b4ff;flex-shrink:0}
.writing-font{margin-top:26px}
#editorView .inspector select{height:58px;padding:0 19px;border:1px solid transparent;border-radius:20px;background-color:#1e232d;color:#f3f7ff;font-size:16px;font-weight:550;cursor:pointer;outline-offset:3px}
#editorView .inspector select:focus-visible{outline:2px solid #79bcff}
#editorView .inspector .add-writing{display:flex;justify-content:center;align-items:center;width:100%;min-height:52px;margin:16px 0 0;padding:12px 17px;border-radius:28px;border:1px solid #4595e5;background:#9bcfff;color:#101f32;font-size:14px;font-weight:650;text-decoration:none;transition:background .15s,transform .15s}
#editorView .inspector .add-writing:hover{background:#c0e2ff;color:#101f32;text-decoration:none}
#editorView .inspector .add-writing:active{transform:translateY(1px)}
.writing-details{margin:13px 4px 0;font-size:11px;color:#92a4bc}
.writing-details summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:5px 0;min-height:28px}
.writing-details summary::-webkit-details-marker{display:none}
.writing-details summary::after{content:'+';font-size:16px;color:#a5b8d3}
.writing-details[open] summary::after{content:'−'}
#editorView .writing-details .stylecard{padding:8px 0;margin:0;gap:10px}
#editorView .writing-details #styleCaption{font-size:11px;line-height:1.6;color:#aabbd1}
#editorView .writing-details .font-fallback-hint{font-size:11px;line-height:1.6;margin:8px 0 0}
#editorView .inspector .auto-glyph-notice{margin-top:8px}
#editorView .inspector .warning{border-radius:14px;padding:13px 16px;margin:14px 0 0}
#editorView .type-controls{border:0;margin:26px 0 0;padding:0}
#editorView .inspector .type-controls .setting{margin:0 0 24px;gap:12px;font-size:13px;color:#edf2fa}
#editorView .type-controls .setting label{font-weight:700;line-height:1.5}
#editorView .type-controls .setting output{font-size:12px;font-weight:550;font-variant-numeric:tabular-nums;background:none;color:#98b4d8;padding:0;line-height:1.5}
#editorView .type-controls .setting input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:6px;border-radius:10px;background:#2b3442;accent-color:#3299ff;margin:2px 0 0;cursor:pointer;outline-offset:9px;touch-action:pan-y}
#editorView .type-controls .setting input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:21px;height:21px;border:0;border-radius:50%;background:#3299ff;box-shadow:0 0 0 5px #3299ff00;transition:box-shadow .15s}
#editorView .type-controls .setting input[type=range]::-moz-range-thumb{width:21px;height:21px;border:0;border-radius:50%;background:#3299ff}
#editorView .type-controls .setting input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #3299ff1f}
#editorView .type-controls .checkline{font-size:13px;line-height:1.5;color:#edf2fa;font-weight:650;gap:9px;margin:3px 0 24px;min-height:24px;cursor:pointer}
#editorView .alignment-control{margin:0 0 24px}
#editorView .alignment-control>span{color:#edf2fa;font-size:13px;font-weight:700;margin:0 0 12px}
#editorView .alignment-options{padding:5px;gap:4px;border:1px solid #2b3442;border-radius:21px;background:#1e232d}
#editorView .alignment-options button{height:39px;border:1px solid transparent;border-radius:16px;padding:7px 4px;background:transparent;color:#9dadc5;font-size:12px}
#editorView .alignment-options button:hover{background:#2c3646}
#editorView .alignment-options button[aria-pressed=true]{background:#284e78;border-color:#477ead;color:#eef7ff}
#editorView .alignment-control small{display:none}
#editorView .type-preview{margin:0;border-radius:20px;border:0;background:#f5f8fc}
#editorView .type-preview-heading{padding:14px 17px 0;font-size:9px}
#editorView .type-preview svg{max-height:none}
#editorView .type-preview p{padding:0 16px 14px;font-size:10px}
#editorView .type-apply-hint{display:none}
.writing-actions{flex-shrink:0;padding:16px 26px 20px;border-top:1px solid #222a37;background:#0d1119}
#editorView .writing-actions #generate{width:100%;height:54px;border:1px solid #3189e6;border-radius:28px;background:#2083ec;color:white;padding:0 20px;font-size:15px;font-weight:750;justify-content:space-between}
#editorView .writing-actions #generate:hover{background:#3899ff}
@media(min-width:1600px){#editorView.workspace{grid-template-columns:410px minmax(0,1fr)}.writing-form{padding:30px}.writing-actions{padding:16px 30px 24px}}
@media(min-width:761px) and (max-width:1100px){#editorView.workspace{grid-template-columns:340px minmax(0,1fr)}.writing-form{padding:25px 22px}.writing-actions{padding:15px 22px 20px}}
@media(max-width:760px){#editorView .inspector{display:flex;overflow:visible}.writing-form{flex:none;overflow:visible;padding:26px 26px 24px}.writing-actions{padding:0 26px 28px;border:0}#editorView .inspector textarea{min-height:218px;font-size:16px}#editorView .inspector .type-preview svg{max-height:none}.writing-details{font-size:12px}}
@media(max-width:390px){.writing-form{padding:24px 22px}.writing-actions{padding:0 22px 26px}#editorView .inspector textarea{padding:17px;border-radius:20px}#editorView .inspector .add-writing{font-size:13px}}