@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#eae9e5;background:#1b1c1f;font-synthesis:none;--amber:#fcb554;--muted:#929398;--line:#34353a;--panel:#232428}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#ffffff0a}button:focus-visible,input:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button:disabled{opacity:.3;cursor:default}svg{width:17px;height:17px;stroke-width:1.6;flex-shrink:0}button,input{border-radius:5px}input{min-width:0;color:inherit;background:transparent;border:1px solid var(--line);outline:none}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=color]{border:0;width:28px;height:24px;padding:0;cursor:pointer}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 24px;background:#202125}.brand{display:flex;width:194px;flex-shrink:0}.brand img{width:194px}.brand-divider{height:27px;width:1px;background:var(--line)}.project-title{display:flex;flex-direction:column;gap:4px}.project-title input{font-weight:600;font-size:14px;border:0;width:200px;padding:0}.project-title>span{font-size:10px;color:var(--muted)}.beta{font-size:9px;letter-spacing:1px;padding:5px 7px;border:1px solid #4a4132;color:#c89f66;border-radius:3px}.top-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.top-actions button{height:36px;padding:0 12px;font-size:12px}.top-actions .primary{margin-left:8px;color:#25221d;background:var(--amber);font-weight:650}.primary:hover{background:#ffca7f!important}.top-actions .primary svg:last-child{width:13px}.icon-button{width:32px!important;padding:0!important;color:var(--muted)}.subbar{height:46px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 24px;font-size:11px}.sub-left{display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--amber)}.sub-left strong{font-weight:500;color:#c6c5c2}.sub-note{color:#73757c;margin-left:6px}.history{display:flex;align-items:center;gap:5px}.history button{font-size:10px;padding:5px 10px;color:#93949b}.history button.active{background:#36322b;color:var(--amber)}.history>span{height:16px;width:1px;background:var(--line);margin:0 9px}.history svg{width:15px;height:15px}.editor{display:grid;grid-template-columns:76px minmax(0,1fr) 284px;height:calc(100dvh - 158px)}.toolbar{background:#232428;border-right:1px solid var(--line);padding:13px 9px;display:flex;flex-direction:column;align-items:center;gap:5px;overflow:auto;scrollbar-width:none}.toolbar>button,.toolbar-bottom>button{position:relative;flex-shrink:0;width:44px;height:38px;color:#aaaab0}.toolbar button svg{width:20px;height:20px}.toolbar button.active{color:var(--amber);background:#fcb55418;box-shadow:inset 0 0 0 1px #fcb55424}.toolbar button span,.toolbar kbd{display:none}.tool-rule{width:25px;height:1px;background:var(--line);margin:5px 0;flex-shrink:0}.toolbar-bottom{margin-top:auto;padding-top:20px}.toolbar-bottom button{color:#71737b}#viewport{position:relative;overflow:hidden;background:#d9d9d4}#viewport canvas{display:block;touch-action:none;width:100%;height:100%}.canvas-label{position:absolute;z-index:2;top:23px;left:26px;display:flex;align-items:center;gap:9px;color:#505151;font-size:10px;font-weight:650;letter-spacing:1.3px;pointer-events:none}.small-square{width:5px;height:5px;background:#777a73}.canvas-label small{font-size:8px;letter-spacing:1.1px;font-weight:400;color:#83867e;padding-left:12px;border-left:1px solid #aaa9a4}.viewport-controls{position:absolute;left:24px;top:58px;display:flex;gap:3px;z-index:3;padding:4px;background:#f5f4efc9;border:1px solid #c3c4bc;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewport-controls button{width:29px;height:27px;color:#74776f}.viewport-controls button.active{background:#e4e1d7;color:#55584e}.viewport-controls button:hover{background:#d9d5c9}.view-cube{position:absolute;top:23px;right:23px;z-index:3;transform:rotate(-6deg);opacity:.85}.view-cube button{font-size:8px;font-weight:600;color:#74766d;border:1px solid #abaea3;background:#e9e9e1aa;border-radius:0;min-width:42px;height:26px}.view-cube>button{margin-left:15px;width:54px;transform:skew(-30deg)}.view-cube>div{display:flex}.welcome-note{position:absolute;z-index:2;bottom:61px;left:28px;border-left:2px solid #9d8051;padding:0 0 0 15px;pointer-events:none;color:#444840}.eyebrow{font-size:8px;letter-spacing:2px;color:#7c7f74;font-weight:600}.welcome-note h1{font-size:23px;letter-spacing:-.7px;margin:9px 0 7px;font-weight:500}.welcome-note p{font-size:10px;color:#7c7e74;margin:0 0 10px}.welcome-note button{pointer-events:auto;font-size:10px;padding:0;color:#6c5e46;font-weight:600}.welcome-note svg{width:13px;height:13px}.navigation-hint{position:absolute;bottom:18px;left:26px;display:flex;gap:16px;color:#7a7c73;pointer-events:none;font-size:9px}.navigation-hint span{display:flex;align-items:center;gap:5px}.navigation-hint svg{width:13px;height:13px}.axis-key{position:absolute;right:22px;bottom:19px;display:flex;gap:10px;font-size:10px}.axis-x{color:#ad6459}.axis-y{color:#69845c}.axis-z{color:#5d7e99}.inspector{background:#232428;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin;scrollbar-color:#45464b transparent}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:23px 20px 20px;font-size:9px;letter-spacing:1.8px;color:#a9a9ac}.panel-title svg{width:14px;height:14px;color:#85858d}.panel-tabs{display:flex;border-bottom:1px solid var(--line);padding:0 18px;gap:23px}.panel-tabs button{padding:0 0 13px;font-size:11px;border-radius:0;color:#909098}.panel-tabs button.active{color:var(--amber);border-bottom:2px solid var(--amber)}.panel-tabs span{font-size:8px;padding:2px 4px;background:#37332e;color:#bba683;border-radius:3px}.scene-header{display:flex;justify-content:space-between;align-items:center;padding:20px 19px 10px;font-size:11px;color:#bcbbc0}.scene-header>span{display:flex;align-items:center;gap:9px}.scene-header svg{width:13px;height:13px}.scene-header button{padding:3px}.object-list{max-height:190px;min-height:100px;overflow:auto;scrollbar-width:thin;scrollbar-color:#45464b transparent;padding:0 10px 12px}.object-row{display:flex;align-items:center;gap:7px;margin-bottom:2px;border-radius:4px;padding-right:6px}.object-row>button:first-child{flex:1;justify-content:flex-start;text-align:left;min-width:0;font-size:10px;padding:8px;gap:9px;color:#a9a9ad}.object-row>button:first-child span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.object-row svg{width:13px;height:13px;color:#73757b}.object-row .eye-button{padding:3px;opacity:.5}.object-row:hover{background:#ffffff05}.object-row.active{background:#fcb55412}.object-row.active>button:first-child,.object-row.active svg{color:var(--amber)}.object-row.invisible{opacity:.4}.selection-panel{border-top:1px solid var(--line);padding:18px}.section-label{font-size:8px;letter-spacing:1.3px;color:#96969e;display:flex;justify-content:space-between;align-items:center}.section-label span{font-size:7px;letter-spacing:.6px;color:#6a6b72}.selection-panel>input{width:100%;padding:8px 9px;font-size:11px;background:#1f2024;margin-top:12px}.field-label{font-size:10px;color:#96969e;display:flex;align-items:center;justify-content:space-between;margin-top:16px;margin-bottom:8px}.field-label small{color:#62636c;font-size:9px}.xyz-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.xyz-fields label{display:flex;align-items:center;border:1px solid var(--line);padding:7px 6px;background:#202125;border-radius:4px;gap:4px}.xyz-fields b{font-size:8px;font-weight:500;color:#787c86}.xyz-fields input{border:0;width:100%;font-size:10px;text-align:right}.selection-actions{display:flex;gap:6px;margin-top:13px}.selection-actions button{flex:1;border:1px solid var(--line);font-size:9px;padding:8px;color:#aaaab1}.selection-actions svg{width:12px;height:12px}.extrusion-panel{border-top:1px solid var(--line);padding:18px}.extrusion-panel p{font-size:10px;line-height:1.7;color:#73757f;margin:10px 0}.section-label kbd{font-size:8px;border:1px solid #46434a;border-radius:3px;padding:2px 4px;font-family:inherit}.extrude-input{display:flex;align-items:center;border:1px solid var(--line);background:#1f2024;border-radius:5px;overflow:hidden}.extrude-input input{border:0;width:100%;padding:9px;font-size:11px}.extrude-input>span{color:#777880;font-size:10px;margin-right:12px}.extrude-input button{height:32px;width:36px;background:#fcb554;color:#29251e;border-radius:0}.inspector-footer{margin-top:auto;padding:18px;border-top:1px solid var(--line);font-size:8px;color:#73757b;line-height:2}.inspector-footer>div{display:flex;align-items:center;gap:7px;font-size:8px}.inspector-footer>span{display:flex;justify-content:space-between;letter-spacing:1.3px;margin-top:7px;color:#8a8a91}.inspector-footer b{color:#fcb554;font-size:12px}.statusbar{height:36px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:0 20px;font-size:9px;color:#96979e;background:#202125}.status-tool{display:flex;align-items:center;gap:9px}.status-tool svg{width:12px;height:12px;color:#fcb554}.status-right{display:flex;gap:22px;align-items:center}.status-right>span+span{border-left:1px solid var(--line);padding-left:17px;font-size:8px;letter-spacing:.6px}.status-right b{font-weight:500;color:#bcb9b2;margin-left:6px}.status-right label{display:flex;align-items:center;gap:4px}.status-right input{accent-color:#fcb554;width:11px;height:11px}.drawing-hint{position:absolute;top:110px;left:24px;z-index:5;background:#232428ed;color:#fcb554;padding:10px 14px;border-radius:5px;font-size:11px;max-width:400px}.panel-description{font-size:11px;color:#999aa2;line-height:1.8;padding:18px 18px 0}.material-card{margin:7px 15px;width:calc(100% - 30px);padding:9px;border:1px solid var(--line);justify-content:flex-start;font-size:11px;color:#bcbcc3}.material-card.active{border-color:#fcb55488}.swatch{display:block;height:30px;width:34px;border-radius:3px;border:1px solid #ffffff22;box-shadow:inset -8px -8px 12px #00000012}.material-card small{margin-left:auto;color:#73757e;font-size:9px}#toast{position:fixed;bottom:51px;left:50%;transform:translate(-50%);z-index:30;background:#242529;color:#efeae0;box-shadow:0 5px 20px #0003;border:1px solid #fcb55466;border-radius:7px;padding:13px 20px;font-size:12px;max-width:90vw}dialog{color:#e7e6e3;background:#242529;border:1px solid #45464a;border-radius:12px;padding:26px;max-width:600px;width:calc(100% - 40px);box-shadow:0 25px 90px #0005}dialog::backdrop{background:#1119;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3b3c41;margin-bottom:17px;padding-bottom:15px}.modal-header h2{font-size:20px;font-weight:500;margin:0;letter-spacing:-.5px}.modal-header button{padding:4px;color:#909098}#modalBody p{font-size:12px;color:#a8a8b0;line-height:1.8}#modalBody a,#modalBody code{color:#fcb554}#modalBody .export-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}#modalBody .export-options button{display:flex;align-items:flex-start;flex-direction:column;padding:16px;border:1px solid #434449;text-align:left;gap:7px;font-size:12px}#modalBody .export-options button:hover{border-color:#fcb554}#modalBody small{font-size:10px;color:#8d8e98}#modalBody .shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:11px;color:#aaa}#modalBody kbd{color:#fcb554;display:inline-block;min-width:32px}#modalBody .primary{padding:10px 15px;background:#fcb554;color:#222;margin-top:10px}#modalBody h3{font-size:13px;color:#ddd;font-weight:500;margin-top:20px}.empty-scene{padding:16px 9px;font-size:11px;color:#777880;line-height:1.8}[hidden]{display:none!important}@media (min-height:950px){.object-list{max-height:270px}.toolbar{gap:8px}.toolbar>button{height:43px}}@media (max-height:760px){.panel-title{padding:16px 20px}.scene-header{padding-top:12px}.object-list{max-height:125px;min-height:50px}.selection-panel,.extrusion-panel{padding:13px 16px}.field-label{margin-top:10px}.inspector-footer{padding:10px 16px}.toolbar{gap:2px}.toolbar>button{height:33px}.welcome-note{bottom:54px}.welcome-note h1{font-size:20px}}@media (max-width:1100px){.topbar{gap:15px;padding:0 17px}.brand,.brand img{width:165px}.top-actions{gap:3px}.top-actions button{padding:0 9px}.editor{grid-template-columns:62px minmax(0,1fr) 252px}.sub-note,.beta{display:none}.navigation-hint span:nth-child(2){display:none}.project-title input{width:150px}.welcome-note h1{font-size:20px}.canvas-label small{display:none}}@media (max-width:800px){.topbar{height:64px}.brand,.brand img{width:140px}.brand-divider{display:none}.project-title{max-width:115px}.project-title input{width:115px;font-size:12px}.top-actions button>span{display:none}.top-actions button{padding:0 8px}.top-actions .primary{margin-left:1px}.top-actions .primary svg:last-child{display:none}.subbar{padding:0 12px;height:42px}.sub-left strong{font-size:10px}.history{gap:0}.history button{padding:5px 7px}.history>span{margin:0 4px}.editor{height:calc(100dvh - 138px);grid-template-columns:52px minmax(0,1fr) 220px}.toolbar{padding:10px 4px}.toolbar>button{width:38px}.statusbar{height:32px;padding:0 10px;font-size:8px}.status-right{gap:8px}.status-right>span:first-of-type{display:none}.welcome-note{left:17px;right:15px}.welcome-note h1{font-size:19px}.welcome-note p{max-width:200px;line-height:1.7}.navigation-hint{left:17px;gap:8px;font-size:8px}.navigation-hint span:nth-child(3){display:none}.canvas-label{left:17px;top:18px}.viewport-controls{left:15px}.panel-title{font-size:8px;padding:16px}.selection-panel,.extrusion-panel{padding:14px}.object-row>button:first-child{font-size:9px}}@media (max-width:600px){.topbar{gap:10px;padding:0 10px}.brand,.brand img{width:125px}.project-title{max-width:93px}.project-title input{width:93px;font-size:11px}.project-title>span{font-size:8px}.top-actions{gap:0}.top-actions button{padding:0 6px}.top-actions #newProject,.top-actions #helpButton{display:none}.editor{grid-template-columns:46px minmax(0,1fr)}.inspector{display:none}.toolbar{padding:10px 3px}.toolbar>button{width:34px;height:34px}.toolbar svg{width:18px!important;height:18px!important}.sub-left{display:none}.subbar{justify-content:center}.history{width:100%;justify-content:space-around}.status-right{display:none}.welcome-note h1{font-size:20px}.view-cube{right:12px}.canvas-label{font-size:8px;letter-spacing:1px}.axis-key{right:14px}.navigation-hint{font-size:8px}.welcome-note p{max-width:260px}.top-actions svg{width:15px;height:15px}}@media (max-width:600px){.top-actions #newProject{display:inline-flex}.project-title{max-width:75px}.project-title input{width:75px}.top-actions button{padding:0 5px}.topbar{gap:8px}.top-actions .primary{padding:0 8px}}