/* Eight-point orbital camera */
/* Minimal rectangular system: no rounded frames */
.sidebar,.brand-mark,.segmented button,.mini-options,.mini-options button,.mood-row,.mood-row button,.material-card,.style-grid button,.select-wrap select,.camera-pad,.camera-pad button,.camera-core,.render-button,.topbar .icon-btn,.export-btn,.language-toggle,.language-toggle button,.discipline-nav,.discipline-nav button,.zone-card,.panel-reveal,.canvas-toolbar button,.canvas-tools-toggle,.utility-card,.utility-chips button{border-radius:0!important}.sidebar{border-radius:0!important}.canvas-tools-toggle{width:34px;height:30px}.panel-reveal{border-radius:0!important}.camera-pad button,.camera-core{border-radius:0!important}
.projection-options{grid-template-columns:repeat(2,1fr)!important}.projection-options button{min-height:34px}.projection-options button:last-child{grid-column:2}
.camera-pov-row{display:flex;align-items:center;gap:13px}.pov-readout{padding-left:11px;border-left:1px solid #4c4c4c;max-width:145px}.pov-readout b{display:block;color:#f0f0f0;font-size:10px;margin-bottom:4px}.pov-readout small{display:block;color:#959595;font-size:8px;line-height:1.35}
.lighting-scenarios{display:grid!important;grid-template-columns:repeat(2,1fr);border:0!important;padding:0!important;gap:5px!important;background:transparent!important}.lighting-scenarios button{border:1px solid #555!important;border-radius:12px!important;min-height:32px}.lighting-controls{margin-top:11px}.lighting-controls label{margin-top:10px!important}
.controls{display:flex;flex-direction:column}.utility-card{padding:9px;margin-top:8px;border:1px solid #393939;border-radius:9px;background:#0c0c0c}.utility-card>b{display:block;margin-bottom:7px;color:#dedede;font-size:9px}.utility-card small{display:block;margin-top:7px;color:#878787;font-size:7px;line-height:1.4}.utility-chips{display:flex;flex-wrap:wrap;gap:4px}.utility-chips button{padding:5px 6px;border:1px solid #4a4a4a;border-radius:6px;background:#151515;color:#bababa;font-size:8px}.utility-chips button.active{border-color:#e5e5e5;background:#e5e5e5;color:#121212}.creative-hint{margin:0 0 4px;color:#9b9b9b;font-size:9px;line-height:1.5}.creative-action-row{display:flex;align-items:center;gap:6px}.creative-action-row #randomLevelGrid{flex:1}.creative-action-row #randomizeBtn{padding:5px 10px;border:1px solid #e5e5e5;border-radius:6px;background:#e5e5e5;color:#121212;font-size:8px;font-weight:700;white-space:nowrap}
.material-card[data-tone=travertine] i{background:linear-gradient(135deg,#e2d3ba,#9d8564)}.material-card[data-tone=walnut] i{background:repeating-linear-gradient(10deg,#4d3023,#4d3023 3px,#9a6d44 4px)}.material-card[data-tone=concrete] i{background:radial-gradient(#878984 1px,transparent 1px),#a5a7a4;background-size:5px 5px}.material-card[data-tone=marble] i{background:linear-gradient(135deg,#efede6 39%,#8e8e8b 41%,#efede6 45%,#b6aca1 48%,#efede6 51%)}.material-card[data-tone=limestone] i{background:linear-gradient(115deg,#dfd2b8,#aa9678)}.material-card[data-tone=terrazzo] i{background:radial-gradient(circle at 20% 35%,#6b655a 0 2px,transparent 2.5px),radial-gradient(circle at 75% 68%,#b87867 0 2px,transparent 2.5px),radial-gradient(circle at 60% 20%,#d5b671 0 2px,transparent 2.5px),#d3ccbd}.material-card[data-tone=oak] i{background:repeating-linear-gradient(8deg,#b48b59,#b48b59 3px,#e4c791 4px)}.material-card[data-tone=metal] i{background:linear-gradient(100deg,#4e5356,#d3d6d4 44%,#63686a 50%,#c0c4c2 62%,#414649)}.material-card[data-tone=glass] i{background:linear-gradient(135deg,#294850,#8ec2c6 45%,#d7e4df 47%,#4d7c82)}.material-card[data-tone=tile] i{background:linear-gradient(90deg,transparent 48%,#8c8272 49% 51%,transparent 52%),linear-gradient(transparent 48%,#8c8272 49% 51%,transparent 52%),#c5a787;background-size:12px 12px}.material-card[data-tone=plaster] i{background:radial-gradient(#d4c8b5 1px,transparent 1px),#bdae96;background-size:5px 5px}.material-card[data-tone=bamboo] i{background:repeating-linear-gradient(90deg,#8a7546,#8a7546 5px,#c3a968 6px,#c3a968 9px)}
.material-card[data-tone=porcelain] i{background:linear-gradient(135deg,#d9d7d1,#f5f4f0 45%,#b6b4ad)}.material-card[data-tone=fabric] i{background:repeating-linear-gradient(45deg,#777d78,#777d78 2px,#9fa59d 3px,#9fa59d 4px)}.material-card[data-tone=brass] i{background:linear-gradient(105deg,#6e5721,#d8b65b 45%,#766020)}.material-card[data-tone=brick] i{background:linear-gradient(90deg,transparent 47%,#6c4534 48% 52%,transparent 53%),linear-gradient(transparent 47%,#6c4534 48% 52%,transparent 53%),#b56d4f;background-size:15px 8px}.material-card[data-tone=terracotta] i{background:repeating-linear-gradient(90deg,#ad5838,#ad5838 5px,#d3865d 6px,#d3865d 8px)}.material-card[data-tone=zinc] i{background:linear-gradient(90deg,#4d5960,#a8b0b0 30%,#525e63 31%,#a8b0b0 62%,#4d5960)}.material-card[data-tone=fiber] i{background:repeating-linear-gradient(0deg,#8a8c88,#8a8c88 6px,#aeb0ab 7px)}.material-card[data-tone=granite] i{background:radial-gradient(#5c5d5b 1px,transparent 1px),#90918c;background-size:4px 4px}.material-card[data-tone=permeable] i{background:radial-gradient(circle,#484d48 0 2px,transparent 2.5px),#a5a798;background-size:8px 8px}.material-card[data-tone=basalt] i{background:linear-gradient(135deg,#303233,#777b78)}.material-card[data-tone=aggregate] i{background:radial-gradient(#9f8d72 1px,transparent 2px),radial-gradient(#696255 1px,transparent 2px),#c7b69b;background-size:7px 7px,9px 9px}.material-card[data-tone=corten] i{background:linear-gradient(125deg,#633323,#b75d35,#6a3424)}.material-card[data-tone=water] i{background:linear-gradient(135deg,#173c51,#72a7b1 48%,#244c61)}.material-card[data-tone=planting] i{background:radial-gradient(#31543b 1px,transparent 2px),#66815b;background-size:6px 6px}.material-card[data-tone=asphalt] i{background:radial-gradient(#2b2c2c 1px,transparent 2px),#464847;background-size:5px 5px}.material-card[data-tone=tactile] i{background:radial-gradient(circle,#d9bc3e 0 2px,transparent 2.5px),#edcf49;background-size:7px 7px}
.camera-pad{display:grid;grid-template-columns:repeat(3,29px);grid-template-rows:repeat(3,29px);width:max-content;max-width:none;margin-left:0;gap:1px}
.camera-pad button,.camera-pad button:first-child,.camera-pad button:last-child{grid-column:auto}
.camera-pad button:nth-child(1){grid-column:1;grid-row:1}.camera-pad button:nth-child(2){grid-column:2;grid-row:1}.camera-pad button:nth-child(3){grid-column:3;grid-row:1}.camera-pad button:nth-child(4){grid-column:1;grid-row:2}.camera-pad .camera-core{grid-column:2;grid-row:2}.camera-pad button:nth-child(5){grid-column:3;grid-row:2}.camera-pad button:nth-child(6){grid-column:1;grid-row:3}.camera-pad button:nth-child(7){grid-column:2;grid-row:3}.camera-pad button:nth-child(8){grid-column:3;grid-row:3}

/* Fixed lower-right canvas controls */
.canvas-toolbar{position:fixed!important;z-index:12!important;right:68px!important;bottom:22px!important;left:auto!important;top:auto!important;display:flex!important;align-items:center;opacity:1!important;transform:translateX(0);transition:opacity .22s,transform .22s!important}.canvas-toolbar.is-closed{opacity:0!important;pointer-events:none;transform:translateX(12px)}.canvas-tools-toggle{position:fixed;z-index:13;right:24px;bottom:21px;width:34px;height:34px;border:1px solid #616161;border-radius:50%;background:#111d;color:#f5f5f5;font-size:15px;box-shadow:0 5px 16px #0008;transition:transform .2s,background .2s}.canvas-tools-toggle:hover{background:#ededed;color:#111}.canvas-tools-toggle.is-closed{transform:rotate(45deg);background:#242424}@media(max-width:700px){.canvas-toolbar{right:63px!important}.canvas-tools-toggle{right:18px}}

/* Reference image upload */
.reference-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.dropzone{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.dropzone.drag-over{background:#ffffff14}
.dropzone-hint{text-align:center;color:#eee;background:#000000a8;padding:22px 28px;border:1px dashed #ffffff55;border-radius:10px}
.dropzone-hint b{display:block;font-size:22px;margin-bottom:6px;font-style:normal}
.dropzone-hint strong{display:block;font-size:11px;margin-bottom:5px}
.dropzone-hint small{display:block;color:#bbb;font-size:9px}
.remove-image-btn{position:absolute;top:16px;right:16px;z-index:2;width:28px;height:28px;border:1px solid #555;border-radius:50%!important;background:#111c;color:#eee;font-size:12px;display:none}
.remove-image-btn:hover{background:#333c}
.render-overlay{z-index:3}
.render-stage.has-image .dropzone-hint{display:none}
.render-stage.has-image .arch-scene{display:none}
.render-stage.has-image .reference-preview{display:block}
.render-stage.has-image .remove-image-btn{display:block}
.render-button:disabled,#randomizeBtn:disabled{opacity:.4;cursor:not-allowed}
.reference-preview{transform-origin:center center}
.grid-overlay{position:absolute;inset:0;pointer-events:none;display:none;z-index:1;background-image:linear-gradient(to right,#ffffff66 1px,transparent 1px),linear-gradient(to bottom,#ffffff66 1px,transparent 1px);background-size:33.3333% 33.3333%}
.render-stage.show-grid .grid-overlay{display:block}
.render-stage.panning{cursor:grabbing!important}
.top-actions{margin-right:40px}
/* Collapsible sidebar sections */
.section-title button{transition:transform .2s}
.control-section.collapsed>*:not(.section-title){display:none}
.control-section.collapsed .section-title button{transform:rotate(180deg)}
/* Inspector panel: was permanently display:none, now a real toggleable overlay */
.inspector{position:fixed;top:0;right:0;height:100vh;width:280px;z-index:25;background:#101010;border-left:1px solid #242424;color:#f3f3f3;transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);overflow-y:auto;box-shadow:-10px 0 35px #0008}
.inspector.show{transform:translateX(0)}
.inspector-head button{color:#9b9b9b}
.prompt-card{background:#0c0c0c;border-left:2px solid #fff}
.prompt-card button{color:#9b9b9b}
.inspector-reveal{position:fixed;z-index:26;top:50%;right:0;translate:100% -50%;width:27px;height:58px;background:#151515;color:#eee;border:1px solid #555;border-right:0;border-radius:9px 0 0 9px!important;font-size:20px;opacity:0;transition:opacity .2s,translate .32s}
.inspector-reveal.active{translate:0 -50%;opacity:.85}
.inspector-reveal:hover{opacity:1}
@media(max-width:700px){.inspector{width:85vw;max-width:280px}}
#projectName{cursor:text;border-radius:3px!important;display:block;max-width:100%;overflow-wrap:break-word;word-break:break-word}
#projectName:hover{background:#ffffff0d}
#projectName:focus{outline:1px dashed #777;outline-offset:3px;background:#ffffff12}
.preset-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}
.preset-list:empty{display:none;margin:0}
.preset-list button{position:relative;padding:5px 20px 5px 8px;border:1px solid #4a4a4a;border-radius:12px!important;background:#151515;color:#c6c6c6;font-size:8px}
.preset-list button .preset-remove{position:absolute;right:4px;top:50%;transform:translateY(-50%);opacity:.7}
.preset-list button:hover .preset-remove{opacity:1}
.history-thumb.has-image{background-size:cover!important;background-position:center!important}
#projectName:empty::before{content:attr(data-placeholder);color:#8a8a8a;font-weight:400;font-style:italic;font-size:8px}
.project-row{align-items:flex-start!important}