*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#1a1a1a;color:#e0e0e0;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:5px 16px;box-shadow:0 4px 12px #0000004d;z-index:100}.toolbar-left{display:flex;align-items:center;gap:8px}.toolbar-left h1{font-size:1.2em;font-weight:700;color:#fff;margin:0}.subtitle{font-size:.75em;color:#ffffffb3;font-weight:400}.toolbar-right{display:flex;gap:8px;align-items:center}.btn-toolbar{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:.85em;transition:all .2s}.btn-toolbar:hover{background:#ffffff40;transform:translateY(-1px)}.stats-group{display:flex;gap:8px}.model-count{background:#0000004d;padding:6px 12px;border-radius:4px;font-size:.9em;color:#ffffffe6}.workspace{display:flex;flex:1;overflow:hidden}.furniture-library,.profile-builder{width:280px;background:#252525;border-right:1px solid #3a3a3a;padding:12px;overflow-y:auto}.furniture-library h3{font-size:1.1em;margin-bottom:16px;color:#fff}.library-grid{display:flex;flex-direction:column;gap:8px}.library-item{background:#2d2d2d;border:2px solid #3a3a3a;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px}.library-item:hover{background:#353535;border-color:#667eea}.library-item.selected{background:#667eea;border-color:#764ba2}.thumbnail{font-size:2em;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:6px}.item-name{font-size:.9em;font-weight:500;flex:1}.viewport-container{width:calc(100% - 280px);position:relative;background:#1a1a1a}.parameter-panel{width:280px;background:#252525;border-left:1px solid #3a3a3a;padding:12px;overflow-y:auto}.parameter-panel h3,.profile-builder h3{font-size:1em;margin-bottom:12px;color:#667eea;border-bottom:2px solid #3a3a3a;padding-bottom:6px}.params-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.param-input{display:flex;flex-direction:column;gap:4px;position:relative}.param-input label{font-size:.75em;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px}.param-input input{background:#2d2d2d;border:1px solid #3a3a3a;color:#fff;padding:8px 35px 8px 8px;border-radius:4px;font-size:.95em;transition:border .2s;width:100%}.param-input input:focus{outline:none;border-color:#667eea}.unit{position:absolute;right:10px;bottom:9px;font-size:.75em;color:gray;pointer-events:none}.btn-primary{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:whi0px;font-size:.9x;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.info{margin-top:12px;padding:8px;background:#667eea1a;border-left:3px solid #667eea;border-radius:4px}.info p{font-size:.75em;color:#a0a0a0;line-height:1.4;margin:4px 0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.mode-switch{display:flex;gap:8px;margin-bottom:20px;background:#1a1a1a;padding:6px;border-radius:8px}.mode-switch button{flex:1;padding:10px;background:transparent;border:none;color:gray;cursor:pointer;border-radius:6px;font-size:.9em;transition:all .2s}.mode-switch button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.mode-switch button:hover:not(.active){background:#2d2d2d;color:#a0a0a0}.profile-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.profile-type-btn{padding:8px 4px;background:#2d2d2d;border:2px solid #3a3a3a;color:#e0e0e0;cursor:pointer;border-radius:6px;font-size:.75em;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.profile-type-btn:hover{background:#353535;border-color:#667eea;transform:translateY(-2px)}.profile-type-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#764ba2;color:#fff;font-weight:600}.editor-header{display:flex;justify-content:space-between;align-items:ce12px;padding-bottom:8px;border-bottom:2px solid #3a3a3a}.editor-header h3{font-size:1em;color:#667eea;margin:0}.btn-delete{background:#e74c3c33;border:1px solid #e74c3c;color:#e74c3c;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:er;font-size:1.1em;transition:all .2s}.btn-delete:hover{background:#e74c3c;color:#fff;transform:scale(1.1)}.section{margin-bottom:16px}.section h4{font-size:.8em;color:#a0a0a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #3a3a3a}.param-input.highlight{background:#667eea1a;padding:6px;border-radius:4px;border-left:3px solid #667eea}.help-button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.95em;transition:all .2s}.help-button:hover{background:#ffffff40;transform:translateY(-1px)}.help-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-content{background:#252525;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 10px 40px #00000080;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.help-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.help-header h2{margin:0;font-size:1.5em}.close-btn{background:#fff3;border:none;color:#fff;font-size:1.5em;width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all .2s}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.help-body{padding:24px;overflow-y:auto;max-height:calc(80vh - 80px)}.help-body section{margin-bottom:24px}.help-body h3{font-size:1.1em;color:#667eea;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid #3a3a3a}.help-body ul{list-style:none;padding:0;margin:0}.help-body li{padding:8px 0 8px 24px;position:relative;line-height:1.6;color:#d0d0d0}.help-body li:before{content:"▸";position:absolute;left:0;color:#667eea;font-weight:700}.help-body strong{color:#fff}.profile-types{display:grid;gap:8px;margin-top:12px}.profile-types div{background:#2d2d2d;padding:10px 12px;border-radius:6px;border-left:3px solid #667eea;color:#d0d0d0}.profile-types strong{color:#fff}@media (max-width: 900px){.toolbar{flex-direction:column;gap:8px;padding:8px 12px}.toolbar-left h1{font-size:1.2em}.toolbar-right{flex-wrap:wrap;justify-content:center}.btn-toolbar{padding:6px 10px;font-size:.8em}.workspace{flex-direction:column}.profile-builder,.furniture-library{width:100%;max-height:30vh;border-right:none;border-bottom:1px solid #3a3a3a}.viewport-container{width:100%;flex:1;min-height:40vh}.parameter-panel{width:100%;max-height:30vh;border-left:none;border-top:1px solid #3a3a3a}}@media (max-width: 600px){.toolbar-left h1{font-size:1em}.subtitle{font-size:.7em}.toolbar-right{gap:6px}.btn-toolbar{padding:5px 8px;font-size:.75em}.stats-group{display:none}}