:root{--doc-ink:#172033;--doc-muted:#66728a;--doc-brand:#6c4cff;--doc-pink:#ec4899;--doc-line:#e5e1f0;--doc-soft:#f5f2ff;--doc-ok:#12845a;--doc-danger:#b4233f}
.doc-shell{width:min(1120px,calc(100% - 32px));margin:auto}.doc-hero{padding:68px 0 42px;background:radial-gradient(circle at 85% 10%,#e9e2ff,transparent 34%),radial-gradient(circle at 8% 70%,#ffe6f2,transparent 30%)}
.doc-hero h1{font-size:clamp(2.35rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.055em;margin:.15em 0}.doc-hero p{max-width:760px;color:var(--doc-muted);font-size:1.12rem}.doc-badges{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.doc-badges span{padding:8px 12px;border:1px solid var(--doc-line);border-radius:999px;background:#fff;font-weight:750;font-size:.88rem}
.doc-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.7fr);gap:22px;padding:44px 0}.doc-card{background:#fff;border:1px solid var(--doc-line);border-radius:22px;padding:24px;box-shadow:0 12px 34px rgba(46,35,96,.07)}
.doc-drop{display:block;border:2px dashed #bcaef0;border-radius:20px;padding:34px 20px;text-align:center;background:var(--doc-soft);cursor:pointer}.doc-drop strong{display:block;font-size:1.12rem}.doc-drop input{position:absolute;opacity:0;pointer-events:none}.doc-list{display:grid;gap:10px;margin:18px 0}.doc-file{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--doc-line);border-radius:14px;background:#fff}.doc-file[draggable=true]{cursor:grab}.doc-file .handle{font-size:1.2rem;color:var(--doc-muted)}.doc-file strong,.doc-file small{display:block;overflow:hidden;text-overflow:ellipsis}.doc-file small{color:var(--doc-muted)}.doc-remove{border:0;background:#fff0f3;color:var(--doc-danger);border-radius:9px;padding:7px 10px;cursor:pointer;font-weight:800}
.doc-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:15px 0}.doc-field label{display:block;font-weight:800;margin-bottom:6px}.doc-field select,.doc-field input{width:100%;padding:12px;border:1px solid #d9d3e8;border-radius:12px;background:#fff;font:inherit}.doc-action{width:100%;border:0;border-radius:14px;padding:15px 18px;color:#fff;background:linear-gradient(135deg,var(--doc-brand),var(--doc-pink));font:inherit;font-weight:900;cursor:pointer}.doc-action:disabled{opacity:.48;cursor:not-allowed}.doc-status{min-height:24px;color:var(--doc-muted);margin:13px 0 0}.doc-status.error{color:var(--doc-danger)}.doc-status.ok{color:var(--doc-ok)}
.doc-order{margin:0;padding-left:1.25rem;color:var(--doc-muted)}.doc-order li{margin:.55rem 0}.doc-note{border-left:4px solid var(--doc-brand);padding:14px 16px;background:var(--doc-soft);border-radius:0 14px 14px 0}.doc-content{padding:20px 0 70px}.doc-content h2{margin-top:2.2rem}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.doc-grid a,.doc-grid article{display:block;padding:18px;border:1px solid var(--doc-line);border-radius:16px;background:#fff;color:inherit;text-decoration:none}.doc-grid p{color:var(--doc-muted)}
@media(max-width:820px){.doc-workspace{grid-template-columns:1fr}.doc-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.doc-row,.doc-grid{grid-template-columns:1fr}.doc-card{padding:18px}.doc-hero{padding-top:45px}.doc-file{grid-template-columns:auto minmax(0,1fr) auto}}
.doc-drop{position:relative}.doc-drop input{width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%)}