@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.app-shell>aside.sidebar.sidebar--dashboard{flex-shrink:0;align-self:stretch;min-height:0;max-height:100%}aside.sidebar.sidebar--dashboard{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--sb-accent:#d57a30;--sb-accent-hover:#c86d24;-webkit-overflow-scrolling:touch;font-family:Inter,Avenir Next,Segoe UI,sans-serif;width:280px!important;min-width:280px!important;max-width:280px!important;height:100%!important;min-height:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;resize:none!important;background:#faf8f5!important;border:none!important;border-radius:12px!important;flex-direction:column!important;padding:0!important;display:flex!important;overflow:hidden!important}aside.sidebar.sidebar--dashboard .sidebar--dashboard__scroll{background-color:#f59e0b03;border:none;flex-direction:column;flex:1;gap:0;min-height:0;padding:14px 12px 18px;display:flex;overflow:hidden auto}aside.sidebar.sidebar--dashboard.sidebar--dashboard--with-selection .sidebar--dashboard__scroll{flex:0 0 50%;height:50%;max-height:50%}.sb-rail[role=status]{color:#666;background:#fff;border:1px solid #0000001a;margin-bottom:10px;padding:8px 10px;font-size:12px;line-height:1.45;border-radius:10px!important}.sb-section{background:#faf8f5;border-bottom:1px solid #00000012;padding:8px 0 10px;border-radius:10px!important}.sb-selection-dock{border-top:2px solid var(--sb-accent);background:#fff;flex-shrink:0;min-height:0;padding:8px 12px 12px;overflow:hidden auto;box-shadow:0 -4px 12px #00000014;border-radius:10px 10px 0 0!important}aside.sidebar.sidebar--dashboard.sidebar--dashboard--with-selection .sb-selection-dock{flex:0 0 50%;height:50%;max-height:50%}.sb-selection-dock__badge{color:var(--sb-accent);margin:0 0 6px;font-size:11px;font-weight:600}.sb-selection-dock .sb-section--auswahl-fixed{background:#fff;border-bottom:none;padding:0;border-radius:10px!important}.sb-selection-dock .sb-section__head{background:#fff}.sb-section:first-of-type{padding-top:0}.sb-section__head{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;background:#faf8f5;border:none;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:6px 0 8px;display:flex}.sb-section__head-label{letter-spacing:.08em;text-transform:uppercase;color:#999;font-size:10px;font-weight:600}.sb-section__head-arrow{color:#999;flex-shrink:0;font-size:10px;line-height:1}.sb-section__body{padding-top:2px;padding-bottom:4px}.sb-field{margin-bottom:10px;display:block}.sb-field:last-child{margin-bottom:0}.sb-stack{flex-direction:column;gap:0;width:100%;display:flex}.sb-label{letter-spacing:.08em;text-transform:uppercase;color:#999;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.sb-input,.sb-select,aside.sidebar.sidebar--dashboard .form-control,aside.sidebar.sidebar--dashboard select.form-control,aside.sidebar.sidebar--dashboard input.form-control{box-sizing:border-box;width:100%;min-height:38px;padding:8px 10px;color:#333!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:#fff!important;border:1px solid #0000001a!important;border-radius:8px!important;font-size:13px!important}.sb-input:focus,.sb-select:focus,aside.sidebar.sidebar--dashboard .form-control:focus{outline-offset:0;border-color:var(--sb-accent)!important;outline:2px solid #d57a3047!important;box-shadow:0 0 0 1px #d57a3033!important}aside.sidebar.sidebar--dashboard .form-control:disabled{color:#666!important;background:#f2ede7!important;border-color:#00000014!important}.sb-value{color:#1f2327;word-break:break-word;margin:0;font-size:14px;font-weight:600;display:block}.sb-hint{color:#666;margin:0 0 8px;font-size:12px;line-height:1.4}.sb-btn{color:#333;width:100%;font:inherit;cursor:pointer;text-align:center;box-sizing:border-box;background:#fff;border:1px solid #0000001a;margin-bottom:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:block;border-radius:8px!important}.sb-btn:last-child{margin-bottom:0}.sb-btn:hover:not(:disabled){color:#1f2327;background:#fff3ea;border-color:#d57a3047}.sb-btn:disabled{opacity:.45;cursor:not-allowed}.sb-btn--accent,aside.sidebar.sidebar--dashboard .sb-btn--accent{font-weight:700;background:var(--sb-accent)!important;border:1px solid var(--sb-accent)!important;color:#fff!important}.sb-btn--accent:hover:not(:disabled){background:var(--sb-accent-hover)!important;border-color:var(--sb-accent-hover)!important;color:#fff!important}.sb-btn--secondary{color:#333;background:#fff;border:1px solid #0000001a;font-weight:600}.sb-btn--secondary:hover:not(:disabled){color:#1f2327;background:#fff3ea;border-color:#d57a3033}.sb-btn--active{border-color:var(--sb-accent);color:#1f2327;background:#fff3ea;box-shadow:0 0 0 1px #d57a3033}.sb-btn--remove{color:#666;background:#fff;font-weight:600}.sb-btn--remove:hover:not(:disabled){color:#b91c1c;background:#fff5f5;border-color:#b91c1c59}.sb-btn--text{color:#666;background:0 0;border:1px solid #00000014;font-weight:500}.sb-btn--text:hover:not(:disabled){color:#1f2327;background:#f3f0eb}.sb-btn--dang{color:#a61e1e;background:#fff;border:1px solid #0000001a;font-weight:600}.sb-btn--dang:hover:not(:disabled){color:#b91c1c;background:#fff5f5}.sb-toggle{background:#fff;border:1px solid #0000001a;gap:0;display:flex;overflow:hidden;border-radius:8px!important}.sb-toggle__btn{color:#333;min-height:38px;font:inherit;letter-spacing:.06em;cursor:pointer;background:#fff;border:none;flex:1;margin:0;padding:0 8px;font-size:12px;font-weight:700}.sb-toggle__btn+.sb-toggle__btn{border-left:1px solid #0000001a}.sb-toggle__btn[aria-pressed=true]{color:var(--sb-accent)!important;background:#fff3ea!important;box-shadow:inset 0 0 0 1px #d57a304d!important}.sb-toggle__btn[aria-pressed=true]:hover{color:var(--sb-accent-hover)!important;background:#fff0e4!important}.sb-bestand{flex-wrap:nowrap;align-items:center;gap:6px;width:100%;min-width:0;font-size:12px;line-height:1.4;display:flex;overflow:hidden}.sb-bestand--line{flex-wrap:wrap;row-gap:4px}.sb-bestand__mid{color:#b0a69a;-webkit-user-select:none;user-select:none}.sb-chip{color:#666;background:#fff;border:1px solid #0000000f;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.sb-chip--ph{color:#c85a00;background:#fff3ea;border:1px solid #c85a0026}aside.sidebar.sidebar--dashboard .sdt-tag-group{background:#fff;border:1px solid #0000001a;border-radius:8px;padding:6px 8px 8px}aside.sidebar.sidebar--dashboard .sdt-tag-group__legend{color:#999;font-size:9px}aside.sidebar.sidebar--dashboard .sdt-tag-chip{background:#faf8f5;border:1px solid #0000000f}aside.sidebar.sidebar--dashboard .tree-list{max-height:32vh;margin:4px 0 0;overflow-y:auto}aside.sidebar.sidebar--dashboard .tree-item__button{color:#333;font-size:12px;line-height:1.3}aside.sidebar.sidebar--dashboard .tree-branch{border-left-color:#5a4b3c38}aside.sidebar.sidebar--dashboard .form-control optgroup{font-size:11px;font-weight:600}aside.sidebar.sidebar--dashboard a{color:#c85a00}aside.sidebar.sidebar--dashboard a:hover{color:#8a4a0a}aside.sidebar.sidebar--dashboard input[type=checkbox]{accent-color:#c85a00}aside.sidebar.sidebar--dashboard .tree-item__button:focus-visible,aside.sidebar.sidebar--dashboard .sb-btn:focus-visible,aside.sidebar.sidebar--dashboard .sb-section__head:focus-visible,aside.sidebar.sidebar--dashboard .sb-toggle__btn:focus-visible{outline-offset:1px;outline:2px solid #c85a0066}aside.sidebar.sidebar--dashboard .tree-item__button--selected,aside.sidebar.sidebar--dashboard .tree-item__button--selected:hover{color:#9a4c00;box-shadow:none;background:#fff3ea;border:1px solid #c85a0038;font-weight:600;transform:none}aside.sidebar.sidebar--dashboard .tree-empty,aside.sidebar.sidebar--dashboard p.tree-empty{color:#6b6660}aside.sidebar.sidebar--dashboard::-webkit-scrollbar{width:8px}aside.sidebar.sidebar--dashboard::-webkit-scrollbar-track{background:0 0}aside.sidebar.sidebar--dashboard::-webkit-scrollbar-thumb{background:#5a4b3c4d padding-box padding-box;border:2px solid #faf8f5;border-radius:999px}:root{color:#2a3238;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent-layout:#2d6a7a;--accent-layout-hover:#245d6c;--accent-tool:#3d5a6c;--surface-card:#fdfdfd;--border-soft:#54606d1f;background:#faf8f5;font-family:Inter,Avenir Next,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{flex-direction:column;height:100%;min-height:100%;margin:0;display:flex}body{background:#faf8f5;overflow:hidden}button,input,select{font:inherit}.app-shell{align-items:stretch;min-height:100%;display:flex}.app-shell>aside.sidebar{z-index:10;position:relative}.app-root>.app-shell{flex:1;min-height:0}.app-root{flex-direction:column;flex:1;min-height:0;display:flex}.project-topbar{border-bottom:1px solid var(--border-soft);background:#faf8f5;align-items:center;gap:10px;padding:10px 14px;display:flex}.project-topbar__logo{margin-left:2px;margin-right:4px}.project-topbar__title{color:#2d3a44;font-size:13px;font-weight:700}.project-dashboard{width:100%;max-width:980px;min-height:100%;margin:0 auto;padding:34px 28px}.project-dashboard__header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.project-dashboard__brand{flex-direction:row;flex:1;align-items:center;gap:1.1rem;min-width:0;display:flex}.project-dashboard__headlines{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.project-dashboard__brand .syntax-logo{flex-shrink:0;align-items:center}.project-dashboard__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#7a7773;margin:0 0 6px;font-size:11px;font-weight:700}.project-dashboard__header h1{color:#1f2327;margin:0;font-size:2rem;line-height:1.1}.project-dashboard__subtitle{color:#79726b;margin:9px 0 0;font-size:14px}.project-dashboard__create{color:#fff;cursor:pointer;background:#c85a00;border:1px solid #0000;border-radius:11px;padding:10px 14px;font-size:13px;font-weight:700;box-shadow:0 2px 10px #c85a003d}.project-dashboard__create:hover{background:#b45100}.project-dashboard__empty{text-align:center;background:#fff;border:1px dashed #00000024;border-radius:14px;margin-top:20px;padding:54px 30px;box-shadow:0 2px 10px #0000000a}.project-dashboard__empty h2{color:#2a343c;margin:0 0 8px}.project-dashboard__empty p{color:#6e655c;margin:0 0 18px}.project-dashboard__empty-cta{color:#fff;cursor:pointer;background:#c85a00;border:none;border-radius:12px;padding:13px 22px;font-size:15px;font-weight:700}.project-dashboard__empty-cta:hover{background:#b45100}.project-dashboard__list{gap:12px;margin-top:22px;display:grid}.project-card{background:#fff;border:1px solid #00000012;border-radius:14px;justify-content:space-between;align-items:stretch;padding:0;display:flex;overflow:hidden;box-shadow:0 2px 10px #0000000d}.project-card__preview{background:#faf8f5;border-right:1px solid #00000012;justify-content:center;align-items:center;width:110px;min-width:110px;display:flex}.project-card__preview-svg{width:96px;height:74px}.project-card__content{flex:1;min-width:0;padding:14px 16px 12px}.project-card__title{color:#1f2327;word-break:break-word;margin:0;font-size:16px;font-weight:700}.project-card__meta{color:#7b746c;margin:4px 0 0;font-size:12px}.project-card__chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.project-chip{color:#707070;background:#fff3ea;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.project-chip--phrase{color:#c85a00}.project-card__actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;width:172px;padding:0 14px;display:flex}.project-card__open{color:#fff;cursor:pointer;background:#c85a00;border:1px solid #0000;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700}.project-card__open:hover{background:#b45100}.project-card__delete{color:#7c7c7c;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.project-card__delete:hover{color:#d22d2d}.sidebar{border-right:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);resize:horizontal;background:#fcfcfdfa;flex-direction:column;flex-shrink:0;gap:8px;width:clamp(196px,17vw,268px);height:100vh;min-height:0;padding:12px 12px 10px;display:flex;overflow:auto hidden}.sidebar__scroll{flex:1;min-height:0;padding-right:6px;overflow-y:auto}.sidebar__header h1,.summary-card h2{color:#252d33;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.sidebar__eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#687787;margin:0 0 6px;font-size:11px;font-weight:700}.sidebar__intro{color:#667481;margin:6px 0 0;font-size:12px;line-height:1.35}.status-card,.summary-card{border:1px solid var(--border-soft);background:var(--surface-card);border-radius:10px;margin-top:12px;padding:12px;box-shadow:0 1px 3px #202a330a}.summary-card--inspector{border:1px solid #6b79862e;flex-shrink:0;max-height:42vh;margin-top:0;overflow-y:auto;box-shadow:0 4px 12px #202a330f}.summary-card__selection-type{color:#4a5863;margin:8px 0 0;font-size:12px;font-weight:600}.status-card{color:#3f4953;background:#f8fafb;border-color:#6b798629;font-size:12px;line-height:1.4}.status-card__label{letter-spacing:.06em;text-transform:uppercase;color:#5f6d7a;margin-bottom:4px;font-size:10px;font-weight:800;display:block}.toolbar{flex-direction:column;gap:16px;margin-top:12px;display:flex}.toolbar__section{border-bottom:1px solid #54606d14;flex-direction:column;gap:7px;padding-bottom:14px;display:flex}.toolbar__section:last-of-type{border-bottom:none;padding-bottom:0}.toolbar__section--compact{padding-bottom:12px}.toolbar__section-title{letter-spacing:.07em;text-transform:uppercase;color:#8a96a0;margin:0 0 2px;font-size:10px;font-weight:700}.toolbar__row-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.toolbar__button{color:#f4f7f9;background:var(--accent-tool);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600;transition:background .12s,box-shadow .12s,opacity .12s,border-color .12s;box-shadow:0 1px 2px #20344414}.toolbar__button:hover:not(:disabled){filter:brightness(1.05)}.toolbar__button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.toolbar__button--quiet{color:#3d4750;box-shadow:none;background:#f1f3f5;border-color:#54606d1f;font-weight:500}.toolbar__button--quiet:hover:not(:disabled){filter:none;background:#e8ebef}.toolbar__button--active-tool{color:#fff;background:var(--accent-tool);border-color:#2d4a5a59;box-shadow:0 2px 8px #2d4a5a2e}.toolbar__button--nav-active{color:#2a3d49;box-shadow:none;background:#e4eef2;border-color:#2d6a7a47}.toolbar__button--layout{color:#fff;background:var(--accent-layout);border-color:#19505c59;padding:10px 12px;font-weight:600;box-shadow:0 3px 12px #2d6a7a38}.toolbar__button--layout:hover:not(:disabled){background:var(--accent-layout-hover);filter:none}.toolbar__button--compact{color:#5c6770;box-shadow:none;background:#eef1f3;border:1px solid #54606d1f;padding:6px 8px;font-size:16px;font-weight:600;line-height:1.2}.toolbar__button--compact:hover:not(:disabled){color:#3d4750;background:#e4e8eb}.toolbar__button--file-primary{color:#fff;background:#4a6678;border-color:#2d3e4a33}.toolbar__button--file-primary:hover:not(:disabled){filter:none;background:#3f5868}.toolbar__button--danger{color:#fff;background:#9e4e4e;border-color:#78282840}.toolbar__button--danger:hover:not(:disabled){filter:none;background:#8f4545}.summary-card__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.summary-card__label{letter-spacing:.04em;text-transform:uppercase;color:#71828f;margin-bottom:2px;font-size:12px;font-weight:700;display:block}.summary-card__empty,.tree-empty{color:#546270;margin:14px 0 0}.form-grid{gap:12px;margin-top:14px;display:grid}.form-field{display:block}.form-control{color:#233240;background:#f8f9fa;border:1px solid #5d758629;border-radius:8px;width:100%;min-height:38px;padding:8px 10px}.tree-list{margin:14px 0 0;padding-left:0;list-style:none}.tree-item{margin-top:8px}.tree-item:first-child{margin-top:0}.tree-branch{border-left:1px dashed #56708459;margin:8px 0 0 16px;padding-left:12px}.tree-item__button{color:#304150;cursor:pointer;background:0 0;border:none;padding:0}.tree-item__button--selected{color:#19557c;font-weight:700}.canvas-panel{z-index:1;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.canvas-help-strip{border-bottom:1px solid var(--border-soft);color:#243041;background:#fcfcfdeb;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 18px 10px;display:flex}.canvas-help-strip__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.canvas-history-controls{align-items:center;gap:4px;display:flex}.canvas-history-controls__btn{min-width:32px;min-height:32px;font:inherit;color:#4a5863;cursor:pointer;background:#fffffff2;border:1px solid #576e7f2e;border-radius:8px;padding:0 8px;font-size:15px;font-weight:600}.canvas-history-controls__btn:hover:not(:disabled){color:#2a3844;background:#f0f4f7}.canvas-history-controls__btn:disabled{opacity:.38;cursor:not-allowed}.canvas-history-controls__btn--danger{color:#9a4545;border-color:#b4464647}.canvas-history-controls__btn--danger:hover{color:#7a2f2f;background:#d95c501f}.canvas-history-controls__btn--clear{min-width:auto;padding:0 10px;font-size:12px;font-weight:700}.canvas-help-strip__text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.canvas-help-strip__mode{letter-spacing:.06em;text-transform:uppercase;color:#fff;border-radius:6px;width:fit-content;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.canvas-help-strip__detail{color:#6d7a84;max-width:72ch;font-size:11px;line-height:1.5}.canvas-zoom-controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.canvas-zoom-controls__btn{min-width:36px;min-height:32px;font:inherit;color:#1a3344;cursor:pointer;background:#fffffff2;border:1px solid #576e7f38;border-radius:8px;padding:4px 8px;font-size:15px;font-weight:700}.canvas-zoom-controls__btn:hover{background:#f0f6fa}.canvas-zoom-controls__btn--pct{min-width:52px;font-size:11px;font-weight:700}.canvas{overscroll-behavior:contain;background:#e8ebed;flex:1;min-height:0;padding:16px 20px 24px;overflow:auto}.canvas--pan-ready{cursor:grab}.canvas--panning,.canvas--panning *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.canvas-zoom-sizer{min-width:calc(100% + 800px);min-height:calc(100% + 600px);position:relative}@-moz-document url-prefix(){.canvas-zoom-sizer{min-width:100%;min-height:100%}}.canvas__surface{isolation:isolate;background-color:#faf9f7;background-image:linear-gradient(#969ea60b 1px,#0000 1px),linear-gradient(90deg,#969ea60b 1px,#0000 1px);background-position:0 0,0 0,0 0;background-repeat:repeat;background-size:28px 28px,28px 28px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:12px;position:relative;box-shadow:inset 0 0 0 1px #6a727a1a,0 12px 32px #1c262e0f}.canvas__empty{color:#61707d;text-align:center;border:2px dashed #5f778838;border-radius:24px;place-items:center;font-size:18px;display:grid;position:absolute;inset:32px}.edges-layer{pointer-events:none;position:absolute;inset:0;overflow:visible}.edges-layer--structure .edge-path,.edges-layer--structure .edge-label{pointer-events:auto}.edges-layer--structure{z-index:1}.edges-layer--relations{z-index:4;pointer-events:none}.edges-layer--relations .relation-arc__interaction,.edges-layer--relations .relation-arc__badge,.edges-layer--relations .relation-arc__handle-hit{pointer-events:auto}.edges-layer--relations .relation-arc__path{pointer-events:none}.edge-path{fill:none;stroke:#9aa8b2;stroke-width:1.35px;opacity:.72;cursor:pointer;pointer-events:stroke;stroke-linecap:round;stroke-linejoin:round}.edge-path--selected{stroke:#5f7382;stroke-width:1.85px;opacity:.95}.edge-distributor path{fill:none;stroke:#6c7782;stroke-width:1.2px;opacity:.78;stroke-linecap:round;pointer-events:none}.edge-label__badge{fill:#fffffff5;stroke:#5c7a933d}.edge-label__text{fill:#35546d;pointer-events:none;font-size:12px;font-weight:700}.edge-label{cursor:pointer;pointer-events:auto}.relation-arc{cursor:pointer;pointer-events:none}.relation-arc__interaction{fill:none;stroke:#0000;stroke-linecap:round;stroke-linejoin:round;stroke-width:28px;cursor:pointer;pointer-events:stroke}.relation-arc__path{fill:none;stroke:#5c6bc0;stroke-width:2px;stroke-linecap:round;pointer-events:none}.relation-arc__badge{fill:#fffffff7;stroke:#4a5fc959;stroke-width:1px;pointer-events:auto;cursor:pointer}.relation-arc__label-text{fill:#3f4a9a;pointer-events:none;font-size:11px;font-weight:700}.relation-arc__label-group{cursor:pointer;pointer-events:auto}.relation-arc__handle-hit{fill:#0000;stroke:none;cursor:grab;touch-action:none;pointer-events:auto}.relation-arc__handle{fill:#fff;stroke:#4a5fc9;stroke-width:2px;cursor:grab;pointer-events:none;touch-action:none}.relation-arc__handle-group{pointer-events:auto}.relation-arc__handle-group:active,.relation-arc__handle:active{cursor:grabbing}.relation-arc--selected .relation-arc__path{stroke:#3949ab;stroke-width:2.45px}.relation-arc--selected .relation-arc__badge{stroke:#3949ab73}.tree-node{z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #626f7c29;border-radius:12px;flex-direction:column;align-items:stretch;width:188px;min-height:102px;padding:14px 14px 12px;font-size:13px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex;position:absolute;box-shadow:0 4px 14px #3047580f}.tree-node--phrase{background:#fbfcfd;border-color:#546e8433}.tree-node--token{background:#fffcf8;border-color:#857a602e}.tree-node--tree-link-parent{border-color:#5f7588;box-shadow:0 0 0 2px #5f758838,0 10px 20px #3d4f5e14}.tree-node--relation-source{border-color:#6a7784;box-shadow:0 0 0 2px #6a77842e,0 10px 20px #404a5614}.tree-node--connecting{border-color:#d39000;box-shadow:0 0 0 3px #d390002e,0 22px 32px #78530029}.tree-node__phrase-top,.tree-node__token-top{justify-content:space-between;align-items:flex-start;gap:8px;min-height:22px;display:flex}.tree-node__phrase-label{letter-spacing:-.02em;color:#2c3a45;font-size:15px;font-weight:600;line-height:1.25}.tree-node__phrase-foot,.tree-node__token-foot{margin-top:auto;padding-top:10px}.tree-node__phrase-valence{color:#8a939c;letter-spacing:.02em;margin-top:6px;font-size:10px;font-weight:500;line-height:1.3}.tree-node__word-category{letter-spacing:.06em;text-transform:uppercase;color:#7a8792;font-size:10px;font-weight:700;line-height:1.2}.tree-node__word-category-spacer{flex:1;min-width:4px}.tree-node__word-form{letter-spacing:-.02em;color:#1e2a33;word-break:break-word;margin:4px 28px 0 0;font-size:1.28rem;font-weight:600;line-height:1.2}.tree-node__word-pos{color:#6a7782;letter-spacing:.03em;margin-top:6px;font-size:11px;font-weight:600}.tree-node__word-pos--tiger{color:#5c6a74;font-weight:500}.tree-node__word-valence{color:#9aa3ab;letter-spacing:.04em;margin-top:5px;font-size:9px;font-weight:500}.tree-node__sdt-layer{border-top:1px solid #7870601f;flex-direction:column;align-items:stretch;gap:4px;margin-top:6px;padding:6px 0 2px;display:flex}.tree-node__sdt-layer:first-of-type{border-top:none;padding-top:2px}.tree-node__sdt-layer-label{letter-spacing:.12em;text-transform:uppercase;color:#9ca3af;font-size:7px;font-weight:700;line-height:1}.tree-node__sdt-layer--valenz .tree-node__sdt-layer-label{color:#64748b}.tree-node__word-valence-pattern{color:#64748b;letter-spacing:.03em;word-break:break-word;font-size:9px;font-weight:600;line-height:1.35}.tree-node__word-valence-pattern-key{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:8px;font-weight:700}.tree-node__word-tags{flex-wrap:wrap;justify-content:center;gap:3px;max-width:100%;margin-top:6px;display:flex}.tree-node__word-tags--wortgruppe,.tree-node__word-tags--valenz{justify-content:flex-start;margin-top:0}.tree-node__word-tag{letter-spacing:.03em;color:#4f46e5;cursor:help;background:#6366f11f;border-radius:6px;padding:1px 5px;font-size:9px;font-weight:600}.tree-node__word-tag--valenz{color:#0e7490;background:#0e749024}.sdt-tag-groups{flex-direction:column;gap:8px;margin-top:4px;display:flex}.sdt-tag-group{border:1px solid #00000014;border-radius:8px;margin:0;padding:6px 8px 8px}.sdt-tag-group__legend{text-transform:uppercase;letter-spacing:.05em;color:#64748b;padding:0 4px;font-size:10px;font-weight:600}.sdt-tag-group__items{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.sdt-tag-chip{color:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none;background:#94a3b824;border-radius:999px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:500;transition:background-color .12s,color .12s;display:inline-flex}.sdt-tag-chip input[type=checkbox]{accent-color:#4f46e5;margin:0}.sdt-tag-chip--active{color:#312e81;background:#4f46e52e}.sdt-tag-chip--disabled{opacity:.45;cursor:not-allowed}.sdt-tag-chip__label{font-variant-numeric:tabular-nums}.tree-node__delete{color:#9a4545;cursor:pointer;background:#d95c5014;border:none;border-radius:8px;flex-shrink:0;width:26px;height:26px;font-size:16px;line-height:1}.tree-node__delete:hover{background:#d95c5024}.tree-node__kind{letter-spacing:.06em;text-transform:uppercase;color:#9aa5ae;font-size:9px;font-weight:700}.tree-node--phrase .tree-node__kind{color:#8e9aa3}.tree-node--token .tree-node__kind{color:#a89880}.is-exporting .tree-node__delete{display:none!important}.is-exporting .tree-node{border-width:1.5px;box-shadow:0 1px #0000000a,0 4px 12px #141e2d14!important}.is-exporting .tree-node--phrase{background:#e9eef5!important;border-color:#4d6378!important}.is-exporting .tree-node--phrase .tree-node__phrase-label{color:#1a2731!important}.is-exporting .tree-node--token{background:#fff5e2!important;border-color:#a08148!important}.is-exporting .tree-node--token .tree-node__word-form{color:#11181f!important}.is-exporting .tree-node__word-category{color:#2e3742!important}.is-exporting .tree-node__word-pos,.is-exporting .tree-node__word-valence,.is-exporting .tree-node__word-valence-pattern,.is-exporting .tree-node__phrase-valence{color:#4a525b!important}.is-exporting .tree-node__word-valence-pattern-key,.is-exporting .tree-node__sdt-layer-label{color:#5c636c!important}.is-exporting .tree-node__word-tag{color:#2a2470!important;background:#4f46e52e!important}.is-exporting .tree-node__word-tag--valenz{color:#0c4a5e!important;background:#0e749038!important}.is-exporting .tree-node__kind{color:#5a636c!important}.is-exporting .edge-path{stroke:#2e3742!important;stroke-width:1.6px!important}.is-exporting .edge-label__badge{fill:#2e3742!important;stroke:none!important}.is-exporting .edge-label__text{fill:#fff!important;font-weight:700!important}.is-exporting .relation-arc__path{stroke:#5a3a8a!important;stroke-width:1.6px!important}.is-exporting .relation-arc__badge{fill:#5a3a8a!important;stroke:none!important}.is-exporting .relation-arc__label-text{fill:#fff!important;font-weight:700!important}.is-exporting .canvas__empty{display:none!important}@media (width<=960px){body{overflow:auto}.app-shell{flex-direction:column}.sidebar{border-bottom:1px solid #576e7f2e;border-right:none;width:100%;height:auto;max-height:none}.sidebar__scroll,.summary-card--inspector{max-height:none;overflow:visible}.canvas{min-height:60vh}}:root{--app-bg:#eef2f7;--app-bg-2:#f7f9fc;--panel-bg:#ffffffb8;--panel-bg-strong:#ffffffe0;--panel-stroke:#ffffff85;--panel-border:#0f172a14;--panel-shadow:0 10px 30px #0f172a14, 0 2px 10px #0f172a0d;--panel-shadow-hover:0 18px 42px #0f172a1f, 0 4px 16px #0f172a12;--text-strong:#0f172a;--text-main:#243041;--text-soft:#5f6f84;--text-faint:#8b97a8;--accent-layout:#2f6df6;--accent-layout-hover:#255ee0;--accent-tool:#111827;--accent-tool-hover:#1f2937;--accent-soft:#2f6df61f;--accent-soft-2:#2f6df633;--success-soft:#18a05824;--danger-soft:#dc26261f;--warning-soft:#f59e0b24;--surface-card:#ffffffc7;--surface-card-solid:#fff;--surface-elevated:#fffffff0;--border-soft:#0f172a14;--radius-xl:24px;--radius-lg:18px;--radius-md:14px;--radius-sm:12px;color:var(--text-main);background:radial-gradient(circle at top left, #6ea5ff2e, transparent 28%), radial-gradient(circle at top right, #ffffffd9, transparent 34%), linear-gradient(180deg, var(--app-bg-2) 0%, var(--app-bg) 100%)}html,body,#root{background:radial-gradient(circle at 0 0,#6ea5ff29,#0000 28%),radial-gradient(circle at 85% 15%,#fffc,#0000 22%),linear-gradient(#f8fbff 0%,#eef2f7 100%)}body{color:var(--text-main)}button,input,select{font-family:inherit}.app-shell{gap:16px;min-height:100%;padding:16px;position:relative}.app-shell:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0,#2f6df614,#0000 24%),radial-gradient(circle at 100% 20%,#ffffffa6,#0000 18%);position:fixed;inset:0}.sidebar{border:1px solid var(--panel-stroke);border-right:1px solid var(--panel-stroke);background:var(--panel-bg);width:clamp(244px,18vw,308px);height:calc(100vh - 32px);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(24px)saturate(170%);border-radius:28px;padding:14px}.sidebar__scroll{padding-right:8px}.sidebar__scroll::-webkit-scrollbar{width:10px;height:10px}.summary-card--inspector::-webkit-scrollbar{width:10px;height:10px}.canvas::-webkit-scrollbar{width:10px;height:10px}.sidebar__scroll::-webkit-scrollbar-thumb{background:#94a3b861 padding-box padding-box;border:2px solid #0000;border-radius:999px}.summary-card--inspector::-webkit-scrollbar-thumb{background:#94a3b861 padding-box padding-box;border:2px solid #0000;border-radius:999px}.canvas::-webkit-scrollbar-thumb{background:#94a3b861 padding-box padding-box;border:2px solid #0000;border-radius:999px}.sidebar__header h1,.summary-card h2{color:var(--text-strong);letter-spacing:-.03em;font-size:1.05rem;font-weight:700}.sidebar__eyebrow,.toolbar__section-title,.summary-card__label,.status-card__label,.tree-node__kind,.tree-node__word-category{color:var(--text-faint);letter-spacing:.12em}.sidebar__intro,.canvas-help-strip__detail,.summary-card__empty,.tree-empty,.status-card,.summary-card__selection-type,.tree-node__word-pos,.tree-node__phrase-valence,.tree-node__word-valence,.tree-node__word-valence-pattern{color:var(--text-soft)}.tree-node__sdt-layer-label{color:var(--text-faint)}.status-card,.summary-card{border:1px solid var(--panel-stroke);background:var(--panel-bg-strong);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(22px)saturate(160%);border-radius:20px}.status-card{background:linear-gradient(#ffffffd1,#ffffffb8)}.summary-card--inspector{border-color:#ffffff85;box-shadow:0 16px 34px #0f172a14,inset 0 1px #ffffff73}.toolbar{gap:18px}.toolbar__section{border-bottom:1px solid #0f172a0f;gap:9px;padding-bottom:16px}.toolbar__row-pair{gap:8px}.toolbar__button,.canvas-history-controls__btn,.canvas-zoom-controls__btn,.tree-node__delete,.form-control,.tree-item__button{transition:transform .16s,background .16s,border-color .16s,box-shadow .16s,color .16s,opacity .16s}.toolbar__button,.canvas-history-controls__btn,.canvas-zoom-controls__btn{-webkit-backdrop-filter:blur(18px)saturate(160%);border:1px solid #ffffff80;border-radius:16px;position:relative}.toolbar__button:hover:not(:disabled),.canvas-history-controls__btn:hover:not(:disabled),.canvas-zoom-controls__btn:hover:not(:disabled),.tree-item__button:hover,.tree-node__delete:hover{transform:translateY(-1px)}.toolbar__button:active:not(:disabled),.canvas-history-controls__btn:active:not(:disabled),.canvas-zoom-controls__btn:active:not(:disabled){transform:translateY(0)}.toolbar__button{color:#fff;background:linear-gradient(#1f2937 0%,#111827 100%);min-height:40px;padding:10px 12px;font-size:12px;font-weight:650;box-shadow:0 8px 18px #11182729,inset 0 1px #ffffff1f}.toolbar__button:hover:not(:disabled){filter:none;background:linear-gradient(#293548 0%,#182233 100%);box-shadow:0 14px 26px #11182733,inset 0 1px #ffffff26}.toolbar__button--quiet,.canvas-history-controls__btn,.canvas-zoom-controls__btn,.toolbar__button--compact{color:var(--text-main);background:#ffffffb8;border-color:#ffffff8f;box-shadow:0 4px 14px #0f172a0f,inset 0 1px #fff6}.toolbar__button--quiet:hover:not(:disabled),.canvas-history-controls__btn:hover:not(:disabled),.canvas-zoom-controls__btn:hover:not(:disabled),.toolbar__button--compact:hover:not(:disabled){color:var(--text-strong);background:#ffffffe6}.canvas-history-controls__btn--danger{color:#b42318;background:#fef2f2e0;border-color:#dc262647;box-shadow:0 4px 14px #b91c1c14,inset 0 1px #ffffff80}.canvas-history-controls__btn--danger:hover:not(:disabled){color:#991b1b;background:#fee2e2f2}.toolbar__button--layout,.toolbar__button--file-primary,.toolbar__button--active-tool{background:linear-gradient(#4b8bff 0%,#2f6df6 100%);border-color:#ffffff3d;box-shadow:0 10px 22px #2f6df647,inset 0 1px #ffffff2e}.toolbar__button--layout:hover:not(:disabled),.toolbar__button--file-primary:hover:not(:disabled),.toolbar__button--active-tool:hover:not(:disabled){background:linear-gradient(#5a94ff 0%,#255ee0 100%)}.toolbar__button--nav-active{color:#1640a8;background:#2f6df61a;border-color:#2f6df62e;box-shadow:inset 0 0 0 1px #ffffff38}.toolbar__button--danger{background:linear-gradient(#ff7b7b 0%,#e5484d 100%);box-shadow:0 10px 22px #e5484d38,inset 0 1px #ffffff29}.form-control{min-height:42px;color:var(--text-main);-webkit-backdrop-filter:blur(14px);background:#ffffffc2;border:1px solid #ffffff8c;border-radius:16px;padding:10px 12px;box-shadow:inset 0 1px #ffffff85,0 4px 12px #0f172a0a}.form-control:focus{border-color:#2f6df666;outline:none;box-shadow:0 0 0 4px #2f6df61f,inset 0 1px #ffffff85}.form-control:disabled{color:#8190a3;background:#f6f8fbc7}.tree-item__button{color:var(--text-main);font-weight:550}.tree-item__button--selected{color:#255ee0}.canvas-panel{gap:14px}.canvas-help-strip{border:1px solid var(--panel-stroke);color:#243041;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(24px)saturate(170%);background-color:#f59e0b1a;border-radius:26px;margin-right:2px;padding:14px 18px}.canvas-help-strip__mode{color:#fff;border-radius:999px;padding:5px 10px;box-shadow:inset 0 1px #ffffff29}.canvas-help-strip__mode--none{background:linear-gradient(#94a3b8 0%,#64748b 100%)}.canvas-help-strip__mode--tree{background:linear-gradient(#60a5fa 0%,#2563eb 100%)}.canvas-help-strip__mode--relation{background:linear-gradient(#a78bfa 0%,#7c3aed 100%)}.canvas-help-strip__primary{color:var(--text-strong);font-size:13px;font-weight:700}.canvas{background:linear-gradient(#ffffff85,#ffffff3d),linear-gradient(#eaf0f8 0%,#e4ebf4 100%);border-radius:32px;padding:18px 22px 24px;box-shadow:inset 0 1px #ffffff73,0 12px 28px #0f172a14}.canvas__surface{background:linear-gradient(#94a3b814 1px,#0000 1px) 0 0/32px 32px,#fbfcff linear-gradient(90deg,#94a3b814 1px,#0000 1px) 0 0/32px 32px;border-radius:34px;box-shadow:inset 0 0 0 1px #fff9,0 18px 42px #0f172a14}.canvas__empty{color:var(--text-soft);-webkit-backdrop-filter:blur(10px);background:#ffffff7a;border:2px dashed #2f6df62e;border-radius:28px}@-moz-document url-prefix(){.canvas__empty{-webkit-backdrop-filter:none;background:#ffffffdb}}.edge-path{stroke:#788aa1e6;stroke-width:1.6px}.edge-path--selected{stroke:#2f6df6;stroke-width:2.3px}.edge-label__badge{fill:#fffffff0;stroke:#2f6df629;filter:drop-shadow(0 6px 10px #0f172a14)}.edge-label__text{fill:#255ee0}.relation-arc__path{stroke:#7c3aed;stroke-width:2.15px}.relation-arc__badge{fill:#fffffff5;stroke:#7c3aed38}.relation-arc__label-text{fill:#6d28d9}.relation-arc__handle{fill:#fff;stroke:#7c3aed;filter:drop-shadow(0 4px 10px #7c3aed3d)}.tree-node{-webkit-backdrop-filter:blur(18px)saturate(170%);background:linear-gradient(#ffffffeb,#ffffffc7);border:1px solid #ffffff94;border-radius:24px;width:200px;min-height:112px;padding:16px 16px 14px;box-shadow:0 14px 34px #0f172a14,inset 0 1px #ffffff8c}.tree-node:hover{transform:translateY(-3px)scale(1.01);box-shadow:0 20px 40px #0f172a1f,inset 0 1px #ffffff8c}.tree-node--phrase{background:linear-gradient(#fffffff5,#f6f9ffd6)}.tree-node--token{background:linear-gradient(#fffffff5,#fffaf4db)}.tree-node--selected{border-color:#d57a3066;box-shadow:0 0 0 4px #d57a3033,0 24px 42px #78530024}.tree-node--token-selected{box-shadow:0 0 0 4px #d57a3033,0 24px 42px #b453091f}.tree-node--tree-link-parent{box-shadow:0 0 0 4px #64748b29,0 20px 34px #0f172a1a}.tree-node--relation-source{box-shadow:0 0 0 4px #7c3aed1f,0 20px 34px #0f172a1a}.tree-node--connecting{box-shadow:0 0 0 4px #f59e0b2e,0 20px 34px #b4530924}.tree-node__phrase-label,.tree-node__word-form{color:var(--text-strong);letter-spacing:-.03em}.tree-node__phrase-label{font-size:15px;font-weight:700}.tree-node__word-form{font-size:1.34rem;font-weight:700}.tree-node__delete{color:#d63b45;background:#ffffffbf;border-radius:999px;width:30px;height:30px;box-shadow:0 4px 10px #0f172a14}.tree-node__delete:hover{background:#fff;box-shadow:0 8px 16px #d63b452e}@media (width<=960px){.app-shell{gap:10px;padding:10px}.sidebar{border-radius:24px;width:100%;height:auto}.canvas-help-strip,.canvas{border-radius:24px}.canvas{min-height:60vh}}