.dt-shell{max-width:1340px;margin:0 auto;padding:1rem 1.25rem 4rem;color:#163248}.dt-crumbs{font-size:.9rem;margin:.5rem 0 1.25rem}.dt-hero{max-width:820px;margin-bottom:1.5rem}.dt-hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;margin:.2rem 0}.dt-hero p{font-size:1.12rem}.dt-kicker{text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:#28627c}.dt-tool,.dt-content{background:#fff;border:1px solid #cddce2;border-radius:16px;padding:1.25rem;margin:1.25rem 0;box-shadow:0 8px 24px rgba(18,55,74,.05)}.dt-tool h2,.dt-content h2{margin-top:0}.dt-intro{max-width:780px}.dt-toolbar,.dt-output,.dt-export-buttons,.dt-node-actions,.dt-zoom{display:flex;flex-wrap:wrap;gap:.7rem;align-items:end}.dt-toolbar{padding:1rem 0;border-top:1px solid #dae5e9;border-bottom:1px solid #dae5e9}.dt-field{display:flex;flex-direction:column;gap:.3rem;font-size:.89rem;font-weight:700;min-width:0}.dt-field input,.dt-field select{font:inherit;font-weight:400;color:#173447;background:#fff;border:1px solid #8ba6b5;border-radius:7px;padding:.62rem;min-width:0;max-width:100%}.dt-toolbar .dt-field{min-width:170px}.dt-import input{max-width:240px}.dt-shell button{background:#145675;color:#fff;border:1px solid #145675;border-radius:7px;padding:.62rem .85rem;font:inherit;font-weight:700;cursor:pointer;min-height:42px}.dt-shell button:hover{background:#0b3f59}.dt-shell button:disabled{opacity:.46;cursor:not-allowed}.dt-shell :is(button,input,select,a,[tabindex]):focus-visible{outline:3px solid #d57819;outline-offset:3px}.dt-workspace{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.08fr);gap:1rem;margin:1rem 0}.dt-panel{min-width:0;border:1px solid #cddce2;border-radius:12px;padding:1rem;background:#f8fbfc}.dt-panel-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap}.dt-panel-head h3{margin:0}.dt-editor-list{max-height:610px;overflow:auto;padding-right:.25rem}.dt-node-list{display:grid;gap:.75rem}.dt-node-card{background:#fff;border:1px solid #b8cbd4;border-left:4px solid #286b86;border-radius:9px;padding:.85rem;margin-left:calc(var(--depth)*.35rem)}.dt-node-card h3{font-size:1rem;margin:0 0 .55rem}.dt-node-fields{display:grid;grid-template-columns:minmax(0,2fr) minmax(135px,1fr);gap:.65rem}.dt-node-fields .dt-field:first-child{grid-column:1/-1}.dt-node-fields input{width:100%}.dt-node-actions{margin-top:.75rem;align-items:center}.dt-shell .dt-small-button{background:#fff;color:#164a61;border-color:#9bb5c1;font-size:.84rem;padding:.35rem .55rem;min-height:36px}.dt-shell .dt-small-button:hover{background:#e6f1f5}.dt-shell .dt-small-button[data-action=delete]{color:#8b2525;border-color:#cdaaaa}.dt-shell .dt-small-button[data-action=delete]:hover{background:#fff0f0}.dt-empty-note{margin:.5rem 0;color:#536978}.dt-preview{display:flex;flex-direction:column}.dt-preview .dt-viewport{height:570px;max-width:100%;overflow:auto;background:#fff;border:1px solid #b9cbd4;border-radius:8px;display:flex;align-items:flex-start;justify-content:flex-start}.dt-viewport svg{display:block;max-width:none;flex:none}.dt-diagram-summary{font-size:.88rem;color:#415b68}.dt-zoom{align-items:center}.dt-zoom button{min-height:34px;padding:.25rem .55rem}.dt-zoom-label{min-width:42px;text-align:center}.dt-output{background:#edf5f8;border:1px solid #c5dce6;border-radius:10px;padding:1rem}.dt-output>div:first-child{flex:1 1 100%}.dt-output h3{margin:.1rem 0}.dt-output p{margin:.3rem 0}.dt-export-buttons{flex:1 1 420px}.dt-status{min-height:2.4rem;background:#edf5f8;border-left:4px solid #246788;padding:.65rem .8rem;margin:1rem 0 0}.dt-error{background:#fff0ef;border-color:#9c3131;color:#762222}.dt-content{max-width:920px;line-height:1.65}.dt-content h2:not(:first-child){margin-top:1.6rem}.dt-content li{margin:.35rem 0}@media(max-width:850px){.dt-workspace{grid-template-columns:1fr}.dt-editor-list{max-height:540px}.dt-preview .dt-viewport{height:420px}}@media(max-width:500px){.dt-shell{padding:.7rem .7rem 3rem}.dt-tool,.dt-content{padding:.85rem}.dt-toolbar>*{flex:1 1 100%}.dt-toolbar .dt-field{min-width:0}.dt-import input{max-width:100%}.dt-node-fields{grid-template-columns:1fr}.dt-node-fields .dt-field:first-child{grid-column:auto}.dt-node-card{margin-left:0}.dt-export-buttons>*{flex:1 1 44%}.dt-preview .dt-viewport{height:360px}}@media print{@page{margin:.35in}.site-header,.site-footer,.dt-crumbs,.dt-hero,.dt-intro,.dt-toolbar,.dt-editor,.dt-panel-head,.dt-diagram-summary,.dt-output,.dt-status,.dt-content{display:none!important}body,.dt-shell,.dt-tool,.dt-workspace,.dt-preview,.dt-viewport{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important;max-width:none!important;width:100%!important;height:auto!important;overflow:visible!important;display:block!important}.dt-preview .dt-viewport svg{width:100%!important;height:auto!important;max-height:95vh!important;page-break-inside:avoid}}