*{box-sizing:border-box}body{margin:0;font-family:-apple-system,system-ui,sans-serif;background:#16161a;color:#eee}.wrap{max-width:860px;margin:0 auto;padding:24px 16px 60px}h1{font-size:26px;margin:8px 0 16px}.steps{display:flex;gap:14px;margin-bottom:20px;font-size:14px;color:#888}.steps .on{color:#4cc2ff;font-weight:600}.steps .done{color:#6dd58c}section{display:flex;flex-direction:column;gap:14px}.drop{display:flex;align-items:center;justify-content:center;min-height:220px;border:2px dashed #444;border-radius:12px;cursor:pointer;color:#999;overflow:hidden}.drop img{max-width:100%;max-height:360px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:end}label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#aaa}input,select{background:#222;color:#eee;border:1px solid #444;border-radius:8px;padding:8px 10px;font-size:15px}input.wide{width:100%}button,.btn{background:#2f7ddb;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:15px;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:default}button.ghost{background:#2a2a30;border:1px solid #555}button.ghost.danger{border-color:#7a3333;color:#e59b6b}button.ghost.danger:hover{background:#3a2020}.compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.compare img{width:100%;border-radius:8px}.compare figcaption{font-size:12px;color:#999;margin-top:4px}figure{margin:0}.wrap.full{max-width:100%;padding-left:24px;padding-right:24px}.result{width:100%;max-height:82vh;object-fit:contain;border-radius:10px;display:block}.result-layout{display:flex;gap:16px;align-items:flex-start}.result-main{flex:1;min-width:0}.result-side{width:210px;flex:none;display:flex;flex-direction:column;gap:14px}.result-side .side-item{display:flex;flex-direction:column;gap:4px}.result-side .side-info{display:flex;flex-direction:column;gap:3px;margin:1px 0 2px}.result-side .si-row{font-size:11.5px;color:#c3c9d0;display:flex;align-items:center;flex-wrap:wrap;gap:5px}.result-side .si-row b{color:#e8ecf0}.result-side .si-row.si-meta{font-size:10.5px;color:#868d95}.result-side .si-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:1px}.result-side .si-tag{font-size:9.5px;padding:0 5px;border-radius:8px;background:#1b2530;border:1px solid #35414f;color:#aeb6bf}.result-side img{width:100%;border-radius:8px;border:1px solid #3a3a42;background:#16161a;cursor:zoom-in}@media (max-width: 720px){.result-layout{flex-direction:column}.result-side{width:100%;flex-direction:row}.result-side .side-item{flex:1}}.busy{background:#223148;border:1px solid #33507a;padding:10px 14px;border-radius:8px}.err{background:#482222;border:1px solid #7a3333;padding:10px 14px;border-radius:8px}h3{margin:4px 0 0;font-size:14px;color:#bbb;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.card{cursor:pointer;background:#202026;border:1px solid #3a3a42;border-radius:10px;padding:6px;transition:border-color .15s}.card:hover{border-color:#4cc2ff}.card img{width:100%;height:110px;object-fit:cover;border-radius:6px}.decor-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.decor-grid .card img{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:contain;background:#16161a}.lab-pickers{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.lab-pickers h3{margin-top:4px}.lab-pick{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));align-content:start;height:calc(100vh - 360px);min-height:280px;overflow-y:auto;padding:4px;border:1px solid #2c333c;border-radius:10px;background:#141418}.lab-pick .card img{height:auto;aspect-ratio:1 / 1;object-fit:cover}@media (max-width: 720px){.lab-pickers{grid-template-columns:1fr}}.lab-pick .card.sel{border-color:#4cc2ff;box-shadow:0 0 0 2px #4cc2ff}.lab-chosen{color:#8fe0b0;font-style:normal;font-size:13px}.lab-results{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.lab-col{display:flex;flex-direction:column;gap:6px}.lab-method{display:flex;align-items:center;gap:8px;font-size:13px;color:#e8ecf0}.lab-img{width:100%;border-radius:8px;border:1px solid #2c333c;cursor:zoom-in;display:block}@media (max-width: 720px){.lab-results{grid-template-columns:1fr}}.group-by{display:flex;align-items:center;gap:8px;margin:4px 0 14px;flex-wrap:wrap}.group-by .gb-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#7a8088}.result-side .si-sub{font-size:10px;color:#7a8088;text-transform:uppercase;letter-spacing:.03em}.result-side .prompt-box{margin-top:2px}.result-side .prompt-box summary{font-size:11px;color:#7fd3ff;cursor:pointer}.result-side .prompt-box p{font-size:11px;line-height:1.45;color:#c3c9d0;margin-top:4px;max-height:200px;overflow-y:auto;background:#16161a;border:1px solid #2c333c;border-radius:6px;padding:6px 8px}.card figcaption{font-size:12px;color:#aaa;margin-top:4px;text-align:center}.card.sel{border-color:#4cc2ff;box-shadow:0 0 0 2px #4cc2ff}.layouts .card img{height:130px;object-fit:contain;background:#16161a}.editor{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start}.editor-left{display:flex;flex-direction:column;gap:12px}.ctrl{display:flex;flex-direction:column;gap:6px}.ctrl-label{font-size:13px;color:#aaa}.swatches{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#2a2a30;border:1px solid #555;color:#eee;border-radius:20px;padding:6px 14px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;position:relative}.chip.sel{border-color:#4cc2ff;box-shadow:0 0 0 1px #4cc2ff}.chip.color input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.chip .dot{width:14px;height:14px;border-radius:50%;border:1px solid #777;display:inline-block}.editor-preview{display:flex;flex-direction:column;gap:6px}.editor-preview img{width:100%;border-radius:10px;border:1px solid #3a3a42}input[type=range]{width:100%;accent-color:#4cc2ff}@media (max-width: 680px){.editor{grid-template-columns:1fr}}.builder{background:#202026;border:1px solid #3a3a42;border-radius:10px;padding:12px}.builder select,.builder input{min-width:120px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.topbar h1{margin:8px 0}.toolbar{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.toolbar button,.toolbar .btn{padding:7px 12px;font-size:13px}.busy-line{display:flex;align-items:center;gap:10px}.spinner{width:15px;height:15px;border:2px solid #33507a;border-top-color:#4cc2ff;border-radius:50%;display:inline-block;animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:5px;background:#1a2536;border-radius:3px;margin-top:8px;overflow:hidden}.progress .bar{height:100%;background:#4cc2ff;border-radius:3px;transition:width 1s linear}.save-style{display:flex;gap:8px;align-items:center;margin-top:4px}.save-style input{flex:1;min-width:0}.save-style button{white-space:nowrap}.styles-strip{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.styles-strip .card img{height:78px;object-fit:contain;background:#16161a}.card{position:relative}.card-actions{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .12s}.card:hover .card-actions{opacity:1}.card-actions button{padding:0;width:24px;height:24px;font-size:15px;line-height:1;border-radius:6px;background:#141418d9;border:1px solid #555;color:#eee}.card-actions button.del:hover{background:#7a2323;border-color:#b04444}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:50;padding:30px}.lightbox img{max-width:94vw;max-height:90vh;border-radius:10px}.lightbox-close{position:fixed;top:16px;right:20px;width:40px;height:40px;font-size:24px;border-radius:50%;background:#2a2a30;border:1px solid #555;color:#eee}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.card img{height:auto;aspect-ratio:1 / 1;object-fit:cover}.masonry{display:block;column-width:200px;column-gap:12px}.masonry .card{display:inline-block;width:100%;margin:0 0 12px;vertical-align:top;break-inside:avoid;-webkit-column-break-inside:avoid}.masonry .card img{width:100%;height:auto;aspect-ratio:auto;object-fit:cover}.decor-room{display:flex;align-items:center;gap:6px;min-width:0;text-align:left}.decor-room .rt{width:26px;height:26px;border-radius:5px;object-fit:cover;border:1px solid #3a3a42;flex:none}.decor-room>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{background:#202026;border:1px solid #3a3a42;border-radius:12px;padding:16px}.upload-panel{max-width:560px;display:flex;flex-direction:column;gap:12px}.builder.panel{align-items:end}.modal-card{background:#1c1c22;border:1px solid #3a3a42;border-radius:12px;padding:12px;max-width:92vw;max-height:92vh;display:flex;flex-direction:column;gap:12px}.modal-card img{max-width:88vw;max-height:78vh;object-fit:contain;border-radius:8px}.modal-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.modal-title{color:#ddd;font-size:15px}.modal-actions{display:flex;gap:8px}.plan-strip{display:flex;flex-direction:column;gap:6px;margin-top:12px}.plan-thumb{max-height:260px;max-width:100%;width:auto;object-fit:contain;border-radius:8px;border:1px solid #3a3a42;background:#16161a;cursor:zoom-in;align-self:flex-start}.decor-group{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}.group-head{display:flex;align-items:center;gap:10px;padding:6px 2px;border-bottom:1px solid #2c2c34}.group-head span{font-size:15px;color:#ddd;font-weight:600}.group-head em{color:#888;font-style:normal;font-weight:400}.group-tile{width:34px;height:34px;border-radius:6px;object-fit:cover;border:1px solid #3a3a42}.group-emoji{font-size:22px;line-height:1}.group-head .cap{text-transform:capitalize}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px;padding:0 2px 2px}.tag{font-size:10.5px;color:#b8c0c8;background:#2a2a30;border:1px solid #3a3a42;border-radius:5px;padding:1px 6px;white-space:nowrap;font-variant-numeric:tabular-nums}.feedback{background:#202026;border:1px solid #3a3a42;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.fb-ask{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.fb-q{font-size:15px;font-weight:600;margin-right:4px}.fb-form{display:flex;flex-direction:column;gap:10px}.fb-summary{display:flex;align-items:center;gap:12px;font-size:14px}.fb-summary.ok{color:#6dd58c}.fb-summary.bad{color:#e59b6b}.fb-summary button{padding:5px 12px;font-size:12px}.dissat{display:inline-block;margin-top:3px;margin-left:6px;font-size:11px;font-weight:700;color:#7d8590;font-variant-numeric:tabular-nums}.dissat.has{color:#e5794b}.group-head .dissat{margin-top:0}.cost{display:block;margin-top:3px;color:#6dd58c;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.group-cost{margin-left:auto;color:#6dd58c;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.new-room-btn{padding:12px 22px;font-size:15px}.room-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.upload-room-btn{padding:12px 22px;font-size:15px;cursor:pointer}.upload-room-btn.disabled{opacity:.45;pointer-events:none}.upload-note{font-size:12px;color:#8a9098;margin:-2px 0 2px}.room-search{display:flex;gap:8px;align-items:center}.room-search input{flex:1;min-width:0}.tile-fit{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px}.tile-fit .tf-lbl{font-size:10px;font-weight:700;color:#7fd3ff;text-transform:uppercase;letter-spacing:.03em}.tile-fit .tf-tag{font-size:10.5px;padding:1px 7px;border-radius:10px;background:#1b2530;border:1px solid #35414f;color:#cbd2d9}.match-btn{align-self:flex-start;padding:5px 12px;font-size:12px;margin-top:4px}.restore-btn{width:100%;margin-top:6px;padding:6px;font-size:13px;background:#2a4a32}.restore-btn:hover{background:#356140}.match-card{min-width:60vw;max-width:92vw}.match-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:66vh;overflow-y:auto}.match-grid .card.dim{opacity:.5}.room-flex{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.room-cell{position:relative;flex:0 1 190px;margin:0}.room-cell .rc-main{cursor:pointer}.room-cell .rc-main>img{width:100%;display:block;border-radius:8px;border:1px solid #2c333c}.room-cell .rc-meta{display:flex;align-items:center;gap:6px;margin-top:5px}.room-cell .rc-size{font-size:12px;font-weight:700;color:#e8ecf0}.room-cell .rc-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.room-cell.expanded{flex-basis:100%;display:flex;gap:16px;align-items:flex-start;background:#15161a;border:1px solid #2c333c;border-radius:10px;padding:12px}.room-cell.expanded .rc-main{flex:0 0 460px;max-width:52%}.room-cell.expanded .rc-detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;position:relative}.rc-info .ri-name{font-size:13px;font-weight:700;color:#e8ecf0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rc-info .ri-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.rc-shape{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.rc-shape .ctrl-label{margin-right:2px}.rc-shape .chip{padding:2px 10px;font-size:12px}.rc-shape .chip.auto{opacity:.7}.rc-matches .ctrl-label{display:block;margin-bottom:4px}.rc-matches .mini-row{display:flex;flex-wrap:wrap;gap:8px}.mini-tile{width:92px;margin:0;cursor:pointer}.mini-tile:hover{opacity:.85}.mini-tile img{width:92px;height:92px;object-fit:cover;border-radius:6px;border:1px solid #2c333c;display:block}.mini-tile figcaption{font-size:10px;color:#aeb6bf;margin-top:2px;display:flex;flex-wrap:wrap;align-items:center;gap:3px;max-width:92px}.mini-tile figcaption .shape-badge{padding:0 4px}.rc-close{align-self:flex-end;padding:3px 10px;font-size:12px}.tile-fit .tf-tag.shape{background:#123024;border-color:#2c6a48;color:#8fe0b0;font-weight:700}.match-divider{font-size:11px;font-weight:700;letter-spacing:.02em;color:#8fe0b0;margin:12px 2px 6px;text-transform:uppercase}.match-divider.muted{color:#7a8088;font-weight:600}.shape-badge{display:inline-block;padding:0 6px;border-radius:9px;font-size:10px;font-weight:700;background:#262b31;border:1px solid #3a424c;color:#9aa2ab}.shape-badge.ok{background:#143026;border-color:#2c6a48;color:#8fe0b0}.shape-badge.sz{background:#2a2410;border-color:#6a5a1e;color:#e6d27a}.grid-manual{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.grid-manual .grid-in{width:68px;padding:6px 8px;text-align:center}.grid-manual .grid-x{color:#8a9098;font-weight:700}.match-grid .src{display:block;font-size:10.5px;color:#8a9098;margin-top:2px}.match-grid .src b.hi{color:#6dd58c}.search-results .card{cursor:pointer}.search-results .card .src{display:block;font-size:10.5px;color:#8a9098;margin-top:2px}.home-nav{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:6px}.nav-tile{flex:1 1 220px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#202026;border:1px solid #3a3a42;border-radius:12px;padding:18px 20px;cursor:pointer;color:#eee;text-align:left;transition:border-color .15s,background .15s}.nav-tile:hover{border-color:#4cc2ff;background:#23232b}.nav-tile .nav-ico{font-size:30px;line-height:1}.nav-tile .nav-label{font-size:17px;font-weight:700}.nav-tile .nav-sub{font-size:12px;color:#8a9098}.builder-page{gap:22px}.build-title{font-size:20px;margin:6px 0}.build-section{display:flex;flex-direction:column;gap:10px}.build-label{font-size:12px;color:#9aa0a6;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.icards{display:flex;gap:10px;flex-wrap:wrap}.icard{min-width:92px;display:flex;flex-direction:column;align-items:center;gap:6px;background:#202026;border:1px solid #3a3a42;border-radius:10px;padding:12px;cursor:pointer;color:#ccc;transition:border-color .15s}.icard:hover{border-color:#4cc2ff}.icard.sel{border-color:#4cc2ff;box-shadow:0 0 0 1px #4cc2ff}.icard .emoji{font-size:26px;line-height:1}.icard span:last-child{font-size:12px;text-align:center;text-transform:capitalize}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.style-card{padding:6px}.style-card img{width:100%;height:130px;object-fit:cover;border-radius:8px;display:block}.style-card figcaption{text-transform:capitalize;font-size:13px;color:#ccc;margin-top:6px;font-weight:600}.style-ph{height:130px;display:flex;align-items:center;justify-content:center;background:#16161a;border-radius:8px;color:#888;font-size:13px;text-transform:capitalize}.ratios{display:flex;gap:8px;flex-wrap:wrap;align-items:end}.chip.ratio{flex-direction:column;padding:8px 12px;gap:6px}.ratio-box{border:1.5px solid #9aa0a6;border-radius:2px;background:#16161a;display:inline-block}.chip .ico{font-size:15px;line-height:1}.chip.qual{flex-direction:column;align-items:flex-start;gap:3px;padding:8px 14px}.chip.qual .qnote{font-size:11px;color:#8a9098;font-weight:400}.decor-quality{margin:6px 0 4px;padding-top:10px;border-top:1px solid #2c2c34}.trait-group{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid #35414f;border-radius:12px;background:#1b2530}.trait-group .group-title{color:#7fd3ff;font-size:13px;text-transform:none;letter-spacing:0}.trait-group .group-title em{color:#8a9098;font-style:normal;font-weight:400}.cam-hint{font-size:12px;color:#8a9098;margin-top:-4px}.cam-hint b{color:#aab2ba}.prompt-box{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.5;color:#cbd2d9;background:#16161a;border:1px solid #3a3a42;border-radius:10px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-height:260px;overflow-y:auto}.prompt-note{font-size:11px;color:#8a9098}.trait-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.trait .build-label{text-transform:none;letter-spacing:0;color:#aab2ba}.cam-sim-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.cam-sim{width:100%;max-width:300px;height:auto;background:#16161a;border:1px solid #3a3a42;border-radius:10px;display:block}.cam-sim-cap{font-size:11px;color:#8a9098}.build-actions{margin-top:6px}.build-actions button:first-child{padding:12px 24px;font-size:16px}@media (max-width: 680px){.style-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.room-cell{position:relative}.room-cell:hover .card-actions{opacity:1}.card-actions button.rc-ph{border-color:#3a6b45;color:#cfe9d6}.card-actions button.rc-ph:hover{background:#2c5a34;border-color:#4a8a5a}.ph-btn{display:inline-flex;align-items:center;gap:8px;margin:6px 8px 6px 0;padding:9px 14px;border-radius:9px;cursor:pointer;font-weight:600;background:#234a2e;color:#dff2e4;border:1px solid #3f7a50}.ph-btn:hover{background:#2c5a38;border-color:#55a06c}.ph-btn:disabled{opacity:.5;cursor:default}.ph-btn .qnote{font-weight:400;opacity:.75;font-size:12px}.ph-finish{margin:8px 0 4px}.ph-finish-row{display:flex;gap:6px;margin-top:5px}.ph-fin{padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:700;font-size:12.5px;background:#1c1f24;color:#aab2ba;border:1px solid #333a42}.ph-fin:hover{border-color:#55a06c}.ph-fin.on{background:#234a2e;color:#dff2e4;border-color:#55a06c}.zoomwrap{max-width:88vw;max-height:78vh;overflow:hidden;border-radius:8px;display:flex;align-items:center;justify-content:center}.zoomwrap img{max-width:88vw;max-height:78vh;object-fit:contain;display:block;-webkit-user-select:none;user-select:none;will-change:transform}.mt-page .editor{grid-template-columns:1fr 460px}.mt-accents .card figcaption{font-size:11px}.plan-canvas{width:100%;height:auto;border-radius:10px;border:1px solid #3a3a42;background:repeating-conic-gradient(#2a2a30,#2a2a30 25%,#212127 0%,#212127 50%) 50% / 16px 16px}.mt-regions{display:flex;flex-direction:column;gap:4px}.mt-region{font-size:12px;padding:5px 9px;border-radius:6px;background:#24242b;border-left:3px solid #4a4a55}.mt-region.accent{border-left-color:#ff5a00}.mt-region.field{border-left-color:#4cc2ff}.mt-spec summary{font-size:12px;color:#aaa;cursor:pointer}.mt-spec pre{max-height:260px;overflow:auto;font-size:11px;line-height:1.45;background:#16161a;border:1px solid #3a3a42;border-radius:8px;padding:10px}