/* Document Studio: polished, responsive document editing and preview. */
.ds-shell{width:min(1440px,calc(100% - 36px));margin:0 auto}
.ds-topbar{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;margin-top:20px;padding:14px 20px;border:1px solid rgba(110,231,183,.24);border-radius:16px;background:radial-gradient(ellipse at 88% 0%,rgba(34,197,94,.15),transparent 30rem),radial-gradient(ellipse at 12% 0%,rgba(56,189,248,.17),transparent 34rem),linear-gradient(112deg,rgba(15,23,42,.99),rgba(2,6,23,.98) 58%,rgba(8,31,48,.98));box-shadow:0 18px 44px rgba(0,0,0,.26),0 2px 22px rgba(16,185,129,.07),inset 0 1px 0 rgba(255,255,255,.06)}
.ds-topbar:after{position:absolute;z-index:-1;right:20px;bottom:0;left:20px;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.46) 34%,rgba(110,231,183,.62) 72%,transparent);content:"";pointer-events:none}
.ds-brand{display:flex;align-items:center;gap:13px;color:#f1f5f9;font-size:1.3rem;font-weight:850;letter-spacing:-.025em;text-decoration:none;text-shadow:0 0 22px rgba(52,211,153,.14)}
.ds-brand-mark{position:relative;display:block;flex:0 0 38px;width:38px;height:38px;border:1px solid rgba(167,243,208,.55);border-radius:12px;background:linear-gradient(140deg,#38bdf8 0%,#34d399 58%,#15803d 100%);box-shadow:0 8px 22px rgba(16,185,129,.23),inset 0 1px 0 rgba(255,255,255,.34)}
.ds-brand-mark:after{position:absolute;inset:7px;border:1px solid rgba(255,255,255,.55);border-radius:7px;content:""}
.ds-topbar-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 13px;border:1px solid rgba(110,231,183,.28);border-radius:999px;background:linear-gradient(135deg,rgba(6,78,59,.35),rgba(30,41,59,.92));color:#e2e8f0;font-weight:700;text-decoration:none;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.ds-topbar-link:hover,.ds-topbar-link:focus-visible{border-color:rgba(110,231,183,.64);background:linear-gradient(135deg,rgba(6,95,70,.55),rgba(30,41,59,.98));box-shadow:0 0 18px rgba(16,185,129,.12);color:#f0fdf4;transform:translateY(-1px)}
.ds-main{padding:34px 0 48px}
.ds-hero{margin-bottom:22px}
.ds-eyebrow{margin:0 0 8px;color:#34d399;font-size:.78rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.ds-hero h1{margin:0 0 10px;color:#f1f5f9;font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.035em}
.ds-hero p{max-width:850px;margin:0;color:#aebed3;font-size:1.05rem;line-height:1.6}
.ds-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:20px;align-items:start}
.ds-panel{min-width:0;overflow:hidden;border:1px solid rgba(110,231,183,.18);border-radius:16px;background:rgba(15,23,42,.94);box-shadow:0 18px 48px rgba(0,0,0,.22),0 0 24px rgba(16,185,129,.045)}
.ds-panel-header{padding:17px 19px;border-bottom:1px solid rgba(110,231,183,.12);background:linear-gradient(135deg,rgba(6,78,59,.12),rgba(8,47,73,.14))}
.ds-panel-header h2{margin:0;color:#e2e8f0;font-size:1.1rem}
.ds-panel-header p{margin:5px 0 0;color:#aebed3;font-size:.86rem;line-height:1.45}
.ds-panel-body{display:grid;gap:14px;padding:18px}
.ds-field{display:grid;gap:7px;min-width:0}
.ds-field label{color:#cbd5e1;font-size:.84rem;font-weight:750}
.ds-field input,.ds-field textarea{width:100%;min-width:0;border:1px solid rgba(148,163,184,.24);border-radius:10px;background:#071426;color:#edf5ff;padding:11px 12px;font:inherit}
.ds-field input{min-height:43px}
.ds-field textarea{min-height:390px;resize:vertical;font: .9rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:4}
.ds-field input:focus-visible,.ds-field textarea:focus-visible{outline:2px solid rgba(110,231,183,.82);outline-offset:2px;box-shadow:0 0 0 3px rgba(52,211,153,.12)}
.ds-help,.ds-meta{margin:0;color:#94a3b8;font-size:.79rem;line-height:1.5}
.ds-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ds-button{display:inline-flex;align-items:center;justify-content:center;min-height:41px;padding:9px 13px;border:1px solid rgba(110,231,183,.25);border-radius:10px;background:linear-gradient(135deg,rgba(6,78,59,.32),rgba(30,41,59,.94));color:#e2e8f0;font:inherit;font-size:.86rem;font-weight:750;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}
.ds-button.primary{border-color:transparent;background:linear-gradient(105deg,#168b70,#087e91);color:#fff}
.ds-button:hover:not(:disabled){border-color:rgba(110,231,183,.58);background:linear-gradient(135deg,rgba(6,95,70,.5),rgba(30,41,59,.98));box-shadow:0 0 16px rgba(16,185,129,.09);transform:translateY(-1px)}
.ds-button.primary:hover:not(:disabled){background:linear-gradient(105deg,#1aa47f,#0891a4)}
.ds-button:focus-visible{outline:2px solid rgba(110,231,183,.82);outline-offset:2px}
.ds-button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.ds-status{min-height:24px;margin:0;color:#aebed3;font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}
.ds-status.is-error{color:#fecaca}.ds-status.is-success{color:#a7f3d0}
.ds-word-count{margin-left:auto;color:#94a3b8;font-size:.78rem}
.ds-preview-shell{min-height:500px;padding:22px;background:radial-gradient(ellipse at top right,rgba(52,211,153,.045),transparent 28rem),#091426}
.ds-document{width:min(100%,850px);min-height:460px;margin:0 auto;padding:clamp(24px,5vw,58px);border:1px solid rgba(110,231,183,.15);border-radius:10px;background:#fff;color:#202b3a;box-shadow:0 16px 40px rgba(0,0,0,.24);font:16px/1.68 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}
.ds-document-title{margin:0 0 1.5em;padding-bottom:.55em;border-bottom:2px solid #168b70;color:#142033;font:700 clamp(1.8rem,4vw,2.5rem)/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.025em}
.ds-document-content>*:first-child{margin-top:0}.ds-document-content>*:last-child{margin-bottom:0}
.ds-document-content h1,.ds-document-content h2,.ds-document-content h3,.ds-document-content h4,.ds-document-content h5,.ds-document-content h6{margin:1.45em 0 .5em;color:#142033;font-family:Arial,Helvetica,sans-serif;line-height:1.25;break-after:avoid}
.ds-document-content h1{font-size:1.8em}.ds-document-content h2{font-size:1.45em;padding-bottom:.25em;border-bottom:1px solid #dce5e6}.ds-document-content h3{font-size:1.2em}.ds-document-content p{margin:.65em 0}.ds-document-content ul,.ds-document-content ol{padding-left:1.6em;margin:.65em 0}.ds-document-content li{margin:.25em 0}.ds-document-content blockquote{margin:1em 0;padding:.25em 1em;border-left:4px solid #34d399;background:#f3faf7;color:#435466}.ds-document-content pre{overflow:auto;padding:14px;border-radius:8px;background:#f1f5f9;color:#142033;font: .85rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;break-inside:avoid}.ds-document-content code{padding:.08em .28em;border-radius:4px;background:#edf2f7;color:#19314a;font: .88em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere}.ds-document-content pre code{padding:0;background:transparent}.ds-document-content a{color:#126b75;text-decoration:underline;text-underline-offset:2px}.ds-document-content hr{height:1px;margin:1.5em 0;border:0;background:#cbd5e1}
.ds-footer{padding:0 0 34px;color:#94a3b8;font-size:.82rem;line-height:1.55}.ds-footer p{margin:6px 0}.ds-footer a{color:#7de3ac}
@media(max-width:900px){.ds-layout{grid-template-columns:1fr}.ds-field textarea{min-height:300px}.ds-preview-shell{min-height:0}.ds-document{min-height:400px}}
@media(max-width:640px){.ds-shell{width:min(100% - 24px,620px)}.ds-topbar{align-items:flex-start;flex-direction:column;gap:12px;margin-top:12px;padding:13px 14px;border-radius:13px}.ds-main{padding:26px 0 34px}.ds-layout{gap:14px}.ds-panel-body{padding:14px}.ds-field textarea{min-height:260px}.ds-actions{align-items:stretch;flex-direction:column}.ds-actions .ds-button{width:100%}.ds-word-count{margin:0;text-align:center}.ds-preview-shell{padding:10px}.ds-document{min-height:360px;padding:24px 20px;border-radius:7px;font-size:15px}}
@media print{.ds-topbar,.ds-hero,.ds-editor-panel,.ds-footer{display:none!important}.ds-shell,.ds-main,.ds-layout,.ds-preview-panel,.ds-preview-shell{width:100%;max-width:none;margin:0;padding:0;border:0;background:#fff;box-shadow:none}.ds-preview-panel{overflow:visible}.ds-panel-header{display:none}.ds-document{width:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}.ds-document-content pre,.ds-document-content blockquote{break-inside:avoid}}
@media(prefers-reduced-motion:reduce){.ds-topbar-link,.ds-button{transition:none}.ds-topbar-link:hover,.ds-button:hover{transform:none}}