:root{font-family:Space Grotesk,Sora,Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:#1c1f24;background-color:#f6f7f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f6f7f9}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{--thumb-reveal-duration: .32s;--thumb-reveal-ease: ease;display:flex;flex-direction:column;min-height:100vh;color:#1c1f24;background:#f6f7f9}.topbar{padding:12px 24px;border-bottom:1px solid #e2e4e7;background:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.topbar-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.icon-button{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d5d8dc;border-radius:8px;background:#fff}.icon-button:hover,button.icon-button{background:#fff}button.icon-button:hover,button.icon-button:active,button.icon-button:focus-visible{background:#fff}.icon-button:hover{border-color:#aeb4bc}.icon-button .header-icon{width:20px;height:20px;display:block;color:#111318}.info-button{font-size:1.08rem;line-height:1;color:#0c0f14;font-weight:600}.topbar-logo{width:84px;height:84px;background:transparent;border:none;border-radius:0;box-shadow:none;display:flex;align-items:center;justify-content:center;padding:0;-webkit-user-select:none;user-select:none}.topbar-logo svg{width:100%;height:100%;display:block}.topbar-text{display:flex;flex-direction:column}.topbar h1{margin:0;font-size:1.5rem;letter-spacing:.01em}.topbar .subtitle{margin:2px 0 0;color:#6a717b;font-size:.95rem;line-height:1.4}.info-button{padding:8px 10px;font-weight:600}.info-window{max-width:700px}.info-title{margin:0;font-size:1.2rem}.info-body{display:flex;flex-direction:column;gap:8px;color:#2f343c;line-height:1.45}.info-footer{margin-top:8px;color:#6a717b;font-size:.9rem}.info-body p{margin:0 0 10px}.info-body p:last-of-type{margin-bottom:0}.info-link a{color:#1c4da1;text-decoration:underline}.main{display:grid;grid-template-columns:320px 1fr;gap:20px;padding:14px 16px;flex:1;min-height:0}.sidebar,.grid{background:#fff;border:1px solid #e2e4e7;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #0000000a}.sidebar{padding:18px;overflow-y:auto}.section{background:#f9fafb;border:1px solid #e9ebee;border-radius:10px;padding:12px;margin-bottom:16px}.section.primary{background:#f6f8fb;border-color:#d9deeb}.section-divider{border-top:1px solid #e5e7eb;margin:12px 0}.section-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.section h3{margin:0;font-size:1rem;letter-spacing:.01em;font-weight:650}.field{display:flex;flex-direction:column;gap:6px;margin-top:10px}.field+.field{margin-top:12px}.label-row{display:flex;justify-content:space-between;align-items:center;color:#555a63}.value{color:#0d0f13;font-variant-numeric:tabular-nums;font-weight:600}.toggle-row{gap:10px}.toggle-right{display:inline-flex;align-items:center;gap:8px}input[type=range]{accent-color:#111318}input,select,button{border-radius:8px;border:1px solid #d5d8dc;background:#fff;color:#111318;padding:10px 12px;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease}input:focus,select:focus,button:focus{outline:none;box-shadow:0 0 0 2px #00000014;border-color:#b6bcc4}button{cursor:pointer}button:hover{border-color:#aeb4bc;background:#f4f5f6}button.primary{background:#0f1118;color:#fff;border-color:#0f1118;padding:12px 14px;box-shadow:0 6px 12px #00000014}.generate-button-full{width:100%;margin-top:14px}button.ghost{background:#f4f5f6}.icon-button,button.icon-button,a.icon-button{background:#fff}.icon-button:hover,button.icon-button:hover,a.icon-button:hover{background:#f4f5f6}.icon-button:active,button.icon-button:active,a.icon-button:active{background:#e8eaef}.icon-button:focus-visible,button.icon-button:focus-visible,a.icon-button:focus-visible{background:#fff}.toggle{position:relative;display:inline-flex;align-items:center;width:42px;height:24px;border-radius:18px;background:#dfe3e8;padding:3px;box-sizing:border-box;cursor:pointer;transition:background .12s ease}.toggle input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.toggle .slider{position:relative;display:block;width:100%;height:100%;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0000001f;transition:transform .16s ease,background .12s ease}.toggle input:checked+.slider{background:#1f2a3c}.toggle input:checked+.slider:after{transform:translate(16px)}.toggle .slider:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#f7f7f7;box-shadow:0 1px 3px #0000002e;transition:transform .16s ease,background .12s ease}.inline{display:flex;align-items:center;gap:6px}.chip-row{display:flex;align-items:center;gap:8px}.per-room{margin-top:10px;background:transparent;border-radius:0;border:none;padding:0}.per-room-header{display:flex;justify-content:space-between;color:#1c1f24;margin-bottom:6px}.per-room-row{border-top:1px solid #eceef1;padding:6px 0}.per-room-row:first-of-type{border-top:none}.per-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;min-width:0}.per-room-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}.per-room-grid.single{grid-template-columns:1fr}.per-room-grid label{display:flex;flex-direction:column;gap:4px;width:100%}.per-room-grid input{width:100%;box-sizing:border-box}.room-name{font-weight:550;font-size:.93rem;margin-bottom:2px;color:#1f2430}.field-label{color:#6b7280;font-size:.82rem;font-weight:500}.input-with-unit{position:relative;width:100%}.input-with-unit input{padding-right:40px}.input-with-unit .unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:13px;color:#888;pointer-events:none;-webkit-user-select:none;user-select:none}.grid{padding:14px;overflow:auto}.grid-inner{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.empty{padding:24px;color:#5a6068}.thumbnail{border:1px solid #e8eaee;background:#fff;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;text-align:left;opacity:1;transform:translateY(0);transition:opacity .16s ease,transform .12s ease,border-color .12s ease,box-shadow .12s ease}.grid--reveal .thumbnail,.thumbnail--reveal{opacity:0;transform:translateY(8px);animation:thumbIn var(--thumb-reveal-duration) var(--thumb-reveal-ease) forwards}.grid--soft .thumbnail,.thumbnail--soft{opacity:1}.thumbnail.selected{border-color:#111318;box-shadow:0 0 0 1px #11131833}.thumbnail:hover{border-color:#cdd1d8;transform:translateY(2px) scale(1.01);box-shadow:0 8px 16px #0000000f}.thumb-canvas{background:#fff;border:1px solid #e7eaee;border-radius:10px;padding:6px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;min-height:0}@keyframes thumbIn{to{opacity:1;transform:translateY(0)}}.thumb-canvas canvas{width:100%;height:100%;display:block;border-radius:8px}.thumb-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.thumb-row{display:flex;flex-direction:column;gap:2px}.label{color:#5a6068;font-size:.8rem}.inspector{padding:14px;display:flex;flex-direction:column;gap:12px;min-width:0}.inspector.empty{align-items:center;justify-content:center}.inspector-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.actions{display:flex;gap:8px}.inspector-canvas{background:#fff;border:1px solid #e2e4e7;border-radius:12px;padding:10px}.inspector-canvas canvas{width:100%;height:320px;display:block;border-radius:10px}.inspector-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;background:transparent;border:none;border-radius:0;padding:0;margin-bottom:6px}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e7eaee;padding:8px 0}.stats-toggles{display:flex;flex-direction:column;gap:8px;margin-top:8px}.inspector-rooms{background:#f9fafb;border:1px solid #e9ebee;border-radius:12px;padding:10px}.rooms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.room-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-top:1px solid #eceef1}.room-row:first-of-type{border-top:none}.room-meta{display:flex;gap:10px;color:#1c1f24;font-variant-numeric:tabular-nums}.inspector-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin-top:8px}.actions-label{font-weight:600;color:#5a6068}.export-buttons{display:flex;gap:8px}.layout-preview{background:#fff;border:1px solid #e2e4e7;border-radius:12px;padding:10px;flex:1;width:100%;max-width:100%;min-height:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;z-index:1}.layout-preview canvas{width:100%;height:100%;display:block;border-radius:8px;max-width:100%;max-height:100%}.preview-square{width:100%;aspect-ratio:1 / 1;display:flex;flex:1 1 auto;min-height:0;position:relative;max-width:100%;max-height:100%;height:100%;box-sizing:border-box;pointer-events:auto;margin:0 auto}.preview-overlay{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:10px;background:#ffffffeb;border:1px solid #e6e8ec;border-radius:999px;padding:6px 10px;box-shadow:0 4px 12px #0000000d;z-index:5;pointer-events:auto}.preview-overlay.pill .overlay-label{font-size:.9rem;color:#1f2430;white-space:nowrap}.preview-overlay .toggle,.preview-overlay label,.preview-overlay span{pointer-events:auto}.preview-nav{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:none;z-index:6;opacity:0;transition:opacity .14s ease}.preview-square:hover .preview-nav{opacity:1}.preview-nav button{pointer-events:auto;width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;background:#ffffffe6;box-shadow:0 4px 12px #0000001f}.preview-nav button:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000;overflow:auto}.modal-window{background:#fff;border:1px solid #dfe2e6;border-radius:14px;box-shadow:0 12px 40px #0000001f;max-width:1200px;width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;padding:16px 16px 12px;gap:12px;overflow:auto;box-sizing:border-box}.modal-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:18px;row-gap:14px;align-items:stretch;grid-auto-rows:minmax(0,1fr);min-height:0;flex:1 1 auto;overflow:auto;height:100%}.modal-left{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0;overflow:hidden}.modal-left-inner{display:flex;flex-direction:column;gap:10px;flex:1 1 auto;min-height:0;height:100%;width:100%}.modal-nav{display:flex;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box;align-items:center}.modal-nav button:disabled{opacity:.4;cursor:not-allowed}.export-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.export-buttons button{width:100%;box-sizing:border-box}.stats-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.modal-right{display:flex;flex-direction:column;gap:12px;min-height:0;min-width:0;height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;padding:2px 4px}.rooms-table{border:1px solid #e2e4e7;border-radius:10px;overflow:hidden;background:#fff;width:100%;box-sizing:border-box}.rooms-card{display:flex;flex-direction:column;gap:6px;border:none;border-radius:0;background:transparent;padding:0 0 2px}.rooms-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:transparent;border:none;padding:8px 0;font-weight:600;text-align:left;cursor:pointer;border-bottom:1px solid #e7eaee;box-sizing:border-box}.rooms-toggle .caret{font-size:.9rem}.rooms-card .rooms-table{border:1px solid #e2e4e7;border-radius:8px;width:100%;box-sizing:border-box}.rooms-table-body.scrollable{max-height:280px;overflow:auto}.rooms-table-header,.rooms-table-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px;padding:6px 10px}.rooms-table-header{background:#f1f3f6;font-weight:600}.rooms-table-row{border-top:1px solid #e7eaed;font-variant-numeric:tabular-nums}.rooms-table-row.alt{background:#fafbfc}.rooms-table-row .num,.rooms-table-header .num{text-align:left}.table-header-text{font-weight:600;color:#1c1f24;font-size:.95rem;white-space:nowrap}.table-cell-text{color:#1c1f24;font-weight:500}.rooms-table-body{max-height:none;overflow:visible}.facts-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px 12px;border:1px solid #e2e4e7;border-radius:10px;background:#fff;box-sizing:border-box}.factLabel{font-size:.95rem}.factValue{margin-top:2px}.detail-toggles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.toggle-line{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:8px 10px;border:1px solid #e2e4e7;border-radius:10px;background:#fff;box-sizing:border-box;cursor:pointer}.toggle-line span{font-weight:600;color:#1f2430;-webkit-user-select:none;user-select:none}@media(max-width:1200px){.main{grid-template-columns:280px 1fr}}@media(max-width:900px){.main{grid-template-columns:1fr}.sidebar{order:1}.grid{order:2}.modal-body{grid-template-columns:1fr;row-gap:16px;overflow:visible}.preview-square,.rooms-table-body{max-height:none}}.layout-subtitle{font-size:1rem;font-weight:650;color:#1f2430;padding-top:2px}