:root{--ink: #493A40;--ink-dark: #37242B;--accent: #E30613;--surface: #FFFFFF;--subtle: #F6F5F5;--line: #DBD8D9;--muted: #776B70;--ok: #3E7D5A;--warn: #B8781E;--err: #C40511;--radius: 10px;--radius-card: 16px;--focus: 0 0 0 3px rgba(227, 6, 19, .25);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--surface);font-size:14px;-webkit-font-smoothing:antialiased}h1{font-weight:800;font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;margin:0;line-height:1.05}h3{font-size:13px;font-weight:700;margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em}h4{font-size:13px;font-weight:700;margin:0 0 8px}.dot{color:var(--accent)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted);margin:0 0 6px}.muted{color:var(--muted)}.small{font-size:12px}.pad{padding:4px 2px}.error{color:var(--err)}.error.banner{grid-column:1 / -1;margin:0;padding:8px 16px;background:#feedee}button{font:inherit;font-weight:600;border-radius:999px;padding:8px 16px;cursor:pointer;border:1.5px solid var(--ink);background:var(--surface);color:var(--ink);touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus)}button.primary{background:var(--ink);color:#fff}button.accent{background:var(--accent);border-color:var(--accent);color:#fff}button.ghost{border-color:transparent;background:transparent}button.small{padding:4px 10px;font-size:12px}button.block{width:100%}@media(hover:hover){button.primary:hover:not(:disabled){background:var(--ink-dark)}button.secondary:hover:not(:disabled),button.ghost:hover:not(:disabled){background:var(--subtle)}button.accent:hover:not(:disabled){background:#c40511}}input,select{font:inherit;font-size:14px;width:100%;padding:7px 10px;margin-top:4px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;color:var(--ink)}label{display:block;font-size:12px;font-weight:500;margin-bottom:10px;color:var(--ink)}label small{display:block;color:var(--muted);margin-top:3px;font-weight:400}label.check{display:flex;align-items:center;gap:8px}label.check input{width:auto;margin:0}.row{display:flex;gap:8px;align-items:flex-end}.row>label{flex:1}.row.wrap{flex-wrap:wrap}.kv{display:flex;justify-content:space-between;margin:4px 0;font-size:13px}.kv span{color:var(--muted)}.page{max-width:1200px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(16px,4vw,40px)}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:20px}.card{border:1px solid var(--line);border-radius:var(--radius-card);padding:20px;background:#fff}.card.survey{color:inherit;text-decoration:none;position:relative;transition:border-color .15s}.card.survey h3{text-transform:none;letter-spacing:0;font-size:16px}@media(hover:hover){.card.survey:hover{border-color:var(--ink)}}.card .del{position:absolute;top:12px;right:10px;color:var(--muted)}.card.empty{text-align:center;color:var(--muted)}.badge{display:inline-block;margin-top:8px;padding:2px 10px;border-radius:999px;background:#fdf3e4;color:var(--warn);font-size:12px;font-weight:600}.login{min-height:100%;display:grid;place-items:center;background:var(--ink-dark);padding:16px}.login .card{width:min(380px,100%);display:grid;gap:12px}.login .card:before{content:"";width:44px;height:3px;background:var(--accent)}.editor{height:100%;display:grid;grid-template-columns:300px 1fr 330px;grid-template-rows:auto auto 1fr;grid-template-areas:"bar bar bar" "err err err" "left canvas right"}.bar{grid-area:bar;display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line);background:#fff}.title-input{max-width:340px;font-weight:700;font-size:16px;border-color:transparent;margin:0}.title-input:hover,.title-input:focus{border-color:var(--line)}.toggle{display:flex;align-items:center;gap:6px;margin:0;white-space:nowrap}.toggle input{width:auto;margin:0}.status{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.panel{overflow-y:auto;padding:14px;background:var(--subtle)}.panel.left{grid-area:left;border-right:1px solid var(--line)}.panel.right{grid-area:right;border-left:1px solid var(--line)}.panel section{background:#fff;border-radius:12px;padding:14px;margin-bottom:12px;border:1px solid var(--line)}.canvas{grid-area:canvas;position:relative;min-width:0;background:#fff}.hint{background:#fdf3e4;color:#7a4f12;border-radius:8px;padding:8px 10px;font-size:12px}.warnings{margin:0;padding-left:18px;font-size:12px;color:#7a4f12}.warnings li{margin-bottom:4px}.plain{list-style:none;margin:0;padding:0;font-size:13px}.plain li{padding:4px 0;border-bottom:1px solid var(--subtle)}.conf-high{color:var(--ok)}.conf-medium{color:var(--warn)}.conf-low{color:var(--err)}.openings{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.opening-row{display:grid;grid-template-columns:1.3fr .8fr .8fr 1fr 1.2fr auto;gap:4px;margin-bottom:6px}.opening-row input,.opening-row select{padding:5px 4px;font-size:12px;margin:0}.tbl{width:100%;border-collapse:collapse;font-size:12px}.tbl th{text-align:left;color:var(--muted);font-weight:500;border-bottom:1px solid var(--line);padding:4px 2px}.tbl td{padding:5px 2px;border-bottom:1px solid var(--subtle);vertical-align:top}.tbl td:last-child,.tbl th:last-child{text-align:right;white-space:nowrap}.tbl.quote small{color:var(--muted)}.tbl .sum td{font-weight:700;border-top:1px solid var(--ink)}.disclaimer{font-size:11px;color:var(--muted);border-left:3px solid var(--accent);padding-left:10px;margin:12px 2px}.plan{width:100%;height:100%;display:block;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.plan:active{cursor:grabbing}.room{fill:#493a400d;stroke:none;cursor:pointer}.room.sel{fill:#e3061312}.room-name{font-size:14px;font-weight:700;fill:var(--ink);text-anchor:middle;pointer-events:none}.room-area{font-size:11px;fill:var(--muted);text-anchor:middle;pointer-events:none}.wall{stroke:#928a8c;stroke-linecap:square;cursor:pointer}.wall.exterieur{stroke:var(--ink)}.wall.mitoyen{stroke:#64585d;stroke-dasharray:8 3}.wall.local_non_chauffe{stroke:#ada6a9}.wall.low{stroke-dasharray:10 5}.wall.sel{stroke:var(--accent)}.opening{stroke:#fff;stroke-linecap:butt;pointer-events:none}.opening.fenetre,.opening.baie,.opening.porte_fenetre,.opening.velux{stroke:#cde6f2}.dim{font-size:12px;font-weight:600;text-anchor:middle;dominant-baseline:middle;paint-order:stroke;stroke:#fff;stroke-width:4px;pointer-events:none}.vertex{fill:#fff;stroke:var(--ink);stroke-width:1.5;cursor:move}@media(hover:hover){.vertex:hover{fill:var(--accent);stroke:var(--accent)}}.ghost circle{fill:var(--accent);opacity:.7}.ghost text{font-size:12px;font-weight:700;fill:var(--accent)}.clim .liaison{stroke:var(--accent);stroke-width:2;stroke-dasharray:6 4;fill:none}.clim .unit-in{fill:#fff;stroke:var(--accent);stroke-width:2}.clim .unit-out{fill:var(--ink);stroke:var(--ink)}.clim .unit-label{font-size:10px;font-weight:700;fill:var(--accent);text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3px}.clim .percement{fill:#fff;stroke:var(--ink);stroke-width:2}.clim .percement.alert{stroke:var(--err);fill:#feedee}.north circle{fill:#fff;stroke:var(--line)}.north path{fill:var(--accent)}.north text{font-size:11px;font-weight:800;text-anchor:middle;fill:var(--ink)}.north.unknown path{fill:#c8c4c6}.north-hint{font-size:10px!important;font-weight:500!important;fill:var(--muted)!important}.scale line{stroke:var(--ink);stroke-width:2}.scale text{font-size:11px;text-anchor:middle;fill:var(--ink)}.legend{position:absolute;left:12px;top:12px;display:flex;gap:12px;align-items:center;background:#ffffffeb;border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:11px}.legend .lg{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}.lg.high{background:var(--ok)}.lg.medium{background:var(--warn)}.lg.low{background:var(--err)}.legend .sep{width:1px;height:12px;background:var(--line)}@media(max-width:1000px){.editor{grid-template-columns:1fr;grid-template-rows:auto auto 55vh auto auto;grid-template-areas:"bar" "err" "canvas" "right" "left";height:auto}.bar{flex-wrap:wrap}.panel{overflow:visible}}@media print{.bar,.panel.left,.legend,.vertex,button,.row input{display:none!important}.editor{display:block;height:auto}.canvas{height:120mm;border:1px solid var(--line)}.panel.right{border:0;background:#fff;padding:0}.panel section{border:0;padding:6px 0;break-inside:avoid}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}button.danger{color:var(--err);margin-top:6px;padding-left:0}