@font-face{font-family:Studio;src:local('Inter'),local('Segoe UI')}*{box-sizing:border-box}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-thumb{background:#424851;border-radius:6px}:root{font-family:Studio,Arial,sans-serif;color:#e7e9ed;background:#14181e;font-size:13px;--muted:#939ba8;--line:#303641;--accent:#f19756;--panel:#1c2129}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button,label.file-button{cursor:pointer}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}[hidden]{display:none!important}.app-header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 22px;gap:26px;background:#171c23}.brand{text-decoration:none;color:#fff;display:flex;align-items:center;gap:18px;white-space:nowrap}.brand b{font-size:22px;letter-spacing:-1px}.brand b span{color:var(--accent)}.brand>span{font-size:13px;font-weight:700;letter-spacing:2px}.brand .thin{font-weight:400;color:#929ba6;letter-spacing:1px}.brand i{height:22px;width:1px;background:var(--line)}.project-title{flex:1;min-width:120px}.project-title input{background:transparent;border:0;color:#e9ecf0;font-size:12px;width:100%;max-width:330px;padding:3px 0}.project-title>span{font-size:10px;color:var(--muted);display:block}.header-actions{display:flex;align-items:center;gap:9px}.button{border:1px solid transparent;border-radius:5px;padding:10px 14px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.4;text-decoration:none}.button.primary{background:var(--accent);color:#20150e;font-weight:700}.button.secondary{background:#2b323c;border-color:#3a4350}.button.outline{background:none;border-color:#49515c}.button.danger{background:#442d2e;border-color:#664144;color:#f8c2bc}.button:hover{filter:brightness(1.12)}.button.full{width:100%;margin:8px 0}.icon-button{border:1px solid var(--line);background:#202730;border-radius:5px;width:32px;height:32px;font-size:19px}.workspace{height:calc(100dvh - 103px);display:grid;grid-template-columns:66px 264px minmax(300px,1fr) 236px}.rail{display:flex;flex-direction:column;border-right:1px solid var(--line);background:#171c23;gap:4px;padding:14px 5px}.rail button{border:0;background:none;color:#8c95a3;padding:12px 0;border-radius:6px;position:relative}.rail button>span{font-size:24px;height:30px;display:block}.rail small{font-size:8px}.rail button.active{color:var(--accent);background:#f1975612}.rail button.active:before{content:'';position:absolute;width:2px;height:28px;background:var(--accent);left:-5px;top:15px}.rail-bottom{margin-top:auto}.sidebar{background:var(--panel);border-right:1px solid var(--line);overflow:auto}.panel{padding:25px 20px}.eyebrow{color:#b3bbc6;font-size:8px;letter-spacing:1.5px;font-weight:600;margin:0 0 13px}h1{font-size:25px;font-weight:500;letter-spacing:-1px;margin:0 0 12px;line-height:1.15}h2{font-size:14px;font-weight:550;margin:12px 0}p{line-height:1.65;color:var(--muted);font-size:11px;margin:8px 0 15px}.panel-heading{margin-bottom:25px}.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tool-grid button,.tool-grid label{background:#252c36;border:1px solid #39414d;border-radius:6px;min-height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;cursor:pointer;margin:0}.tool-grid b{font-size:25px;font-weight:400}.tool-grid span{font-size:10px;color:#bfc5cf}.tool-grid button:hover,.tool-grid label:hover{border-color:var(--accent);color:var(--accent)}.mini-guide{margin-top:30px;display:grid;grid-template-columns:25px 1fr;gap:5px 10px}.mini-guide strong{font-size:11px;font-weight:500}.mini-guide p{font-size:10px;margin:6px 0 12px}.step{color:var(--accent);font-size:10px;padding-top:3px}.panel-divider{height:1px;background:var(--line);margin:24px 0}.hint{font-size:10px;color:#909aa7;line-height:1.7;margin-top:12px}.text-button{font-size:10px;border:0;background:none;color:#a9b3c2;padding:5px 0}.viewport{position:relative;overflow:hidden;background:#e6e8e9;min-width:0}.viewport-top{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;gap:10px;padding:22px;pointer-events:none}.model-heading{display:flex;gap:9px;align-items:flex-start;color:#222b35}.model-heading h2{font-size:13px;font-weight:600;margin:0 0 5px}.model-heading p{font-size:9px;color:#65707c;margin:0;max-width:230px}.status-dot{margin-top:4px;width:6px;height:6px;border-radius:50%;background:#4c8062}.mode-switch{display:flex;align-self:flex-start;padding:3px;border:1px solid #c8cdd2;background:#f5f6f7d9;border-radius:5px;pointer-events:auto;white-space:nowrap}.mode-switch button{font-size:10px;color:#5b636e;padding:7px 10px;background:none;border:0;border-radius:3px}.mode-switch button.active{background:#28323d;color:#fff}.stage{position:absolute;inset:0}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.stage svg{width:100%;height:100%;touch-action:none;display:block}.viewport-bottom{display:flex;justify-content:center;gap:12px;position:absolute;bottom:22px;left:10px;right:10px;pointer-events:none}.viewport-bottom>*{pointer-events:auto}.camera-tools{display:flex;gap:3px;padding:4px;background:#f8f9fae6;border:1px solid #c9ced3;border-radius:6px;box-shadow:0 3px 12px #0000000a}.camera-tools button{padding:7px 9px;border:0;background:transparent;color:#55616f;border-radius:3px;font-size:9px}.camera-tools button.active,.camera-tools button:hover{background:#dde3e9;color:#202a35}.viewport-bottom .icon-button{height:34px;color:#536170;background:#f8f9fae6;border-color:#c9ced3}.inspector{border-left:1px solid var(--line);padding:25px 19px;background:var(--panel);overflow:auto;display:flex;flex-direction:column}.inspector-icon{color:#758192;font-size:30px;margin:34px 0 25px}.inspector h2{font-size:17px;line-height:1.4;font-weight:500}.inspector p{font-size:11px}.shortcut{margin-top:27px;display:grid;grid-template-columns:auto 1fr;gap:15px 10px;align-items:center;font-size:9px;color:#8f99a8}kbd{padding:4px 5px;border:1px solid #3f4956;border-radius:3px;font-size:8px;color:#c1c8d2;white-space:nowrap}.development-note{margin-top:auto;padding-top:35px}.development-note>span{border:1px solid #55514c;color:#c5b39f;border-radius:3px;padding:4px 6px;font-size:7px;letter-spacing:1px}.development-note p{font-size:9px;margin-top:12px}.statusbar{height:31px;padding:0 18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:9px;color:#8d98a7;gap:20px}.statusbar b{color:var(--accent);padding:0 8px}.statusbar>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.statusbar>span:last-child{white-space:nowrap;font-size:8px}.search{display:flex;align-items:center;border:1px solid #404957;border-radius:5px;background:#151b23;padding:0 9px;gap:8px;margin-bottom:10px}.search span{font-size:20px;color:#8e99a9}input,select,textarea{color:#e2e6ec;background:#141b23;border:1px solid #414b59;border-radius:4px;padding:9px;max-width:100%;min-width:0}select{font-size:11px;padding:8px 6px}input[type=range]{accent-color:var(--accent);padding:0;width:100%;height:25px}input[type=color]{padding:3px;width:55px;height:31px}input[type=checkbox]{accent-color:var(--accent)}input[type=number]{width:100%}.search input{border:0;background:none;width:100%;font-size:11px;padding:11px 0}.filters{display:flex;gap:7px}.filters>*{width:50%;min-width:0}.catalog-results{margin:15px 0}.vehicle-card{border:1px solid #38414c;border-radius:5px;overflow:hidden;margin:9px 0;background:#252c36;cursor:pointer;display:block;color:inherit;text-align:left;width:100%;padding:0}.vehicle-card:hover{border-color:var(--accent)}.vehicle-card img{background:#f5f5f3;width:100%;height:116px;object-fit:contain;padding:6px;display:block}.vehicle-card .card-info{padding:10px 11px}.vehicle-card strong{font-size:11px;font-weight:500;line-height:1.5;display:block}.vehicle-card small{font-size:9px;color:#9ba7b5;display:block;margin-top:4px}.vehicle-card .badge{font-size:8px;float:right;color:var(--accent);border:1px solid #866042;border-radius:3px;padding:3px 5px;margin:0 0 4px 5px}.vehicle-card .model-preview{height:116px;background:#394347;display:flex;align-items:center;justify-content:center;font-size:44px;color:#cad5c5}.catalog-results .empty{font-size:11px;color:#a3acb7;padding:10px}label{font-size:10px;color:#aeb8c5;display:block;margin:16px 0 8px}label>select,label>textarea,label>input:not([type=color]):not([type=checkbox]){display:block;width:100%;margin-top:8px}label.check{display:flex;align-items:center;gap:7px;line-height:1.6}.color-row{display:flex;justify-content:space-between;align-items:center}.swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:15px 0 25px}.swatches button{height:25px;border-radius:50%;border:2px solid #737a84}.studio-options{display:flex;flex-direction:column;gap:6px}.studio-options button{display:flex;gap:10px;align-items:center;background:transparent;border:1px solid #3e4753;padding:9px;border-radius:4px;font-size:10px;color:#b8c0cb}.studio-options button.chosen{border-color:#b5784a;background:#f1975610}.studio-options span{width:17px;height:17px;border-radius:50%;display:block}.light-dot{background:#e5e8e7}.dark-dot{background:#373e48;border:1px solid #606d7e}.warm-dot{background:#c3b6a7}output{float:right;color:#7d899a;font-size:10px}.two-buttons{display:flex;gap:7px;margin-top:9px}.two-buttons>*{flex:1;font-size:9px;padding:9px 5px}.layer-row,.project-row{padding:12px;background:#262e38;border:1px solid #3b4653;border-radius:4px;margin:8px 0;width:100%;text-align:left}.layer-row.selected{border-color:var(--accent)}.layer-row strong,.project-row strong{display:block;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row small,.project-row small{display:block;font-size:9px;color:#929eac;margin-top:6px}.loading{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#e9eceff2;color:#24303d}.loading strong{font-weight:500;font-size:15px}.loading small{font-size:11px;color:#76818f}.spinner{width:27px;height:27px;border:2px solid #c9ced5;border-top-color:#b67b4d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:55px;left:50%;transform:translateX(-50%);z-index:30;background:#151e2a;border:1px solid #677284;color:#fff;padding:14px 22px;border-radius:6px;font-size:12px;box-shadow:0 5px 25px #0004;max-width:85vw}dialog{color:#e8ebef;background:#202732;border:1px solid #4b5666;border-radius:10px;padding:36px;width:520px;max-width:94vw;box-shadow:0 24px 80px #0008}dialog::backdrop{background:#0e1420b3;backdrop-filter:blur(5px)}dialog h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0 0 16px}dialog p{font-size:12px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#aeb8c6;font-size:23px}.export-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px 0}.export-options button{display:flex;flex-direction:column;text-align:left;gap:10px;border:1px solid #4d5969;background:#293340;padding:18px 14px;border-radius:5px}.export-options b{font-size:13px;letter-spacing:1px;color:var(--accent)}.export-options span{font-size:10px;color:#aeb8c6}dialog a{color:var(--accent)}#element-inspector textarea{resize:vertical;min-height:65px}.sidebar .empty{padding:16px 0;font-size:11px;color:var(--muted)}@media(max-width:1150px){.workspace{grid-template-columns:56px 230px minmax(250px,1fr) 205px}.panel{padding:22px 16px}.app-header{gap:20px;padding:0 16px}.brand>span{display:none}.brand i{display:none}.viewport-top{padding:17px;flex-wrap:wrap}.model-heading p{max-width:180px}.inspector{padding:22px 14px}.camera-tools button{padding:7px 6px;font-size:8px}}@media(max-width:850px){.workspace{grid-template-columns:55px 220px minmax(200px,1fr)}.inspector{position:absolute;right:12px;top:150px;width:205px;z-index:8;max-height:calc(100dvh - 220px);border:1px solid #4a5666;border-radius:7px;display:none;box-shadow:0 6px 25px #0003}.inspector.has-selection{display:block}.development-note{display:none}.app-header{height:66px}.workspace{height:calc(100dvh - 97px)}.header-actions .button{font-size:10px;padding:9px}.project-title{display:none}.header-actions{margin-left:auto}.statusbar>span:last-child{display:none}}@media(max-width:600px){.workspace{grid-template-columns:50px 1fr;grid-template-rows:minmax(290px,56%) 1fr}.rail{grid-row:1/3;grid-column:1;padding:5px 2px}.rail button{padding:9px 0}.rail small{font-size:7px}.sidebar{grid-row:2;grid-column:2;border-top:1px solid var(--line)}.viewport{grid-row:1;grid-column:2}.panel{padding:18px}.panel-heading{margin-bottom:15px}.panel h1{font-size:22px}.tool-grid{grid-template-columns:repeat(4,1fr)}.tool-grid button,.tool-grid label{min-height:64px}.tool-grid span{font-size:8px}.mini-guide{display:none}.viewport-top{padding:12px;gap:5px}.model-heading h2{font-size:11px}.model-heading p{font-size:8px;max-width:180px}.mode-switch button{font-size:8px;padding:5px}.viewport-bottom{bottom:8px;gap:5px}.camera-tools{gap:0;padding:2px}.camera-tools button{padding:6px 4px;font-size:7px}.viewport-bottom .icon-button{width:26px;height:29px}.inspector{top:96px;right:7px;width:190px}.brand b{font-size:19px}.app-header{padding:0 12px;height:58px;gap:8px}.header-actions{gap:5px}.header-actions .icon-button{width:27px;height:28px;font-size:17px}.header-actions .button{padding:8px;font-size:9px}#save{font-size:0}#save:after{content:'Speichern';font-size:9px}.workspace{height:calc(100dvh - 87px)}.statusbar{height:29px;font-size:8px;padding:0 10px}.catalog-results{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vehicle-card{margin:0}.vehicle-card img{height:100px}.swatches{display:flex}.swatches button{width:28px}.studio-options{flex-direction:row}.studio-options button{font-size:9px;flex:1}.panel-divider{margin:15px 0}.panel>.hint{max-width:400px}.export-options{grid-template-columns:1fr 1fr}.project-title{display:none}}