*{box-sizing:border-box} :root{color-scheme:dark;--bg:#1c1d20;--panel:#27292d;--surface:#303238;--line:#3b3e44;--ink:#dce0e5;--muted:#9096a0;--accent:#478cc9;--warm:#ffbd62}body{margin:0;background:var(--bg);font:12px 'Segoe UI',Arial,sans-serif;color:var(--ink);overflow:hidden}button,input,select{font:inherit;color:inherit}button{border:1px solid var(--line);border-radius:4px;background:#303238;padding:8px 12px;cursor:pointer;transition:background .12s,border-color .12s}button:hover{background:#41464e;border-color:#59616d}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #609fd7;outline-offset:2px}.primary,.apply{background:#347fbb;color:#fff;border-color:#4e94c9}.primary:hover,.apply:hover{background:#438fc9}header{height:58px;background:#24262a;border-bottom:1px solid #121316;display:flex;align-items:center;gap:8px;padding:0 18px;box-shadow:0 1px 0 #373a40}.brand{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:650;letter-spacing:-1px;min-width:245px}.brand small{font-size:8px;letter-spacing:2.2px;font-weight:500;color:#878e98;margin-left:7px}.logo{display:inline-block;background:#343a42;border:1px solid #525b66;color:#ffbd69;width:32px;height:32px;text-align:center;line-height:28px;border-radius:5px;font-size:24px;letter-spacing:-4px;padding-right:4px}.project{flex:1;font-size:10px;color:#c2c7cf}.project span{margin:0 12px;color:#636b76}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#77c5ee;margin-right:7px}.app{display:grid;grid-template-columns:48px minmax(380px,1fr) 294px;height:calc(100vh - 58px)}nav{background:#24262a;border-right:1px solid #383b41;display:flex;align-items:center;flex-direction:column;padding-top:16px;gap:9px;position:relative}nav button{background:transparent;border:1px solid transparent;font-size:20px;padding:5px 8px;color:#9aa2ae}nav button.active{background:#354557;color:#87bced;border-color:#496785}nav>span{font-size:6px;letter-spacing:.7px;color:#8c96a3;margin-bottom:15px}.bottom{position:absolute;bottom:20px;color:#b1b9c4;font-size:10px;letter-spacing:1px}.bottom small{display:block;color:#697583;text-align:center;font-size:8px;margin-top:6px}main{padding:16px 16px 0;display:flex;flex-direction:column;min-height:0;overflow:auto}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.intro small,aside>small{font-size:8px;letter-spacing:1.8px;color:#8e98a6}h1{font-size:21px;letter-spacing:-.5px;font-weight:500;margin:7px 0 5px}.intro p{font-size:10px;color:#7e8793;margin:0}.badge{font-size:8px;border:1px solid #454a52;background:#292d32;padding:6px 9px;border-radius:4px;color:#a9b6c7;letter-spacing:.8px;white-space:nowrap}.scene-wrap{position:relative;flex:1;min-height:340px;border:1px solid #4a4b4d;border-radius:5px;overflow:hidden;background:radial-gradient(ellipse at 48% 60%,#928b84,#484440);isolation:isolate;box-shadow:0 2px 7px #0002}.scene-wrap canvas{display:block;width:100%;height:100%;touch-action:none;position:absolute;inset:0}.topline{position:absolute;top:10px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:2;pointer-events:none}.topline>span{font-size:8px;letter-spacing:1px;background:#23252ac4;padding:8px 9px;border:1px solid #68656155;border-radius:4px;white-space:nowrap}.topline b{font-weight:500;color:#e0dfdc}.topline em{font-size:8px;font-style:normal;color:#b9b7b1;letter-spacing:0;margin-left:10px}.topline>div{display:flex;padding:3px;background:#25272beb;border:1px solid #515254;border-radius:4px;pointer-events:auto;box-shadow:0 2px 7px #0002}.topline button{font-size:9px;border:1px solid transparent;background:transparent;padding:5px 8px;color:#b9c0cb}.topline button.active,.topline button[aria-pressed=true]{background:#354a5e;color:#acd6fc;border-color:#587998}.topline #angle-snap{margin-right:3px}.scene-footer{position:absolute;bottom:12px;left:14px;right:14px;display:flex;justify-content:space-between;color:#ccc8c2;font-size:8px;pointer-events:none;z-index:1;text-shadow:0 1px 2px #0008}.scene-footer b{font-weight:600;margin-right:10px}.x{color:#ff9787}.y{color:#abeb98}.z{color:#93bfff}.empty{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;pointer-events:none;z-index:1;text-shadow:0 1px 8px #0004}.empty>span{font-size:32px;color:#d7cfc3}.empty h2{font-size:22px;font-weight:400;letter-spacing:-.3px;margin:13px 0;color:#f0e9df}.empty p{font-size:11px;color:#dbd3ca}.empty small{font-size:9px;color:#bfb8b0}#context{position:absolute;display:flex;gap:2px;background:#24272bf5;padding:4px;border:1px solid #5d626a;border-radius:5px;box-shadow:0 5px 20px #0005;z-index:4;white-space:nowrap}#context[hidden]{display:none}#context button{border:0;font-size:10px;padding:8px 10px;background:transparent;color:#dce1e8}#context button.active{background:#37658b;color:#d6ecff}#context button:hover{background:#454c56}#dimension-label{position:absolute;pointer-events:none;font-size:10px;color:#f1dfc2;background:#29292ae8;padding:6px 9px;border:1px solid #a18764;border-radius:3px;display:none;z-index:2;box-shadow:0 2px 8px #0002}.statusline{display:flex;justify-content:space-between;padding:10px 0;font-size:10px;color:#9aa8b9;gap:10px}.statusline>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#mode{font-size:8px;letter-spacing:1px;white-space:nowrap;color:#93b8d9}.objects{margin-top:8px;min-height:78px;max-height:125px;overflow:auto;background:#24262a;border:1px solid #363940;border-radius:4px;padding:12px}.objects h2{font-size:10px;letter-spacing:.3px;font-weight:600;margin:0 0 9px;color:#bbc3cf}.objects h2 span{font-size:9px;color:#7e8da1;margin-left:7px}#list{display:flex;gap:7px;flex-wrap:wrap}#list p{color:#727e8d;font-size:10px;margin:0}#list button{text-align:left;font-size:10px;padding:7px 10px;background:#30333a;border-color:#434954}#list button small{display:block;color:#94a1b1;font-size:9px;margin-top:4px}#list button.active{background:#374756;border-color:#80a3c4;color:#e4f1ff}footer{display:flex;justify-content:space-between;padding:12px 0;font-size:7px;color:#6a7585;letter-spacing:1px}aside{background:#27292d;border-left:1px solid #41444b;padding:21px 18px;overflow-y:auto;box-shadow:-2px 0 8px #0001}aside>h2{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:8px 0 20px}aside>h2 span{float:right;color:#7faed4;font-size:17px}aside section{border-top:1px solid #41444a;padding:16px 0}h3{font-size:10px;font-weight:600;letter-spacing:.3px;margin:0 0 12px;color:#ccd3dd}h3 em{font-size:8px;font-weight:400;font-style:normal;float:right;padding:3px 6px;background:#383c43;color:#9eacbc;border-radius:3px}.card{display:flex;align-items:center;gap:12px;background:#30333a;border:1px solid #454b55;border-radius:5px;padding:12px 10px;margin-top:8px;cursor:grab}.card:hover{background:#3b424c;border-color:#718aa4}.swatch{flex-shrink:0;width:37px;height:28px;background:repeating-linear-gradient(0deg,#d6c6a6,#d6c6a6 3px,#ccbb98 4px);border:1px solid #b9a47e;transform:skewY(-12deg);box-shadow:3px 4px #867253}.back{background:#c6c7b8;box-shadow:2px 2px #898c7c;border-color:#acae9d}.thick{box-shadow:4px 7px #816947}.card b{display:block;font-size:11px;font-weight:500;color:#e1e4e9}.card small{display:block;font-size:9px;color:#9aa6b5;margin-top:4px}.card button{border:1px solid #556576;background:#3b4b5b;color:#b4d9f8;font-size:19px;margin-left:auto;padding:0 7px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.three{grid-template-columns:repeat(3,1fr)}label{font-size:9px;color:#a0aab8;display:block}input:not([type=checkbox]),select{width:100%;min-width:0;border:1px solid #484e57;background:#1e2024;border-radius:3px;padding:8px;font-size:11px;margin-top:6px;color:#e0e5ed}input:disabled{color:#8190a0;background:#2b2e34}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}.apply{width:100%;font-size:10px;border-radius:4px}.delete{width:100%;border:0;background:transparent;font-size:9px;color:#b79b88;padding:9px 0 0}.switch{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b2bdca;margin-bottom:11px}.switch input{accent-color:#5d9acf}.helper{font-size:9px;line-height:1.8;color:#8391a2;margin:0}.tip{background:#22252a;border:1px solid #3b4652;padding:12px;border-radius:4px;font-size:10px;color:#94b5d3}.tip b{font-weight:500}.tip p{font-size:9px;line-height:1.9;margin:8px 0 0;color:#8e9cae}.note{font-size:9px;color:#727f90;line-height:1.6}#toast{position:fixed;top:74px;bottom:auto;left:50%;transform:translateX(-50%);background:#28394b;color:#e7eff8;border:1px solid #6b8bac;border-radius:5px;padding:12px 19px;box-shadow:0 5px 25px #0005;z-index:20;display:none;font-size:11px}#toolstrip{position:absolute;left:12px;bottom:38px;display:flex;gap:2px;background:#26282dee;border:1px solid #555960;border-radius:4px;padding:3px;z-index:3;box-shadow:0 2px 7px #0003}#toolstrip button{border:1px solid transparent;background:transparent;font-size:10px;padding:7px 9px;color:#d9e3ef}#toolstrip button span{font-size:9px;color:#a6b0be;margin-left:4px}#toolstrip .active{background:#3d5c78;border-color:#6794b9;color:#fff}#toolstrip #space{color:#efc28c;border-left-color:#555b64}#pivot-editor{position:absolute;z-index:8;background:#2a2d33;border:1px solid #91abc5;border-radius:5px;padding:15px;width:225px;box-shadow:0 8px 28px #0006}#pivot-editor[hidden]{display:none}#pivot-editor>b{font-size:11px;font-weight:500;color:#e7edf6}#pivot-editor #close-pivot{position:absolute;right:6px;top:6px;border:0;background:transparent;padding:4px 7px;font-size:17px;color:#9faec0}#pivot-editor>div{display:flex;align-items:center;gap:9px;margin:13px 0}#pivot-editor input{font-size:24px;letter-spacing:4px;width:145px;padding:8px 10px;margin:0;border-color:#779cbc;color:#e5f2ff;background:#1d2530}#pivot-editor>div span{font-size:14px;color:#aec8e2}#pivot-editor select{width:100px;margin:0 7px 0 0;padding:8px 5px}#pivot-editor .primary{padding:9px 13px;font-size:10px}#pivot-editor>small{display:block;margin-top:12px;font-size:9px;color:#8c9fb5}#angle-feedback{position:absolute;left:50%;top:62px;transform:translateX(-50%);z-index:5;padding:9px 17px;background:#24272be8;color:#d8dee7;border:1px solid #747b85;border-radius:4px;font-size:14px;letter-spacing:.4px;pointer-events:none;box-shadow:0 3px 15px #0004;font-variant-numeric:tabular-nums}#angle-feedback[hidden]{display:none}#angle-feedback.locked{background:#483923f2;color:#ffd38b;border-color:#e3b668;box-shadow:0 0 0 2px #dcae4e22,0 3px 15px #0004}::-webkit-scrollbar{width:8px;height:7px}::-webkit-scrollbar-track{background:#23252a}::-webkit-scrollbar-thumb{background:#4a505b;border:2px solid #23252a;border-radius:4px}@media(max-width:1100px){.brand{min-width:205px}.badge{display:none}.app{grid-template-columns:44px minmax(350px,1fr) 278px}main{padding:15px 12px 0}.intro h1{font-size:19px}.project{font-size:9px}header{padding:0 14px}aside{padding:20px 16px}.topline em{display:none}.topline button{padding:5px 6px;font-size:8px}.topline>span{font-size:7px;padding:7px}}@media(max-height:750px){.intro{margin-bottom:11px}main{padding-top:13px}h1{font-size:18px}.intro p{display:none}.objects{min-height:65px}.scene-wrap{min-height:300px}footer{padding:10px 0}}@media(max-width:780px){.project,.brand small{display:none}.brand{min-width:0;flex:1}.app{grid-template-columns:minmax(300px,1fr) 250px}nav{display:none}header button{font-size:10px;padding:8px}.intro h1{font-size:17px}.topline>span{display:none}} #view-cube{position:absolute;right:12px;top:54px;width:168px;padding:4px;background:linear-gradient(145deg,#24272a88,#33353733);border:1px solid #999a9b33;border-radius:7px;z-index:4;user-select:none;touch-action:none;box-shadow:0 3px 14px #0002}#view-cube .cube-controls{display:flex;align-items:center;gap:9px;padding:0 3px;height:24px}#view-cube .cube-controls span{font-size:7px;letter-spacing:1.4px;color:#e1e1e1;text-shadow:0 1px 3px #0007}#view-cube button{padding:1px 6px;background:#292d3288;border:1px solid #b9c0c433;border-radius:3px;color:#e5e9ee;font-size:17px;line-height:20px}#view-cube button:hover{background:#446585;border-color:#8eb2d6}#view-cube .cube-canvas{width:160px;height:160px}#view-cube canvas{position:static;inset:auto;display:block;width:160px;height:160px;cursor:grab;touch-action:none}#view-cube canvas:focus-visible{outline:1px solid #aacbe9;outline-offset:-3px;border-radius:4px}#view-cube .cube-bottom{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:0 3px;margin-top:-6px}#view-cube .cube-caption{text-align:center;max-width:106px;color:#e0e2e4;text-shadow:0 1px 3px #0008;font-size:8px;line-height:1.4}#view-cube .cube-views{margin:6px 0 0;width:100%;padding:4px 6px;font-size:9px;color:#ccd5df;border-color:#8a939e44;background:#252a30bb;border-radius:3px}#view-cube .cube-views option{background:#272c33;color:#e1e7ef}@media(max-width:1050px){#view-cube{right:8px;top:54px;transform:scale(.86);transform-origin:top right}} #resize-feedback{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);z-index:7;pointer-events:none;background:#202a35f2;border:1px solid #8eb7dd;border-radius:5px;padding:10px 18px;text-align:center;box-shadow:0 4px 18px #0005}#resize-feedback[hidden]{display:none}#resize-feedback strong{display:block;color:#d7ecff;font-size:21px;font-variant-numeric:tabular-nums}#resize-feedback small{display:block;color:#abbfd3;margin-top:5px;font-size:10px} /* Full-height workbench with an optional pinned left drawer. */ body>header{height:46px;padding:0 12px}header .brand{font-size:21px}header button{padding:6px 10px} body .app{--tools-width:294px;position:relative;isolation:isolate;overflow:hidden;height:calc(100vh - 46px);grid-template-columns:44px minmax(0,1fr);grid-template-rows:minmax(0,1fr)} .app>nav{display:flex;grid-column:1;grid-row:1;z-index:12;padding-top:10px}.app>main{grid-column:2;grid-row:1;padding:6px 7px 5px;min-width:0;overflow:hidden}.app>main .scene-wrap{min-height:180px;flex:1}.app>aside{position:absolute;left:44px;top:0;bottom:0;width:var(--tools-width);padding:22px 16px 12px;border-left:0;border-right:1px solid #535b65;box-shadow:5px 0 18px #0005;z-index:10;transform:translateX(calc(-100% - 44px));transition:transform .18s ease;pointer-events:none}.app.menu-open>aside{transform:translateX(0);pointer-events:auto}.app.menu-pinned{grid-template-columns:44px var(--tools-width) minmax(0,1fr)}.app.menu-pinned>aside{position:relative;left:auto;top:auto;bottom:auto;grid-column:2;grid-row:1;width:auto;transform:none;pointer-events:auto;box-shadow:none}.app.menu-pinned>main{grid-column:3} #pin-tools{position:absolute;right:12px;top:12px;font-size:9px;padding:4px 7px;color:#aac9e7}#pin-tools[aria-pressed=true]{background:#385775;border-color:#769cbd;color:#eef6ff}.app>aside>h2{font-size:17px;margin-bottom:14px}.app>aside>small{display:block;max-width:150px;font-size:7px} .app>main .statusline{height:24px;flex:0 0 24px;padding:5px 0;font-size:9px;align-items:center}.app>main .objects{display:flex;align-items:center;gap:12px;flex:0 0 40px;min-height:40px;max-height:40px;margin-top:0;padding:4px 9px;overflow:hidden}.objects h2{white-space:nowrap;margin:0;font-size:9px}.objects #list{flex:1;min-width:0;flex-wrap:nowrap;align-items:center;overflow-x:auto;overflow-y:hidden;height:31px;gap:5px}.objects #list button{flex-shrink:0;white-space:nowrap;padding:5px 8px;font-size:9px}.objects #list button small{display:inline;margin:0 0 0 9px;font-size:8px}.objects #list p{white-space:nowrap;margin:0} #part-properties{position:absolute;z-index:9;width:276px;padding:0;background:#282c32;border:1px solid #6d88a3;border-radius:6px;box-shadow:0 9px 30px #0007;overflow:hidden}#part-properties[hidden]{display:none}#part-properties .properties-title{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 8px 13px;background:#354352;border-bottom:1px solid #53687c;cursor:move;touch-action:none;user-select:none}#part-properties .properties-title b{font-size:12px;font-weight:500}#part-properties .properties-title button{padding:0 6px;font-size:20px;border:0;background:transparent;color:#cbd9e6}#part-properties .properties-body{padding:13px}#part-properties .properties-id{display:block;color:#8daac5;font-size:9px;letter-spacing:1px;margin-bottom:12px}#part-properties .properties-error{color:#ffb29e;font-size:10px;line-height:1.5;margin:9px 0;min-height:0}#part-properties .properties-error:empty{margin:12px 0}#part-properties .properties-hint{display:block;text-align:center;margin-top:10px;color:#97a7b8;font-size:9px} #resize-feedback.snapped{border-color:#6bdaff;background:#193c4bf2}#resize-feedback.snapped strong{color:#9deaff} #part-dimensions{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:hidden}#part-dimensions path{filter:drop-shadow(0 1px 1px #0009)}#toolstrip #dimensions-toggle{border-left:1px solid #59616c;margin-left:5px;color:#b7d7f3}#toolstrip #dimensions-options{padding-left:5px;padding-right:6px;margin-left:-3px}#toolstrip #dimensions-toggle.active{background:#3d5c78;color:#fff}#dimensions-menu{position:absolute;z-index:8;bottom:88px;left:12px;width:270px;background:#282e36;border:1px solid #647c95;border-radius:5px;padding:13px;box-shadow:0 7px 25px #0006}#dimensions-menu[hidden]{display:none}#dimensions-menu>b{font-size:12px;font-weight:500}#dimensions-menu .dimension-scopes{display:flex;gap:4px;margin-top:12px;flex-wrap:wrap}#dimensions-menu button{font-size:9px;padding:6px 7px}#dimensions-menu button.active{background:#3c6488;border-color:#83acd0}#dimensions-menu p{font-size:10px;color:#a8b7c6;margin:13px 0 8px}#dimensions-menu .dimension-parts{max-height:150px;overflow:auto;font-size:10px;color:#9caebe}#dimensions-menu label{display:flex;align-items:center;gap:7px;padding:5px 0;color:#cad5e0;font-size:10px}#dimensions-menu input{accent-color:#77b5e7}#dimensions-menu small{display:block;color:#899eb1;font-size:9px;margin-top:10px} #copy-feedback{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);z-index:7;pointer-events:none;text-align:center;padding:10px 18px;background:#253c34f2;border:1px solid #81c7a6;border-radius:5px;box-shadow:0 4px 18px #0005;max-width:90%}#copy-feedback[hidden]{display:none}#copy-feedback strong{display:block;font-size:21px;color:#c5f3da;font-variant-numeric:tabular-nums}#copy-feedback small{display:block;margin-top:5px;color:#b0cfbf;font-size:10px} .card .swatch{background:#f3f7ff;border-color:#8ea5c0;box-shadow:3px 4px #8299b5}.card .swatch.back{background:#d9eadc;border-color:#98b39e;box-shadow:2px 2px #7d9985}.card .swatch.thick{background:#cbdcf2;box-shadow:4px 7px #7b94b3;border-color:#95aeca} #intent-feedback{position:absolute;left:50%;top:62px;transform:translateX(-50%);z-index:5;pointer-events:none;padding:10px 15px;border:1px solid #7dd4bb;background:#23443cf2;border-radius:5px;box-shadow:0 3px 15px #0004;color:#d3f5e9;font-size:12px;white-space:nowrap}#intent-feedback[hidden]{display:none} #list .part-item{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;height:28px}#list .part-item button{height:28px;display:flex;align-items:center;gap:0;max-width:440px}#list .part-name{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#list .part-name-input{position:absolute;inset:1px;width:calc(100% - 2px);height:26px;margin:0;padding:3px 7px;font-size:11px;border:1px solid #8ec2ed;background:#1d2d3e;color:#f2f7ff;z-index:2;border-radius:3px;box-shadow:0 0 0 1px #609fd744}#selected{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#part-properties .properties-id{overflow-wrap:anywhere} #move-feedback{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);z-index:7;pointer-events:none;text-align:center;padding:10px 18px;background:#202a35f2;border:1px solid #8eb7dd;border-radius:5px;box-shadow:0 4px 18px #0005}#move-feedback[hidden]{display:none}#move-feedback strong{display:block;color:#d7ecff;font-size:21px;font-variant-numeric:tabular-nums}#move-feedback small{display:block;color:#abbfd3;margin-top:5px;font-size:10px} #measure-toggle{margin-left:8px;border-left:1px solid #657487!important;padding-left:15px!important}#measure-feedback{position:absolute;z-index:8;pointer-events:none;background:#202a35f5;border:1px solid #8cdfff;border-radius:5px;padding:9px 13px;max-width:280px;box-shadow:0 4px 18px #0005}#measure-feedback[hidden]{display:none}#measure-feedback strong{display:block;font-size:18px;color:#e0f4ff;font-variant-numeric:tabular-nums}#measure-feedback small{display:block;margin-top:5px;font-size:10px;color:#adcddd} #measure-feedback{background:#090909f2;border:2px solid #000}#measure-feedback strong{color:#fff}#measure-feedback small{color:#ddd} #measure-feedback,.measurement-label{position:absolute;transform:translate(-50%,-50%);background:#f7f3ebeF;color:#000;border:1px solid #111;border-radius:3px;box-shadow:none;padding:3px 8px;font:700 14px Segoe UI,Arial;white-space:nowrap;max-width:none}#measure-feedback{pointer-events:none}button.measurement-label{z-index:8;cursor:pointer;line-height:1.3}button.measurement-label:hover{background:#fff;border-color:#000;box-shadow:0 0 0 1px #000}button.measurement-label[hidden]{display:none}#measurement-menu{position:absolute;z-index:20;display:flex;flex-direction:column;gap:4px;background:#252a31;border:1px solid #657487;border-radius:5px;padding:5px;box-shadow:0 4px 18px #0007}#measurement-menu[hidden]{display:none}#measurement-menu button{text-align:left;padding:8px 12px;white-space:nowrap;background:#303741;color:#eef4ff;border:0;border-radius:3px;cursor:pointer}#measurement-menu button:hover{background:#43546b} #toolstrip{z-index:12;max-width:calc(100% - 24px);flex-wrap:wrap}#toolstrip button{flex-shrink:0}#dimensions-toggle,#measure-toggle{display:inline-block!important;visibility:visible!important}#dimensions-menu{z-index:18}.measurement-active .measurement-label{pointer-events:none} header .history-controls{display:flex;align-items:center;gap:6px;flex:1;min-width:0}header .history-controls button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:30px;padding:0;font-size:22px;line-height:1;color:#dce8f5;background:#303740;border-color:#485463}header .history-controls button:hover{background:#40536a;border-color:#7094ba} .radius-pick-source{width:100%;margin:0 0 8px;background:#315449;border-color:#648f7e;color:#dcffec}.radius-picking .radius-pick-source{background:#367e5c;border-color:#93e8b7;box-shadow:0 0 0 1px #93e8b7}.radius-picking .radius-title{background:#315f49}.radius-bind-open{margin-top:7px;width:100%;color:#b8ecca} .source-detach{width:100%;margin-top:7px;color:#f4c3a3;border-color:#826550;background:#3b322c}.source-detach[hidden]{display:none!important}.source-detach:hover{background:#514034;border-color:#c9936c} #radius-tools{position:absolute;z-index:22;width:320px;max-height:calc(100% - 16px);overflow:auto;background:#252b32;border:1px solid #7d9a91;border-radius:7px;box-shadow:0 12px 40px #0008;color:#e4edf4}#radius-tools[hidden],#radius-tools [hidden],#radius-handles[hidden]{display:none!important}.radius-title{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;background:#34443f;cursor:move;touch-action:none}.radius-title b{font-size:12px}.radius-title button{border:0;background:transparent;font-size:20px;padding:0 5px}.radius-body{padding:13px}.radius-body section{border-top:1px solid #48544f;padding-top:12px;margin-top:12px}.radius-body b{font-size:12px}.radius-body p,.radius-body small{font-size:10px;line-height:1.5;color:#9eb5ad}.radius-body small{display:block;margin-top:8px}.radius-body label{display:block;font-size:11px;margin:9px 0}.radius-body input:not([type=checkbox]),.radius-body select{width:100%;margin-top:4px}.radius-body input[type=checkbox]{width:auto;vertical-align:middle;accent-color:#88d6a5}.radius-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.radius-fields label.active{color:#a7f3b9}.radius-fields label.active input{border-color:#83ed9c;box-shadow:0 0 0 1px #83ed9c}.radius-body .radius-error{color:#ffb19c}.radius-body .radius-error:empty{display:none}.radius-body .apply{margin-top:12px;background:#35644e}.radius-body [data-cancel]{margin-top:6px;width:100%}.radius-corner{position:absolute;z-index:21;transform:translate(-50%,-50%);border:2px solid #d3ffda;border-radius:20px;background:#26613e;color:#d7ffe1;min-width:36px;padding:5px 8px;font-size:11px;box-shadow:0 2px 10px #0006;cursor:pointer}.radius-corner:hover{transform:translate(-50%,-50%) scale(1.18);background:#359756}#toolstrip #radius-toggle{color:#b0e0bd;border-left:1px solid #657487;margin-left:6px} /* The isolated factory film never contributes geometry to the editor. */ #startup{position:fixed;inset:0;z-index:10000;overflow:hidden;background:#111213;color:#e9e9e5;transition:opacity .52s ease;isolation:isolate;cursor:default;font-family:'Century Gothic','Aptos','Segoe UI',sans-serif} #startup.complete{opacity:0;pointer-events:none}.starting>header,.starting>.app{visibility:hidden} #startup-stage{position:absolute;inset:0}#startup-stage canvas{display:block;width:100%;height:100%} .startup-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0d0e0fbb,transparent 30%,transparent 65%,#0d0e0ff2 94%),linear-gradient(90deg,#0d0e0f44,transparent 22%,transparent 78%,#0d0e0f44)} .startup-masthead{position:absolute;z-index:2;left:4.2%;right:4.2%;top:5%;display:flex;justify-content:space-between;align-items:center} .startup-brand{display:flex;align-items:center;gap:14px}.startup-brand-symbol{font-size:30px;font-weight:400;letter-spacing:-2px;border:1px solid #d2b05d55;border-radius:2px;width:43px;height:48px;line-height:45px;text-align:center;padding-right:2px;color:#e9c563;background:#ffffff03}.startup-brand>div{display:flex;flex-direction:column;gap:4px}.startup-brand b{font-size:27px;line-height:1;font-weight:500;letter-spacing:6px;color:#edede8}.startup-brand small{font-size:8px;line-height:1.3;letter-spacing:5px;color:#a3a39e} .startup-edition{font-size:8px;letter-spacing:2px;color:#aaaaa5;display:flex;align-items:center;gap:10px}.startup-edition>span{width:4px;height:4px;border-radius:50%;background:#e2c065;box-shadow:0 0 10px #e6c76344}.startup-edition b{font:500 8px 'Segoe UI',sans-serif;letter-spacing:1.7px;border-left:1px solid #77797355;padding-left:16px;margin-left:8px;color:#858681} .startup-heading{position:absolute;z-index:2;top:15.5%;left:0;right:0;text-align:center;pointer-events:none}.startup-heading>span{font-size:8px;letter-spacing:4px;color:#d9bd77}.startup-heading h1{font-size:clamp(20px,2.2vw,32px);font-weight:400;letter-spacing:.2px;margin:12px 0 9px;color:#e9e9e5}.startup-heading p{font-size:10px;color:#91928d;letter-spacing:1px;margin:0} .startup-caption{position:absolute;z-index:2;left:12%;right:12%;bottom:26%;display:flex;justify-content:space-between;pointer-events:none}.startup-caption span{color:#a0a19b;letter-spacing:1.8px;font-size:8px;display:flex;gap:9px;align-items:center}.startup-caption span:first-child{font-size:10px;letter-spacing:1.5px}.startup-caption i{width:4px;height:4px;border-radius:0;background:#ddbf72;margin:0}.startup-caption b{font-size:6px;color:#c8c9c2} .startup-content{position:absolute;z-index:2;left:50%;bottom:10.3%;transform:translateX(-50%);width:min(390px,62vw)} .startup-progress-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.startup-status{font-size:8px;font-weight:500;letter-spacing:2.1px;color:#c6c7c0} #startup-percent{color:#e4c678;font-size:10px;letter-spacing:1.3px;font-variant-numeric:tabular-nums} #startup-progress{height:2px;background:#a3a59a26;overflow:hidden;width:100%}#startup-progress>span{display:block;width:var(--progress,0%);height:100%;background:linear-gradient(90deg,#8a8d85 0%,#d6d8ce 68%,#e8c66c);box-shadow:0 0 14px #d4c49555;transition:width .08s linear} #startup-phase{font-size:10px;letter-spacing:.25px;color:#90928a;margin:12px 0 0;text-align:center;min-height:14px} .startup-footer{position:absolute;z-index:2;left:4.2%;right:4.2%;bottom:4.1%;display:flex;justify-content:flex-end;align-items:center;min-height:30px}.startup-footer>span{font-size:8px;letter-spacing:2.4px;color:#8f918a} .startup-action{position:absolute;z-index:4;left:50%;top:76%;transform:translate(-50%,-50%);text-align:center}.startup-action button{width:clamp(248px,23vw,330px);min-height:64px;border-radius:3px;background:#e7c66c;border:1px solid #f0d78d;color:#25241e;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:2.8px;padding:18px 24px;box-shadow:0 8px 30px #0005;transition:background .2s,opacity .2s}.startup-action button[hidden]{display:none!important}.startup-action button:disabled{opacity:.5;cursor:wait}.sequence-complete .startup-action button{animation:startup-button-pulse 1.8s ease-in-out infinite}.startup-action button:hover:not(:disabled){background:#f4d78b;border-color:#fae6b1;color:#171713}.startup-action button:focus-visible{outline:2px solid #efdcaa;outline-offset:5px}.exiting .startup-action{pointer-events:none;opacity:0;transition:opacity .2s}.exiting .startup-content,.exiting .startup-caption,.exiting .startup-heading,.exiting .startup-masthead,.exiting .startup-footer{opacity:0;transition:opacity .3s}.exiting .startup-vignette{opacity:0;transition:opacity .7s} .startup-vero-mark{display:block;width:146px;height:34px;color:#eeeee8;overflow:visible}.startup-brand small{display:block;text-align:center;letter-spacing:5.8px;font-size:8px;margin-top:5px}.startup-fallback-wordmark .startup-vero-mark{width:min(360px,45vw);height:auto;margin:0 auto 18px}.startup-fallback-modulex{font-size:20px!important;font-weight:300;letter-spacing:10px!important;color:#e0e1da!important} .startup-fallback-wordmark{display:none;position:absolute;left:0;right:0;top:43%;z-index:2;text-align:center;font-size:clamp(29px,5.8vw,76px);font-weight:500;letter-spacing:4px;color:#e1e2dc}.startup-fallback-wordmark>span{color:#e8c260}.startup-fallback-wordmark small{display:block;font-size:8px;letter-spacing:3px;font-weight:400;color:#9a9e91;margin-top:21px}.startup-fallback .startup-fallback-wordmark,.reduced-motion .startup-fallback-wordmark{display:block}.startup-fallback,.reduced-motion{background:radial-gradient(ellipse at 50% 45%,#30322f,#111213 70%)!important}.startup-fallback .startup-caption,.reduced-motion .startup-caption{display:none} @keyframes startup-button-pulse{0%,100%{transform:scale(1);box-shadow:0 8px 30px #0005,0 0 0 0 #e7c66c00}50%{transform:scale(1.035);box-shadow:0 10px 36px #0005,0 0 0 8px #e7c66c0c,0 0 30px #e7c66c22}} @media(max-width:780px){.startup-edition{display:none}.startup-heading{top:17%}.startup-heading h1{font-size:22px}.startup-caption{left:8%;right:8%;bottom:29%}.startup-caption span{font-size:7px;letter-spacing:1px}.startup-footer>span{font-size:8px;max-width:160px;line-height:1.8}.startup-brand b{font-size:23px}.startup-content{bottom:14%;width:64vw}.startup-action button{width:248px;min-height:58px;font-size:12px}} @media(max-height:620px){.startup-masthead{top:4%}.startup-heading{top:14%}.startup-heading h1{font-size:20px;margin:6px 0}.startup-heading p{display:none}.startup-content{bottom:10%;width:330px}.startup-caption{display:none}.startup-footer{bottom:3%;min-height:34px}.startup-footer>span{font-size:8px}.startup-action button{min-height:50px;padding:12px 20px}.startup-action{top:77%}} @media(prefers-reduced-motion:reduce){#startup-progress>span,#startup{transition:none}.sequence-complete .startup-action button{animation:none}} #part-properties .properties-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;padding:9px;margin-top:12px;background:#20252b;border:1px solid #414c58;border-radius:5px} #part-properties .properties-actions>button{display:flex;align-items:center;justify-content:center;width:100%;height:36px;min-height:36px;margin:0;padding:0 8px;font-size:12px;border-radius:4px;line-height:1.2} #sidebar-part-properties[hidden]{display:none!important} .sidebar-section-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;background:transparent;border:0;text-align:left;color:#ccd3dd;font-size:10px;font-weight:600;letter-spacing:.3px} .sidebar-section-toggle:hover{background:transparent;border-color:transparent;color:#eef4fb} .sidebar-section-end{display:flex;align-items:center;gap:8px;min-width:0}.sidebar-section-end #selected{float:none;padding:3px 6px;background:#383c43;color:#9eacbc;border-radius:3px;font-size:8px;font-weight:400;letter-spacing:0}.sidebar-chevron{font-size:14px;line-height:1;color:#9eacbc;transition:transform .15s}.sidebar-section-toggle[aria-expanded=true] .sidebar-chevron{transform:rotate(180deg)} #sidebar-part-properties{padding-top:14px}.sidebar-channels .channel-intro{font-size:9px;color:#8996a4;margin:0 0 10px}.channel-card{cursor:default}.channel-swatch{background:linear-gradient(90deg,#dce3e8 0 36%,#464b50 36% 62%,#dce3e8 62%)!important;border-color:#9aa7b0!important;box-shadow:3px 4px #747d84!important}.channel-card button:disabled{opacity:.45;cursor:not-allowed}.channel-card:hover{background:#30333a;border-color:#454b55} #channel-direction-menu{position:absolute;z-index:19;width:320px;max-width:calc(100% - 16px);max-height:min(82vh,620px);padding:0;background:#282c32;border:1px solid #6d88a3;border-radius:6px;box-shadow:0 9px 30px #0007;color:#e6edf2;pointer-events:auto;overflow:hidden;display:flex;flex-direction:column} #channel-direction-menu[hidden],#channel-direction-menu [hidden]{display:none!important} #channel-direction-menu .channel-menu-title{display:flex;align-items:center;gap:4px;min-height:40px;padding:8px 10px 8px 13px;background:#354352;border-bottom:1px solid #53687c;cursor:move;touch-action:none;user-select:none} #channel-direction-menu .channel-menu-title b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;color:#e6edf2} #channel-direction-menu .channel-menu-body{padding:13px;overflow-y:auto;min-height:0} #channel-direction-menu p{font-size:10px;line-height:1.5;color:#aab8c5;margin:0 0 12px} .channel-menu-error{margin-top:10px;padding:9px 10px;border:1px solid #b86b61;border-radius:4px;background:#482e2e;color:#ffd3c9;font-size:11px;line-height:1.4} .channel-contour-choice{display:block;width:100%;padding:8px 6px;margin:5px 0;border:1px solid #d6b959;border-radius:4px;background:#564929;color:#ffe6a3;font-size:10px;text-align:center;cursor:pointer}.channel-contour-choice:hover{background:#735f33} .channel-direction-actions{display:flex;gap:6px}.channel-direction-actions button{flex:1;padding:7px 4px;font-size:9px;border-color:#8d774a;background:#443b2b;color:#f9e6b6} .channel-direction-close{border:0;background:transparent;padding:0 6px;font-size:20px;color:#cbd9e6;cursor:pointer} .channel-direction-drag{border:0;background:transparent;padding:0 6px;font-size:16px;line-height:20px;color:#cbd9e6;cursor:grab;touch-action:none}.channel-direction-drag:active{cursor:grabbing}#channel-direction-menu[data-pick="curve-start"] [data-action="curve-start"],#channel-direction-menu[data-pick="curve-end"] [data-action="curve-end"]{border-color:#8db8d8;background:#354a5d;color:#e6f3ff}.channel-slide-control{background:#394a56!important;border-color:#647786!important;color:#d9e6ed!important} .channel-card{cursor:grab}.channel-card:active{cursor:grabbing} .edge-band-card{cursor:grab}.edge-band-card:active{cursor:grabbing}.edge-band-swatch{background:#98633e!important;border-color:#bd8151!important;box-shadow:3px 4px #57351e!important}.sidebar-edge-bands .channel-intro{font-size:9px;color:#8996a4;margin:0 0 10px} .channel-distance-controls{display:flex;flex-direction:column;gap:9px}.channel-distance-controls label{font-size:10px;color:#aebdcb}.channel-distance-controls input{width:100%;height:36px;margin-top:5px!important;padding:6px 8px;color:#eaf3fa!important;background:#1d2228!important;border:1px solid #465260!important;border-radius:4px}.channel-distance-controls input:focus{outline:2px solid #5698c8;outline-offset:0;border-color:#73add4!important}.channel-distance-controls button{min-height:36px;background:#33495b;color:#e4f0f8;border:1px solid #5d7283;padding:7px;font-size:11px;border-radius:4px}.channel-distance-controls [data-action="confirm"]{margin-top:3px;background:#357fb4;border-color:#4c9ad0;color:#fff} .channel-curve-controls{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid #414c58;border-bottom:1px solid #414c58}.channel-curve-controls button{background:#33495b;border-color:#5d7283;color:#d9e6ed} .channel-flat-run-controls{display:flex;flex-direction:column;gap:8px;padding:10px 0;border-top:1px solid #414c58;border-bottom:1px solid #414c58}.channel-flat-run-controls button{background:#33495b;border-color:#5d7283;color:#d9e6ed}#channel-direction-menu[data-pick="flat-start"] [data-action="flat-start"],#channel-direction-menu[data-pick="flat-end"] [data-action="flat-end"]{border-color:#8db8d8;background:#354a5d;color:#e6f3ff} .channel-live-dimension{position:absolute;z-index:18;pointer-events:none;transform:translate(-50%,-50%);padding:4px 7px;border:1px solid #181817;background:#101112f0;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #0008}.channel-live-dimension[hidden]{display:none!important}.channel-live-dimension[data-kind="width"]{border-color:#eac667;color:#ffe6a3} #channel-edit-menu{position:absolute;z-index:25;width:235px;padding:11px;background:#252b30f5;border:1px solid #dbb95f;border-radius:5px;box-shadow:0 8px 28px #0009;color:#e6edf2;pointer-events:auto} #channel-edit-menu[hidden]{display:none!important}#channel-edit-menu .channel-edit-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#f2d685}#channel-edit-menu .channel-edit-heading button{width:24px;padding:0;border:0;background:transparent;color:#c9d1d5;font-size:18px}#channel-edit-menu p{font-size:10px;color:#aebbc6;margin:7px 0 10px}#channel-edit-menu>button{display:block;width:100%;margin-top:6px;padding:8px;border:1px solid #49525d;border-radius:4px;background:#303740;color:#e6edf2;text-align:left;font-size:11px}#channel-edit-menu>button:hover{border-color:#d8b65d;background:#3a424a}#channel-edit-menu>button[data-action="delete"]{color:#f2b1a6} .edge-band-report-open{margin:8px 0 12px;padding:9px 12px;width:100%;border:1px solid #566273;border-radius:5px;background:#303842;color:#e4e9f0;cursor:pointer;text-align:left}.edge-band-report-open:hover{background:#3b4652}.edge-band-report{max-width:min(720px,90vw);max-height:82vh;padding:0;border:1px solid #566273;border-radius:9px;background:#252a31;color:#e5eaf0;box-shadow:0 22px 65px #0009}.edge-band-report::backdrop{background:#0008}.edge-band-report-title{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #48515e}.edge-band-report-title h2{margin:0;font-size:17px}.edge-band-report-title button{border:0;background:transparent;color:inherit;font-size:25px;cursor:pointer}.edge-band-report-body{padding:16px 18px;overflow:auto;max-height:68vh}.edge-band-report table{border-collapse:collapse;width:100%;font-size:13px}.edge-band-report th,.edge-band-report td{text-align:left;border-bottom:1px solid #46505c;padding:9px 12px}.edge-band-report th{color:#9ab0c5}.edge-band-report-totals{display:grid;gap:7px;margin-top:16px;padding:13px;background:#1c2229;border-radius:5px;font-size:13px}.edge-band-report-totals strong{margin-top:5px;color:#f2d477} #channel-join-menu{position:absolute;z-index:30;width:230px;left:50%;top:50%;transform:translate(-50%,-50%);padding:15px;background:#252b30;border:1px solid #dbb95f;border-radius:6px;box-shadow:0 12px 35px #000a;color:#e6edf2;pointer-events:auto}#channel-join-menu[hidden]{display:none!important}#channel-join-menu b{color:#f2d685;font-size:13px}#channel-join-menu p{font-size:11px;line-height:1.5}#channel-join-menu>div{display:flex;gap:8px}#channel-join-menu button{flex:1;padding:8px;border:1px solid #6d6652;border-radius:4px;background:#394a43;color:#fff;cursor:pointer}#channel-join-menu button[data-action="cancel"]{background:#363a40} /* Çoklu seçim kutusu: soldan sağa pencere (beyaz noktalı), sağdan sola kesişim (yeşil noktalı). */ #marquee{position:absolute;z-index:24;pointer-events:none;border:1.5px dotted #e9eef5;background:#e9eef512} #marquee.crossing{border-color:#9fd27a;background:#9fd27a12} #marquee[hidden]{display:none!important} /* Sağ tık ve kenar bandı menüleri kanal menüsüyle aynı görünümdedir. */ .scene-menu{position:absolute;z-index:26;width:200px;padding:9px;background:#252b30f5;border:1px solid #dbb95f;border-radius:5px;box-shadow:0 8px 28px #0009;color:#e6edf2;pointer-events:auto} .scene-menu[hidden]{display:none!important} .scene-menu .scene-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#f2d685} .scene-menu .scene-menu-heading button{width:24px;padding:0;border:0;background:transparent;color:#c9d1d5;font-size:18px} .scene-menu p{font-size:10px;color:#aebbc6;margin:6px 0 8px} .scene-menu>button{display:flex;justify-content:space-between;width:100%;margin-top:5px;padding:7px 8px;border:1px solid #49525d;border-radius:4px;background:#303740;color:#e6edf2;text-align:left;font-size:11px} .scene-menu>button:hover{border-color:#d8b65d;background:#3a424a} .scene-menu>button kbd{color:#8f9ba6;font:inherit} .scene-menu>button[data-action="delete"]{color:#f2b1a6} .scene-menu hr{border:0;border-top:1px solid #3c444d;margin:7px 0 2px} /* Kenar çizgisinden kanal penceresi */ .edge-channel-tool{width:250px} .edge-channel-presets{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 6px} .edge-channel-presets button{padding:4px 6px;border:1px solid #49525d;border-radius:4px;background:#303740;color:#e6edf2;font-size:10px} .edge-channel-presets button.active{border-color:#d8b65d;background:#3d3a2c;color:#f2d685} .edge-channel-sizes{display:flex;gap:6px} .edge-channel-sizes label,.edge-channel-inset{display:flex;flex-direction:column;gap:3px;flex:1;font-size:10px;color:#aebbc6;margin-bottom:4px} .edge-channel-sizes input,.edge-channel-inset input{width:100%;padding:5px 6px;border:1px solid #49525d;border-radius:4px;background:#1d2227;color:#e6edf2;font-size:11px} .scene-menu>button.edge-face-red{border-color:#c94b45;color:#f4b3ad} .scene-menu>button.edge-face-green{border-color:#4f9e57;color:#b6e3b9} /* Görünüm kutusu: başlık satırı yok; ev düğmesi küpün sol üst köşesinde. */ #view-cube .cube-home{position:absolute;left:8px;top:8px;z-index:1;width:26px;height:26px;padding:0;border:1px solid #999a9b55;border-radius:5px;background:#24272acc;color:#e1e1e1;font-size:14px;line-height:1;cursor:pointer} #view-cube .cube-home:hover{border-color:#d8b65d;color:#f2d685} #geometry-edit{position:fixed;left:0;right:0;bottom:0;top:46px;z-index:19;background:#1e1e1e} #geometry-edit canvas{position:absolute;inset:0;display:block;cursor:none;touch-action:none} #geometry-edit .ge-head{position:absolute;left:12px;right:196px;top:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 9px;background:#252b30f0;border:1px solid #dbb95f;border-radius:5px;color:var(--ink);font-size:12px;box-shadow:0 6px 20px #0007} #geometry-edit .ge-head b{font-size:12px;letter-spacing:.3px} #geometry-edit .ge-size{flex:1;color:var(--warm);font-variant-numeric:tabular-nums} #geometry-edit button{padding:4px 9px;background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px;cursor:pointer} #geometry-edit button:hover:not(:disabled){border-color:var(--warm)} #geometry-edit button:disabled{opacity:.4;cursor:default} #geometry-edit button.active{background:#4a3b1f;border-color:var(--warm);color:#fff} #geometry-edit .ge-apply{background:#2d5a36;border-color:#4fbf6a} #geometry-edit .ge-tools{position:absolute;right:12px;top:240px;width:168px;display:flex;flex-direction:column;gap:5px;padding:8px;background:#252b30f0;border:1px solid #999a9b55;border-radius:7px;box-shadow:0 6px 20px #0007;z-index:5} #geometry-edit .ge-tools>button{text-align:left} #geometry-edit .ge-op{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:4px} #geometry-edit .ge-tools label{display:flex;flex-direction:column;gap:3px;margin-top:4px;color:var(--muted);font-size:11px} #geometry-edit .ge-tools input{width:100%;box-sizing:border-box;padding:4px 6px;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px} .ge-active #view-cube,.ge-active #context,.ge-active #toolstrip,.ge-active #part-properties{display:none!important} #geometry-edit [hidden]{display:none!important} #geometry-edit .ge-3d{position:absolute;top:0;right:0;bottom:0;width:50%;background:#1c2024;border-left:1px solid #dbb95f66;overflow:hidden} #geometry-edit .ge-3d canvas{position:absolute;inset:0;cursor:grab} #geometry-edit.split .ge-head{right:calc(50% + 196px)} #geometry-edit.split .ge-tools{right:calc(50% + 12px)} #geometry-edit.split .cnc-panel{max-width:calc(50% - 220px)} .sim-note{position:absolute;left:10px;right:10px;bottom:10px;color:#e8d9b0;font-size:12px;pointer-events:none;text-shadow:0 1px 2px #000} .sim-note:empty{display:none} .sim-legend{position:absolute;right:10px;top:10px;display:flex;align-items:center;gap:6px;padding:4px 8px;background:#252b30e0;border-radius:4px;color:#ddd;font-size:11px} .sim-legend i{display:block;width:120px;height:10px;border-radius:2px} #geometry-edit .ge-menu{position:absolute;z-index:7;min-width:200px;display:flex;flex-direction:column;gap:4px;padding:8px;background:#252b30f5;border:1px solid #dbb95f;border-radius:5px;box-shadow:0 8px 24px #0009;color:var(--ink);font-size:12px} #geometry-edit .ge-menu b{font-size:11px;color:var(--warm);letter-spacing:.3px;margin-bottom:2px} #geometry-edit .ge-menu>button{text-align:left} #geometry-edit .ge-menu b:not(:first-child){margin-top:6px;padding-top:7px;border-top:1px solid #ffffff1f} #geometry-edit .ge-menu small{color:var(--muted);font-size:11px} #geometry-edit .ge-menu label{display:flex;flex-direction:column;gap:4px;color:var(--muted);font-size:11px} #geometry-edit .ge-menu input{padding:5px 7px;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:13px} #geometry-edit .cnc-panel{position:absolute;left:12px;top:70px;bottom:44px;width:470px;max-width:calc(100% - 220px);overflow:auto;z-index:6;display:flex;flex-direction:column;gap:8px;padding:8px 10px;background:#252b30f5;border:1px solid #dbb95f;border-radius:5px;box-shadow:0 8px 24px #0009;color:var(--ink);font-size:12px} #geometry-edit .cnc-panel .cnc-top{display:flex;align-items:center;justify-content:space-between} #geometry-edit .cnc-panel .cnc-top b{color:var(--warm);letter-spacing:.3px} #geometry-edit .cnc-panel section{display:flex;flex-direction:column;gap:5px;padding-top:6px;border-top:1px solid #ffffff1f} #geometry-edit .cnc-panel h4{margin:0;font-size:11px;color:var(--warm);letter-spacing:.3px;font-weight:600} #geometry-edit .cnc-panel .cnc-row{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-end} #geometry-edit .cnc-panel label{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:11px} #geometry-edit .cnc-panel input,#geometry-edit .cnc-panel select{box-sizing:border-box;min-width:0;padding:3px 5px;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px} #geometry-edit .cnc-panel .cnc-row input{width:90px} #geometry-edit .cnc-panel .cnc-scroll{overflow-x:auto} #geometry-edit .cnc-panel table{border-collapse:collapse;width:100%} #geometry-edit .cnc-panel th{color:var(--muted);font-size:10px;font-weight:500;text-align:left;padding:0 2px 2px} #geometry-edit .cnc-panel td{padding:1px 2px} #geometry-edit .cnc-panel td input{width:52px;font-variant-numeric:tabular-nums} #geometry-edit .cnc-panel td:first-child input{width:34px} #geometry-edit .cnc-panel td:nth-child(2) input{width:110px} #geometry-edit .cnc-panel td button,#geometry-edit .cnc-panel .cnc-ops button{padding:2px 6px} #geometry-edit .cnc-panel .cnc-ops{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:4px} #geometry-edit .cnc-panel .cnc-ops li{display:flex;align-items:center;gap:5px} #geometry-edit .cnc-panel .cnc-ops li>i{width:10px;height:10px;border-radius:2px;flex:none} #geometry-edit .cnc-panel .cnc-ops li>span{width:72px} #geometry-edit .cnc-panel .cnc-ops select{width:120px} #geometry-edit .cnc-panel .cnc-ops label,#geometry-edit .cnc-panel .cnc-add label{flex-direction:row;align-items:center} #geometry-edit .cnc-panel .cnc-ops input,#geometry-edit .cnc-panel .cnc-add input{width:48px} #geometry-edit .cnc-panel .cnc-ops small{color:var(--muted);font-size:11px;flex:1} #geometry-edit .cnc-panel .cnc-empty{list-style:none;margin-left:-18px;color:var(--muted)} #geometry-edit .cnc-panel .cnc-add{display:flex;gap:5px;flex-wrap:wrap;align-items:center;padding:6px;background:#ffffff08;border-radius:4px} #geometry-edit .cnc-panel .cnc-warn{margin:0;padding-left:16px;color:#ffbd62;font-size:11px} #geometry-edit .cnc-panel .cnc-warn .cnc-ok{list-style:none;margin-left:-16px;color:var(--muted)} #geometry-edit .cnc-panel .cnc-main{background:#2d5a36;border-color:#4fbf6a} #geometry-edit .cnc-panel .cnc-nc{min-height:160px;resize:vertical;padding:5px;background:#141414;border:1px solid var(--line);border-radius:4px;color:#00ff00;font:11px/1.35 ui-monospace,Consolas,monospace;white-space:pre} #geometry-edit .ge-hint{color:var(--muted);font-size:10px;margin-top:2px} #geometry-edit .ge-status{position:absolute;left:12px;right:196px;bottom:8px;padding:5px 9px;background:#252b30e6;border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:11px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} header[inert]{opacity:.45} /* CAD editor: the top bar is hidden (keeping its place, so the 3D view does not resize) and the editor covers the whole window. */ header.cad-editing{visibility:hidden} #viewport .objects.tree-panel{position:absolute;right:12px;top:250px;bottom:30px;width:230px;max-height:none;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0;padding:8px;background:#24262aeb;border:1px solid #999a9b44;border-radius:7px;box-shadow:0 3px 14px #0003;z-index:4;overflow:hidden} #viewport .tree-panel.collapsed{bottom:auto} #viewport .tree-panel.collapsed #list{display:none} #viewport .tree-panel h2{display:flex;align-items:center;cursor:pointer;user-select:none;margin:0;font-size:10px} #viewport .tree-panel h2::after{content:'▾';margin-left:auto;color:#9aa8b9;font-size:10px} #viewport .tree-panel.collapsed h2::after{content:'▸'} #viewport .tree-panel #list{flex:1;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:4px;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto} #viewport .tree-panel #list p{white-space:normal} #viewport .tree-panel #list .part-item{display:block;height:auto;flex:0 0 auto;position:relative} #viewport .tree-panel #list .part-item>button:first-child{width:100%;height:auto;display:block;max-width:none;white-space:normal;padding:5px 8px 5px 22px;font-size:10px} #viewport .tree-panel #list .part-item>button:first-child small{display:block;margin:2px 0 0;font-size:8px} #viewport .tree-panel #list .part-name{max-width:100%} #viewport .tree-panel .tree-caret{position:absolute;left:3px;top:4px;width:16px;height:18px;padding:0;border:0;background:none;color:#9aa8b9;font-size:10px;line-height:18px;z-index:1} #viewport .tree-panel .tree-caret[hidden]{display:none} #viewport .tree-panel .part-tree{list-style:none;margin:3px 0 4px 10px;padding:0 0 0 8px;border-left:1px solid #3d4350} #viewport .tree-panel .part-tree[hidden]{display:none} #viewport .tree-panel .part-tree li{position:relative;display:flex;flex-direction:column;padding:3px 6px;margin:1px 0;border-radius:3px;font-size:9px;color:#d6dde6;cursor:context-menu} #viewport .tree-panel .part-tree li::before{content:'';position:absolute;left:-8px;top:9px;width:6px;border-top:1px solid #3d4350} #viewport .tree-panel .part-tree li:hover{background:#30353d} #viewport .tree-panel .part-tree li small{color:#8d9aab;font-size:8px} #viewport .tree-panel .part-tree li[data-kind=geometry] span{color:#e8c98f} #viewport .tree-panel .part-tree li[data-kind=channel] span{color:#9fd0ff} #viewport .tree-panel .part-tree li[data-kind=band] span{color:#b9e3a6} #viewport .tree-panel .part-tree li[data-kind=link] span{color:#d7b3f0} #viewport .tree-panel .part-tree li[data-kind=dependent] span{color:#aab4c1;font-style:italic} #viewport .tree-menu{width:190px;z-index:27} #viewport .tree-menu button{display:block;width:100%;text-align:left;margin-top:4px} /* Fields and buttons the properties form hides per part (rail start, follow, detach) stay hidden. */ #part-properties [hidden]{display:none!important} #viewport .tree-panel .part-eye{position:absolute;right:4px;top:4px;width:22px;height:20px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:3px;background:none;color:#9aa8b9;z-index:1} #viewport .tree-panel .part-eye:hover{border-color:#5a6574;color:#e4f1ff} #viewport .tree-panel .part-eye.off{color:#e08a5a} #viewport .tree-panel #list .part-item>button:first-child{padding-right:30px} #viewport .tree-panel #list .part-item.is-hidden>button:first-child{opacity:.5} #viewport .bend-dialog{width:250px;display:flex;flex-direction:column;gap:7px;max-height:calc(100% - 12px);overflow-y:auto;box-sizing:border-box} #viewport .bend-dialog .scene-menu-heading{cursor:move;user-select:none;touch-action:none} #viewport .bend-dialog .bend-methods{display:grid;grid-template-columns:1fr 1fr;gap:5px} #viewport .bend-dialog .bend-methods button.active{background:#4a3b1f;border-color:var(--warm);color:#fff} #viewport .bend-dialog label{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#aebbc6} #viewport .bend-dialog label[hidden]{display:none} #viewport .bend-dialog .bend-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:5px} #viewport .bend-dialog input,#viewport .bend-dialog select{width:100%;box-sizing:border-box} #viewport .bend-dialog .bend-summary{margin:0;font-size:10px;color:#9fd0a6} #viewport .bend-dialog .bend-summary.error{color:#f0a08a} #viewport .bend-dialog .bend-apply{background:#2d5a36;border-color:#4fbf6a} #viewport .bend-dialog [hidden]{display:none!important} #geometry-edit .ge-cad{background:#2d4a63;border:1px solid #5d93c4;border-radius:4px;color:#e7f2ff;cursor:pointer} #geometry-edit .ge-cad:hover{border-color:var(--warm)} /* Bıçak kütüphanesi sayfası: tam ekran, üst çubuğun altında, uygulamanın koyu teması. */ #tool-library-page{position:fixed;left:0;right:0;top:46px;bottom:0;z-index:60;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-size:12px} #tool-library-page[hidden]{display:none} #tool-library-page .tl-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 12px;background:var(--panel);border-bottom:1px solid var(--line)} #tool-library-page h2{margin:0 8px 0 0;font-size:14px;font-weight:600} #tool-library-page .tl-persist{color:var(--warm)} #tool-library-page .tl-persist[hidden]{display:none} #tool-library-page button{padding:4px 10px;background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px;cursor:pointer} #tool-library-page button:hover{border-color:var(--accent)} #tool-library-page .tl-close{margin-left:auto} #tool-library-page .tl-primary{background:#2b4c6b;border-color:var(--accent);color:#fff} #tool-library-page .tl-danger:hover{border-color:#e06c6c;color:#ffb3b3} #tool-library-page input,#tool-library-page select{padding:4px 6px;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px;min-width:0} #tool-library-page input[readonly]{color:var(--muted);border-style:dashed} #tool-library-page input[type=color]{padding:1px;height:26px;width:48px} #tool-library-page input[type=search]{width:170px} #tool-library-page .tl-info{position:relative;margin:8px 12px 0;padding:8px 30px 8px 10px;background:#252b30;border:1px solid var(--accent);border-radius:5px;max-height:150px;overflow:auto;line-height:1.5} #tool-library-page .tl-info[hidden]{display:none} #tool-library-page .tl-info-close{position:absolute;right:6px;top:6px;padding:0 6px} #tool-library-page .tl-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:10px;padding:10px 12px} #tool-library-page .tl-table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:5px} #tool-library-page .tl-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums} #tool-library-page th{position:sticky;top:0;background:var(--surface);color:var(--muted);font-weight:500;text-align:left;padding:6px 8px;border-bottom:1px solid var(--line)} #tool-library-page td{padding:3px 8px;border-bottom:1px solid #ffffff0d;white-space:nowrap} #tool-library-page td.tl-name{white-space:normal} #tool-library-page tbody tr{cursor:pointer} #tool-library-page tbody tr:hover{background:#ffffff0a} #tool-library-page tbody tr.active{background:#478cc92e} #tool-library-page .tl-dup{color:var(--warm);font-weight:700} #tool-library-page .tl-thumb{display:block} #tool-library-page .tl-empty{padding:18px;color:var(--muted);white-space:normal} #tool-library-page .tl-form{display:flex;flex-direction:column;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:5px} #tool-library-page .tl-form-scroll{flex:1;overflow:auto;padding:8px 10px} #tool-library-page fieldset{margin:0 0 8px;padding:6px 8px 8px;border:1px solid var(--line);border-radius:5px} #tool-library-page legend{padding:0 4px;color:var(--muted)} #tool-library-page label{display:flex;flex-direction:column;gap:3px;margin-top:4px;color:var(--muted);font-size:11px;flex:1;min-width:0} #tool-library-page .tl-row{display:flex;gap:8px;align-items:flex-end;margin-top:4px} #tool-library-page .tl-source{margin-top:6px;color:var(--muted)} #tool-library-page .tl-preview{display:flex;flex-direction:column;align-items:center;gap:4px;margin:4px 0;padding:6px;background:var(--bg);border:1px solid var(--line);border-radius:5px} #tool-library-page .tl-sym{color:var(--muted)} #tool-library-page .tl-msgs{display:flex;flex-direction:column;gap:3px} #tool-library-page .tl-err{color:#ff8f8f} #tool-library-page .tl-warn{color:var(--warm)} #tool-library-page .tl-actions{display:flex;gap:8px;padding:8px 10px;border-top:1px solid var(--line)}#tool-library-page .tl-head select,#tool-library-page .tl-head input{width:auto;flex:0 0 auto} #tool-library-page .tl-head input[type=search]{width:170px} /* Nesting page (0.18.0) */ /* Covers the top bar too: undo, new/open project and the rest cannot change the project under the page. */ #nest-page{position:fixed;left:0;right:0;top:0;bottom:0;z-index:70;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-size:12px} #nest-page[hidden]{display:none} /* The page's own question box (src/ui/ask-box.js): window.confirm/prompt do not show in SketchUp or in-app browsers. */ .vmx-ask{position:fixed;inset:0;z-index:95;display:flex;align-items:center;justify-content:center;background:#0008;color:var(--ink);font-size:12px} .vmx-ask[hidden]{display:none} .vmx-ask-box{min-width:300px;max-width:440px;display:flex;flex-direction:column;gap:10px;padding:16px;background:#262c33;border:1px solid #46505b;border-radius:8px;box-shadow:0 8px 30px #000b} .vmx-ask-box p{margin:0;font-size:13px;line-height:1.4} .vmx-ask-buttons{display:flex;justify-content:flex-end;gap:8px} .vmx-ask-yes{background:#3b6f45;border-color:#58a868} /* Label design screen (design 2026-10-29-etiket-tasarim): list | label | settings, over the nesting page. */ #label-designer{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-size:12px} #label-designer[hidden]{display:none} #label-designer .ld-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line)} #label-designer .ld-head b{color:#f0b24a;margin-right:6px} #label-designer .ld-head label{display:flex;align-items:center;gap:4px} #label-designer .ld-head input{width:58px} #label-designer .ld-close{margin-left:auto} #label-designer .ld-persist{color:#ffb070} #label-designer .ld-body{flex:1;min-height:0;display:flex;gap:10px;padding:10px} #label-designer .ld-list{width:170px;flex:none;align-self:flex-start;position:sticky;top:0;max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:4px;padding:8px;background:#262c33;border:1px solid var(--line);border-radius:6px} #label-designer .ld-list h4,#label-designer .ld-panel h4{margin:0 0 6px;color:#f0b24a} #label-designer .ld-chip{padding:5px 8px;background:#323a43;border:1px solid #46505b;border-radius:4px;cursor:grab;user-select:none} #label-designer .ld-chip.ld-used{opacity:.5} #label-designer .ld-stage{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;background:#1c2024;border:1px solid var(--line);border-radius:6px;overflow:auto;touch-action:none} #label-designer .ld-paper{box-shadow:0 3px 14px #000a;background-color:#fff;background-image:radial-gradient(#c9ced4 .6px,transparent .7px);flex:none} #label-designer .ld-box{outline:1px dashed #9aa4ae;cursor:move} #label-designer .ld-box.ld-sel{outline:1.5px solid #ff8a00;background:#fff4e580} #label-designer .ld-handle{position:absolute;width:8px;height:8px;margin:-4px;background:#ff8a00;border-radius:1px;z-index:2} #label-designer .ld-handle[data-h=nw]{left:0;top:0;cursor:nwse-resize}#label-designer .ld-handle[data-h=n]{left:50%;top:0;cursor:ns-resize} #label-designer .ld-handle[data-h=ne]{left:100%;top:0;cursor:nesw-resize}#label-designer .ld-handle[data-h=e]{left:100%;top:50%;cursor:ew-resize} #label-designer .ld-handle[data-h=se]{left:100%;top:100%;cursor:nwse-resize}#label-designer .ld-handle[data-h=s]{left:50%;top:100%;cursor:ns-resize} #label-designer .ld-handle[data-h=sw]{left:0;top:100%;cursor:nesw-resize}#label-designer .ld-handle[data-h=w]{left:0;top:50%;cursor:ew-resize} #label-designer .ld-sel{overflow:visible} #label-designer .ld-panel{width:200px;flex:none;display:flex;flex-direction:column;gap:6px;padding:8px;background:#262c33;border:1px solid var(--line);border-radius:6px;overflow:auto} #label-designer .ld-field{display:flex;align-items:center;justify-content:space-between;gap:6px} #label-designer .ld-field input[type=text],#label-designer .ld-field select{width:80px} #label-designer .ld-field textarea{width:100%;resize:vertical} #label-designer .ld-field:has(textarea){flex-direction:column;align-items:stretch} #label-designer .ld-hint{color:var(--muted);margin:0} #label-designer .ld-ask{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#0008} #label-designer .ld-ask[hidden]{display:none} #label-designer .ld-ask-box{min-width:300px;max-width:420px;display:flex;flex-direction:column;gap:10px;padding:16px;background:#262c33;border:1px solid #46505b;border-radius:8px;box-shadow:0 8px 30px #000b} #label-designer .ld-ask-box p{margin:0;font-size:13px} #label-designer .ld-ask-buttons{display:flex;justify-content:flex-end;gap:8px} #label-designer .ld-ask-yes{background:#3b6f45;border-color:#58a868} #nest-page .np-head{display:flex;align-items:center;gap:8px;padding:9px 12px;background:var(--panel);border-bottom:1px solid var(--line)} #nest-page h2{margin:0 10px 0 0;font-size:14px;color:var(--warm)} #nest-page h4{margin:8px 0 4px;font-size:11px;color:var(--warm);letter-spacing:.3px} #nest-page button{padding:4px 10px;background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px;cursor:pointer} #nest-page button:hover{border-color:var(--warm)} #nest-page .np-run{background:#2d5a36;border-color:#4fbf6a} #nest-page .np-close{margin-left:auto} #nest-page .np-stale{color:#ffbd62} #nest-page .np-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(380px,520px) minmax(0,1fr);gap:10px;padding:10px 12px} #nest-page .np-left{display:flex;flex-direction:column;min-height:0;overflow:hidden} #nest-page .np-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:6px} #nest-page label{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:11px} #nest-page input[type=text],#nest-page input[type=number],#nest-page select{box-sizing:border-box;width:100%;padding:4px 6px;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px} #nest-page .np-table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid var(--line);border-radius:4px} #nest-page .np-table{width:100%;border-collapse:collapse} #nest-page .np-table th{position:sticky;top:0;background:var(--panel);text-align:left;padding:5px 6px;font-weight:600;color:var(--muted)} #nest-page .np-table td{padding:4px 6px;border-top:1px solid #ffffff12;white-space:nowrap} #nest-page .np-table input[type=number]{width:58px} #nest-page .np-status{color:var(--muted);white-space:normal} #nest-page .np-stats{padding:8px 2px 0;color:var(--warm)} #nest-page .np-right{display:flex;flex-direction:column;min-height:0} #nest-page .np-bar{display:flex;align-items:center;gap:6px;margin-bottom:6px} #nest-page .np-bar select{width:auto;min-width:260px} #nest-page .np-check{flex-direction:row;align-items:center;gap:5px;margin-left:8px;color:var(--ink)} #nest-page .np-svg{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:#1c2024;border:1px solid var(--line);border-radius:4px;overflow:hidden} #nest-page .np-sheet{width:100%;height:100%} #nest-page .np-empty{color:var(--muted)} #nest-page .np-live{align-self:stretch;flex:1;display:flex;flex-direction:column;gap:8px;padding:10px;min-width:0;overflow:auto} #nest-page .np-live-note{color:#ffd28a;font-size:13px} #nest-page .np-live-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;align-content:start} #nest-page .np-live-card{margin:0;display:flex;flex-direction:column;gap:4px} #nest-page .np-live-sheet{width:100%;height:auto;max-height:62vh} #nest-page .np-live-card figcaption{color:var(--muted);font-size:12px;text-align:center} #nest-page .np-note{padding-top:6px;color:var(--muted)}#nest-page .np-nc{background:#3a321f;border-color:#dbb95f} #nest-page .np-labels{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 12px;gap:6px} #nest-page .np-labels[hidden],#nest-page .np-body[hidden]{display:none} #nest-page .np-inline{flex-direction:row;align-items:center;gap:5px;color:var(--ink)} #nest-page .np-inline input{width:auto} #nest-page .np-label-grid{flex:1;min-height:0;overflow:auto;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start;padding:4px} #nest-page .np-label-grid .lbl{box-shadow:0 2px 8px #0008} #nest-page .np-labels-open{background:#2c3e57;border-color:#5b8bd0}#nest-page .np-ch-wrap{max-height:160px;overflow:auto;border:1px solid var(--line);border-radius:4px} #nest-page .np-svg{cursor:grab}#nest-page .np-svg.np-dragging{cursor:grabbing} #nest-page .np-order-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:16px;overflow:auto} #nest-page .np-order-list,#nest-page .np-seq-list{margin:6px 0;padding-left:22px;display:flex;flex-direction:column;gap:4px} #nest-page .np-order-list li{display:flex;align-items:center;gap:6px} #nest-page .np-order-list li span{flex:1} #nest-page .np-order-list li.np-unlisted{color:var(--muted)} #nest-page .np-seq-list li{padding:4px 6px;border-left:3px solid #6d757e;background:#ffffff08} #nest-page .np-seq-list li.np-seq-outline{border-left-color:#d9480f} #nest-page .np-seq-list li.np-seq-hole{border-left-color:#f08c00} #nest-page .np-seq-list li.np-seq-engrave{border-left-color:#1971c2} #nest-page .np-order-open{background:#2c3e57;border-color:#5b8bd0} #nest-page .np-order[hidden]{display:none} /* Malzeme ata (0.23.0) */ #material-dialog{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;background:#0008} #material-dialog[hidden]{display:none} #material-dialog .md-box{width:min(460px,92vw);max-height:86vh;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--panel);border:1px solid var(--warm);border-radius:6px;color:var(--ink);font-size:12px;box-shadow:0 10px 30px #000a} #material-dialog .md-head{display:flex;justify-content:space-between;align-items:center;color:var(--warm)} #material-dialog button{padding:4px 10px;background:var(--surface);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px;cursor:pointer} #material-dialog .md-list{display:flex;flex-direction:column;gap:4px} #material-dialog .md-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;text-align:left} #material-dialog .md-row small{color:var(--muted)} #material-dialog .md-on{border-color:var(--warm);background:#4a3b1f} #material-dialog .md-swatch{display:block;width:18px;height:18px;border:1px solid #888;border-radius:3px} #material-dialog .md-grain{display:flex;gap:12px;align-items:center} #material-dialog .md-grain[hidden]{display:none} #material-dialog .md-check{display:flex;align-items:center;gap:5px} #material-dialog .md-form{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px} #material-dialog .md-form label{display:flex;flex-direction:column;gap:3px;color:var(--muted)} #material-dialog .md-form input[type=text]{padding:4px 6px;background:var(--bg);border:1px solid var(--line);border-radius:4px;color:var(--ink)} #material-dialog .md-foot{display:flex;justify-content:flex-end;gap:6px} #material-dialog .md-apply{background:#2d5a36;border-color:#4fbf6a} canvas.paint-bucket{cursor:url("data:image/svg+xml;utf8,") 23 22,crosshair!important} #material-dialog .md-paint{background:#3a321f;border-color:#dbb95f} /* Mesafe (ofset kopya) */ #geometry-edit .ge-offset{display:flex;flex-direction:column;gap:3px;margin-top:4px} #geometry-edit .ge-offset[hidden]{display:none} #geometry-edit .ge-offset .ge-row{flex-direction:row;align-items:center;gap:5px;color:var(--ink)} #geometry-edit .ge-offset .ge-row input{width:auto} #geometry-edit .ge-offset .ge-sub{color:var(--muted);font-size:11px;margin-top:2px} /* CNC İşlem ekle: devir ve ilerlemeler */ .cnc-panel .cnc-feeds{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%} .cnc-panel .cnc-feeds label{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted)} .cnc-panel .cnc-feeds input{width:100%;box-sizing:border-box} /* Nesting: plakada tıklanan parça ve tek etiket yazdırma */ #nest-page .np-table tr.np-picked td{background:#5a4210;color:#fff} #nest-page .np-picked-name{color:#ffb347;font-size:12px;margin-left:6px;white-space:nowrap} #nest-page .np-label-item{display:flex;flex-direction:column;gap:4px;align-items:flex-start} #nest-page .np-label-one{font-size:11px;padding:2px 8px} /* Fire azaltan nesting: süre çubuğu, ilerleme, Durdur */ #nest-page .np-time{display:flex;flex-direction:column;gap:2px} #nest-page .np-time input[type=range]{width:100%} #nest-page .np-time-out{color:var(--warm);font-size:11px} #nest-page .np-progress{width:140px;height:10px;align-self:center} #nest-page .np-stop{border-color:#c0392b;color:#ffb3a7} /* Artık plaka: dizilim ayarları, onay, artık seçme penceresi, Artık stoğu ve Arşiv */ #nest-page .np-layout{display:grid;grid-template-columns:auto auto 1fr 1fr;gap:6px 10px;align-items:end;margin-top:6px} #nest-page .np-layout-item{display:flex;flex-direction:column;gap:3px} #nest-page .np-layout-label{color:var(--muted);font-size:11px} #nest-page .np-corner-grid{display:grid;grid-template-columns:repeat(2,auto);gap:3px} #nest-page .np-waste-row{display:flex;gap:3px} #nest-page .np-corner,#nest-page .np-waste{padding:3px 7px;font-size:11px} #nest-page .np-corner.np-on,#nest-page .np-waste.np-on{background:#2c3e57;border-color:#5b8bd0;color:#fff} #nest-page .np-use-label{margin-left:0;align-self:end;padding-bottom:4px} #nest-page .np-approve{background:#2d5a36;border-color:#4fbf6a} #nest-page .np-approve:disabled,#nest-page .np-undo:disabled{opacity:.5;cursor:wait} #nest-page .np-approved{color:#7ee08f;white-space:nowrap} #nest-page .np-undo{border-color:#c0392b;color:#ffb3a7} #nest-page .np-persist{color:#ffbd62;font-size:11px} #nest-page .np-stock-open,#nest-page .np-archive-open{background:#3a2a2a;border-color:#d07a5b} #nest-page .np-seq-list li.np-seq-remnant{border-left-color:#ff5a5a} #nest-page .np-actions{display:flex;gap:4px} #nest-page .np-actions button{padding:2px 8px;font-size:11px} #nest-page .np-danger{border-color:#c0392b;color:#ffb3a7} #nest-page .np-table tr.np-reserved td{color:#ffbd62} #nest-page .np-arch-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:10px} #nest-page .np-arch-body .np-table-wrap{min-height:0} #nest-page .np-arch-preview{cursor:default} #nest-page .np-dialog-back{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;background:#000a} #nest-page .np-dialog{width:min(760px,calc(100% - 32px));max-height:calc(100% - 64px);display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 30px #000c} #nest-page .np-dialog h3{margin:0;font-size:14px;color:var(--warm)} #nest-page .np-dialog-body{flex:1;min-height:0;overflow:auto} #nest-page .np-dialog-foot{justify-content:flex-end;margin:0} #nest-page .np-table tr.np-dim td{opacity:.45}