:root{--del-script-ink:#17334a;--del-script-muted:#60717d;--del-script-line:#d9e2df;--del-script-paper:#fffdfa;--del-script-bg:#f3f5f3;--del-script-teal:#167d78;--del-script-orange:#ee7b47;--del-script-blue:#397dcc;--del-script-purple:#7553ab}
body.del-page-create{background:var(--del-script-bg)}
body.del-page-create .page-main.wrap{max-width:1380px;padding-top:38px;padding-bottom:90px}
body.del-page-create .del-section-nav{margin:0 0 22px;border:1px solid #dce4e1;background:rgba(255,255,255,.72);backdrop-filter:blur(12px)}
.del-script-maker{grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.del-script-maker .del-form{background:var(--del-script-paper);border:1px solid #dce4e1;border-radius:28px;padding:clamp(24px,4vw,50px);box-shadow:0 22px 70px rgba(28,55,65,.08)}
.del-script-maker .del-meta{margin:0 0 24px;color:#71807f;font-size:12px;font-weight:800;letter-spacing:.13em}
.del-script-maker .del-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 32px}
.del-script-maker .del-kind{min-height:112px;display:flex;align-items:center;gap:14px;padding:18px;text-align:left;border:1px solid #dbe3e1;border-radius:18px;background:#fff;color:var(--del-script-ink);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.del-script-maker .del-kind:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(31,55,70,.09)}
.del-script-maker .del-kind:focus-visible,.del-script-maker a:focus-visible,.del-script-maker button:focus-visible{outline:3px solid rgba(31,125,120,.28);outline-offset:3px}
.del-script-maker .del-kind-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:14px;font-size:23px;background:#f1f4f2}
.del-script-maker .del-kind strong,.del-script-maker .del-kind small{display:block}
.del-script-maker .del-kind strong{font-size:17px;line-height:1.35}
.del-script-maker .del-kind small{margin-top:5px;color:#788587;font-size:12px;line-height:1.45}
.del-script-maker .del-kind-life.active{background:var(--del-script-orange);border-color:var(--del-script-orange);color:#fff}
.del-script-maker .del-kind-education.active{background:var(--del-script-blue);border-color:var(--del-script-blue);color:#fff}
.del-script-maker .del-kind-drama.active{background:var(--del-script-purple);border-color:var(--del-script-purple);color:#fff}
.del-script-maker .del-kind.active .del-kind-icon{background:rgba(255,255,255,.2)}
.del-script-maker .del-kind.active small{color:rgba(255,255,255,.86)}
.del-script-maker .del-form>label[for=situation]{display:block;margin:0 0 10px;font-size:20px;font-weight:800;color:var(--del-script-ink)}
.del-script-maker textarea,.del-script-maker select,.del-script-maker input[type=text]{border:1px solid #cdd9d6!important;border-radius:13px!important;background:#fff!important;color:var(--del-script-ink)!important}
.del-script-maker #situation{min-height:155px;padding:18px;font-size:16px;line-height:1.75;resize:vertical}
.del-script-maker textarea:focus,.del-script-maker select:focus,.del-script-maker input[type=text]:focus{border-color:var(--del-script-teal)!important;box-shadow:0 0 0 4px rgba(22,125,120,.1)!important;outline:0}
.del-assistant{margin:30px 0 22px;padding:26px;border-radius:22px;background:linear-gradient(135deg,#e4f5f0 0%,#eef8f5 62%,#fffaf1 100%);border:1px solid #c5e2da}
.del-assistant-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}
.del-assistant-symbol{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--del-script-teal);color:#fff;font-size:20px;box-shadow:0 9px 20px rgba(22,125,120,.2)}
.del-assistant .eyebrow{margin:0 0 5px;color:var(--del-script-teal);font-size:11px;font-weight:900;letter-spacing:.15em}
.del-assistant h2{margin:0;color:var(--del-script-ink);font-size:22px;line-height:1.35}
.del-assistant-head p:last-child{margin:6px 0 0;color:#596e6c;font-size:14px}
.del-assistant-badge{padding:7px 10px;border-radius:999px;background:#fff;color:var(--del-script-teal);font-size:11px;font-weight:800;border:1px solid rgba(22,125,120,.18)}
.del-assistant-questions{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 18px;padding:0}
.del-assistant-questions li{display:flex;gap:10px;align-items:center;min-height:64px;padding:12px;border-radius:13px;background:rgba(255,255,255,.72);color:#2e514f;font-size:13px;font-weight:700}
.del-assistant-questions b{color:var(--del-script-teal);font-size:11px;letter-spacing:.08em}
.del-assistant-actions{display:flex;flex-wrap:wrap;gap:10px}
.del-assistant-actions .button{margin:0;border-radius:12px!important}
.del-assistant-actions .primary{background:var(--del-script-teal)!important;border-color:var(--del-script-teal)!important}
.del-assistant-note{margin:15px 0 0;color:#657775;font-size:12px;line-height:1.6}
.del-script-maker .del-settings{margin-top:18px;border:1px solid var(--del-script-line);border-radius:16px;background:#fff;overflow:hidden}
.del-script-maker .del-settings summary{padding:18px 20px;color:var(--del-script-ink);font-weight:800;background:#fbfcfb;cursor:pointer}
.del-script-maker .del-settings[open] summary{border-bottom:1px solid var(--del-script-line)}
.del-script-maker .del-settings>div:not(.del-draft-mode),.del-script-maker .del-settings>.del-draft-mode,.del-script-maker .del-settings>label,.del-script-maker .del-settings>textarea,.del-script-maker .del-settings>p{margin-left:20px;margin-right:20px}
.del-script-maker .del-field-grid{padding:20px 0}
.del-script-maker .del-field label{color:#38505e;font-size:13px;font-weight:800}
.del-script-maker .del-side{position:sticky;top:104px;padding:30px;border:2px solid #7de1cf;border-radius:24px;background:linear-gradient(155deg,#102f3d 0%,#14594f 100%)!important;color:#fff;box-shadow:0 20px 50px rgba(16,47,61,.24),inset 0 0 0 1px rgba(255,255,255,.08)}
.del-script-maker .del-side .eyebrow{margin:0 0 26px;color:#9ff4e3;font-size:11px;font-weight:900;letter-spacing:.17em}
.del-script-maker .del-side h2{display:inline-block;margin:0 0 16px;padding-bottom:8px;border-bottom:3px solid #7de1cf;color:#fff;font-size:30px;font-weight:900;line-height:1.25;text-shadow:0 1px 0 rgba(0,0,0,.25)}
.del-script-maker .del-side-lead{margin:0 0 24px;color:#f0fffb;font-weight:650;line-height:1.75}
.del-side-route{display:flex;gap:12px;padding:15px 0;border-top:1px solid rgba(255,255,255,.15)}
.del-side-route b{color:#9bd7cb;font-size:11px;letter-spacing:.08em}
.del-side-route strong,.del-side-route small{display:block}
.del-side-route strong{color:#fff;font-size:14px}
.del-side-route small{margin-top:5px;color:#e1f6f1;font-size:12px;line-height:1.55}
.del-side-balance{margin:22px 0 18px!important;padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.1);color:#eef9f6}
.del-script-maker .del-side .text-link{color:#fff;font-weight:800;text-decoration-color:#7de1cf;text-decoration-thickness:2px}
.del-script-maker .del-consent{margin-top:24px}
.del-script-maker .actions .button.primary{background:linear-gradient(135deg,#168c83,#255fc7)!important;border:0!important;box-shadow:0 10px 24px rgba(31,99,145,.2)}
@media(max-width:1024px){.del-script-maker{grid-template-columns:1fr}.del-script-maker .del-side{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.del-script-maker .del-side>.eyebrow,.del-script-maker .del-side>h2,.del-script-maker .del-side>.del-side-lead,.del-script-maker .del-side>.del-side-balance,.del-script-maker .del-side>.text-link{grid-column:1/-1}}
@media(max-width:720px){body.del-page-create .page-main.wrap{padding:18px 14px 56px}.del-script-maker .del-form{padding:20px 16px;border-radius:20px}.del-script-maker .del-kinds{grid-template-columns:1fr}.del-script-maker .del-kind{min-height:82px}.del-assistant{padding:20px 15px}.del-assistant-head{grid-template-columns:auto 1fr}.del-assistant-badge{display:none}.del-assistant-questions{grid-template-columns:1fr}.del-assistant-actions{display:grid}.del-assistant-actions .button{width:100%;text-align:center}.del-script-maker .del-side{grid-template-columns:1fr;border-radius:20px}.del-script-maker .del-side>*{grid-column:1!important}}
@media(prefers-reduced-motion:reduce){.del-script-maker *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
