.st-app{background:var(--bg);min-height:100vh;color:var(--ink);flex-direction:column;display:flex}.st-header{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 20px;display:flex}.st-brand{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.st-brand span{letter-spacing:.02em;background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;padding:3px 9px;font-size:15px;font-weight:700}.st-warning{background:var(--warn-bg);color:var(--warn);border-bottom:1px solid var(--border);padding:8px 20px;font-size:13px}.st-main{flex-direction:column;flex:1;min-height:0;display:flex}.st-center{flex-direction:column;gap:14px;max-width:620px;margin:48px auto;display:flex}.st-center h1{margin:0}.st-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.st-h2{margin:28px 0 10px;font-size:17px}.st-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.st-card{color:inherit;flex-direction:column;gap:4px;text-decoration:none;display:flex}.st-card:hover{border-color:var(--accent-line)}.st-plans{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.st-plans li{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.st-design{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 20px;display:flex}.st-design-head{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.st-design-head h1{margin:2px 0;font-size:22px}.st-flag,.st-note{border-radius:10px;margin:0;padding:10px 14px;font-size:14px}.st-flag{background:var(--warn-bg);color:var(--warn)}.st-flag ul{margin:6px 0 10px;padding-left:20px}.st-note{background:var(--accent-soft);color:var(--accent-ink)}.st-body{flex:1;grid-template-columns:minmax(0,1fr) 320px;gap:14px;min-height:520px;display:grid}.st-canvas{background:var(--paper);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-height:520px;display:flex;position:relative;overflow:hidden}.st-floors{align-self:flex-start;margin:10px}.st-plan{-webkit-user-select:none;user-select:none;width:100%;height:max(440px,100vh - 380px);display:block}.st-plan text{paint-order:stroke;stroke:var(--paper);stroke-width:.05px;stroke-linejoin:round}.st-3d{flex:1;min-height:520px}.st-legend{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:8px 12px;display:flex}.st-key{border-radius:2px;width:12px;height:12px;margin-left:8px;display:inline-block}.st-key-col{background:var(--ink)}.st-key-sug{background:var(--surface);border:2px solid var(--brand-orange)}.st-key-beam{background:var(--aster);height:6px}.st-room polygon{fill:var(--accent-soft);opacity:.45}.st-room text{fill:var(--muted);font-family:inherit}.st-room-use{fill:var(--subtle)}.st-wall{stroke:var(--border-strong);stroke-linecap:square}.st-wall-light{opacity:.5}.st-beam{cursor:pointer}.st-beam line{stroke:var(--aster);opacity:.85}.st-beam text{fill:var(--accent-ink);font-weight:600}.st-col{cursor:pointer}.st-col rect,.st-col circle{fill:var(--ink)}.st-col text{fill:var(--ink);font-weight:700}.st-col-suggested rect,.st-col-suggested circle{fill:var(--surface);stroke:var(--brand-orange);stroke-width:.05px}.st-sel line{stroke:var(--brand-orange);opacity:1}.st-sel rect,.st-sel circle{fill:var(--brand-orange)}.st-side{flex-direction:column;gap:12px;min-width:0;display:flex}.st-side h3{margin:0 0 8px;font-size:15px}.st-settings{flex-direction:column;gap:10px;display:flex}.st-settings h3{margin-bottom:0}.st-rooms{margin:0;padding:0;font-size:13px;list-style:none}.st-rooms li{border-top:1px solid var(--border);justify-content:space-between;gap:8px;padding:5px 0;display:flex}@media (width<=900px){.st-header{flex-wrap:wrap;padding:10px 16px}.st-warning{padding:8px 16px}.st-design{padding:12px 16px}.st-body{grid-template-columns:minmax(0,1fr)}.st-center{margin:24px 16px}}