.ftth-app{max-width:1800px;margin:auto;padding:28px 24px 48px;font-size:14px}.ftth-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.ftth-heading h1{font-size:36px;margin:8px 0;letter-spacing:-1px}.ftth-heading p{color:#64758a}.ftth-local{color:#08764e;background:#eaf7f1;padding:10px 14px;border-radius:20px;font-size:12px;white-space:nowrap}.ftth-project{display:grid;grid-template-columns:2fr 1.6fr 1fr 1fr 1fr;gap:12px;margin:18px 0}.ftth-app label{display:block;font-size:12px;font-weight:650;margin-bottom:10px}.ftth-app input,.ftth-app select{display:block;width:100%;min-width:0;margin-top:5px;border:1px solid #d5e0ed;border-radius:8px;background:#fff;color:#173456;padding:10px;font-size:14px}.ftth-app button{min-height:44px;padding:9px 12px;border:1px solid #d5e0ed;border-radius:8px;background:#fff;color:#173456;font:600 12px/1.4 system-ui;cursor:pointer;transition:background .15s}.ftth-app button:hover{background:#edf4ff;border-color:#9ebbf1}.ftth-app button[aria-pressed=true],.ftth-app .ftth-primary{background:#164fe5;color:#fff;border-color:#164fe5}.ftth-app button:disabled{opacity:.45;cursor:default}.ftth-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:#fff;border:1px solid #e0e7f0;border-radius:12px}.ftth-status{padding:12px 14px;margin:12px 0;color:#194a87;background:#eaf2ff;border-radius:8px;min-height:44px}.ftth-status.error{background:#fff0ed;color:#9d2e20}.ftth-layout{display:grid;grid-template-columns:195px minmax(0,1fr) 260px;gap:12px;align-items:start}.ftth-components,.ftth-properties{background:white;padding:16px;border:1px solid #e0e7f0;border-radius:12px;max-height:740px;overflow:auto;min-width:0}.ftth-app h2{font-size:16px;font-weight:750;margin:0}.ftth-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.ftth-components p,.ftth-properties p{font-size:12px;line-height:1.6;color:#64758a}#palette{display:grid;gap:7px}#palette button{text-align:left;display:flex;gap:10px;align-items:center}#palette button span{display:grid;place-items:center;background:#edf4ff;color:#164fe5;border-radius:6px;min-width:28px;height:28px;font-size:11px}.ftth-workspace{position:relative;min-width:0;border:1px solid #d5e0ed;border-radius:12px;overflow:hidden;background:#fafdff}.ftth-canvas-label{display:flex;justify-content:space-between;padding:12px 16px;font-size:10px;letter-spacing:1px;color:#64758a;background:white;border-bottom:1px solid #e0e7f0}#ftth-canvas{display:block;width:100%;height:650px;touch-action:none;user-select:none}.ftth-canvas-help{padding:10px 14px;font-size:11px;color:#64758a;background:white;margin:0;border-top:1px solid #e0e7f0}.ftth-node{cursor:grab;outline:none}.ftth-node>rect{fill:#fff;stroke:#cbd9ea;stroke-width:1.5}.ftth-node.selected>rect,.ftth-node:focus>rect{stroke:#164fe5;stroke-width:3}.ftth-node text{font:600 12px system-ui;fill:#173456;pointer-events:none}.ftth-node .ftth-node-detail{font:11px system-ui;fill:#64758a}.ftth-node .ftth-port{fill:#d8e6ff;stroke:#497bc4;cursor:crosshair}.ftth-node .ftth-port.used{fill:#16a67a;stroke:#08764e}.ftth-node .ftth-port.chosen{fill:#ffcc36;stroke:#9e6b00}.ftth-edge{fill:none;stroke:#7798c4;stroke-width:2.5;cursor:pointer}.ftth-edge.selected{stroke:#164fe5;stroke-width:4}.ftth-edge-hit{fill:none;stroke:transparent;stroke-width:18;cursor:pointer}.ftth-edge-label{font:10px system-ui;fill:#526b8d;paint-order:stroke;stroke:#fafdff;stroke-width:4;pointer-events:none}.ftth-properties fieldset{border:0;border-top:1px solid #e0e7f0;padding:12px 0 0;margin:12px 0}.ftth-properties legend{float:none;width:auto;font-size:12px;font-weight:750;margin-bottom:10px}.ftth-properties input,.ftth-properties select{padding:9px}.ftth-properties form button{width:100%}.ftth-properties .ftth-hint{font-size:11px}.ftth-results{background:white;border:1px solid #e0e7f0;border-radius:12px;padding:18px;margin-top:18px}.ftth-table-wrap{overflow:auto}.ftth-results td,.ftth-results th{white-space:normal;font-size:12px;padding:12px 10px}.ftth-results table{min-width:640px}.ftth-badge{display:inline-flex;gap:6px;align-items:center;font-size:11px;font-weight:650;border-radius:6px;padding:6px 8px;background:#eef1f4;color:#526174}.ftth-badge.good{background:#e8f8ef;color:#08764e}.ftth-badge.warning{background:#fff4d5;color:#795700}.ftth-badge.bad{background:#ffebe8;color:#a8291a}#ftth-alerts{font-size:12px;color:#795700;line-height:1.7;margin-top:15px}.ftth-footnote{font-size:12px;color:#64758a;line-height:1.8;margin-top:18px}.ftth-print,#components-toggle,#components-close,#properties-close{display:none}.ftth-properties.is-visible{display:block}
@media(max-width:1200px){.ftth-layout{grid-template-columns:170px minmax(0,1fr) 230px}.ftth-app{padding:20px 16px}.ftth-project{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.ftth-layout{grid-template-columns:minmax(0,1fr)}.ftth-components{display:none;max-height:60dvh}.ftth-components.is-visible{display:block}#components-toggle,#components-close,#properties-close{display:block}.ftth-properties{display:none;position:fixed;bottom:0;left:0;right:0;z-index:900;max-height:65dvh;border-radius:18px 18px 0 0;padding:20px 20px max(20px,env(safe-area-inset-bottom));box-shadow:0 -15px 50px #0b2c5830}.ftth-heading{align-items:start;flex-direction:column;gap:0}.ftth-project{grid-template-columns:repeat(2,minmax(0,1fr))}.ftth-project label:first-child{grid-column:1/-1}.ftth-heading h1{font-size:30px}#ftth-canvas{height:500px}.ftth-toolbar{gap:5px;padding:8px}.ftth-toolbar button{flex:1 0 auto}.ftth-results{padding:12px}.ftth-panel-title{flex-wrap:wrap}.ftth-results table{min-width:0}.ftth-results th,.ftth-results td{padding:8px 4px;font-size:10px;overflow-wrap:anywhere}.ftth-badge{padding:4px;font-size:10px}#ftth-counts{font-size:11px}.ftth-app{padding:20px 10px}.ftth-canvas-help{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ftth-app button{transition:none}}
@media print{@page{size:A4 landscape;margin:12mm}body{background:white}.site-header,body>main>*:not(.ftth-print),body>footer{display:none!important}.ftth-print{display:block!important;color:#173456;font:11px system-ui}.ftth-print h1{font-size:24px;letter-spacing:0;margin:0 0 10px}.ftth-print h2{font-size:16px;margin:16px 0 8px}.ftth-print svg{display:block;width:100%;height:110mm;border:1px solid #ddd;break-inside:avoid}.ftth-print table{width:100%;border-collapse:collapse}.ftth-print td,.ftth-print th{font-size:10px;padding:6px;border:1px solid #ddd}.ftth-print tr{break-inside:avoid}.ftth-print p{font-size:11px}.ftth-print .ftth-port{display:none}.ftth-print .ftth-node>rect{fill:white;stroke:#527ab0}.ftth-print text{fill:#173456;font:11px system-ui}.ftth-print .ftth-edge{stroke:#527ab0;fill:none;stroke-width:2}.ftth-print .ftth-edge-hit{display:none}}
.ftth-app [hidden]{display:none!important}
.ftth-tool-group,.ftth-tool-options{display:contents}.ftth-tool-group>summary{display:none}
@media screen and (max-width:900px){
 .ftth-tool-group{display:block;position:relative;flex:1 1 auto}.ftth-tool-group>summary{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 12px;border:1px solid #d5e0ed;border-radius:8px;background:white;font-weight:650;font-size:12px;cursor:pointer;list-style:none}.ftth-tool-group>summary::-webkit-details-marker{display:none}.ftth-tool-group>summary:after{content:'⌄';margin-left:8px}.ftth-tool-group[open]>summary{background:#edf4ff;color:#164fe5}.ftth-tool-options{display:flex;flex-wrap:wrap;gap:5px;padding:8px 0 0}.ftth-tool-group:not([open])>.ftth-tool-options{display:none}.ftth-tool-group[open]{flex-basis:100%}
 .ftth-results table,.ftth-results tbody{display:block;width:100%}.ftth-results thead{display:none}.ftth-results tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid #e0e7f0;border-radius:10px;padding:12px;margin:10px 0}.ftth-results td{display:flex;flex-direction:column;align-items:flex-start;border:0;padding:0;font-size:13px;overflow-wrap:normal}.ftth-results td:before{content:attr(data-label);font-size:10px;color:#64758a}.ftth-results td:first-child,.ftth-results td:last-child{grid-column:1/-1}.ftth-badge{font-size:12px;padding:6px 8px}.ftth-results td:first-child{font-weight:750}
}