:root{--bg-color:#ffffff;--panel-bg:#ffffff;--text-main:#333333;--accent:#d4af37;--accent-hover:#b5952f;--border:#e0e0e0;--input-bg:#f9f9f9;--measure-color:#ff3333;--snap-inner-color:#0088ff;--snap-axis-color:#00aa44;--row-hover:#f0f0f0;--selected-row:rgba(212,175,55,0.15)}.studio-3d-container{margin:0;overflow:hidden;background-color:var(--bg-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text-main);height:100vh}.app-container{display:flex;height:100%}.sidebar-3d{width:400px;background-color:var(--panel-bg);border-left:1px solid var(--border);padding:0;box-shadow:-5px 0 20px rgba(0,0,0,.08);display:flex;flex-direction:column;z-index:10;overflow:hidden}.tabs-3d{display:flex;background:#ffffff;border-bottom:1px solid var(--border)}.tab-btn-3d{flex:1;padding:15px;background:transparent;color:#666;cursor:pointer;font-weight:700;font-size:.95rem;transition:all .2s;border:none;border-bottom:3px solid transparent}.tab-btn-3d.active{color:var(--accent);border-bottom-color:var(--accent);background:rgba(212,175,55,.05)}.tab-btn-3d:hover:not(.active){color:#333;background:#f9f9f9}.sidebar-content-3d{padding:20px;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;gap:15px}.canvas-container-3d{flex-grow:1;position:relative;background:#ffffff;cursor:default}.studio-3d-container h1{font-size:1.6rem;color:#222;font-weight:700;border-bottom:1px solid var(--border);padding-bottom:15px;margin:0 0 10px}.studio-3d-container h2{font-size:.9rem;margin:0 0 10px;color:#666;text-transform:uppercase;letter-spacing:1px;font-weight:600}.control-group-3d{background:#ffffff;padding:15px;border-radius:8px;border:1px solid var(--border);box-shadow:0 2px 8px rgba(0,0,0,.03);margin-bottom:15px}.control-group-3d label{display:block;margin-bottom:8px;font-size:.9rem;color:#555;font-weight:500}.input-row-3d{display:flex;align-items:center;gap:10px;margin-bottom:12px}.input-row-3d:last-child{margin-bottom:0}.control-group-3d input[type=number],.control-group-3d select{background:var(--input-bg);border:1px solid #ccc;color:#333;padding:8px;border-radius:4px;font-size:1rem;transition:border-color .2s}.control-group-3d input[type=number]:focus,.control-group-3d select:focus{border-color:var(--accent);outline:none}.control-group-3d input[type=number]{width:70px;text-align:center}.control-group-3d select{flex-grow:1;cursor:pointer}.control-group-3d input[type=range]{flex-grow:1;accent-color:var(--accent);cursor:pointer}.color-options-3d{display:flex;gap:10px}.color-option-3d{flex:1;height:36px;border-radius:6px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#555;background:#eee;transition:all .2s;box-shadow:0 1px 3px rgba(0,0,0,.1)}.color-option-3d:hover{transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,.15)}.color-option-3d.selected{border-color:#333;transform:scale(.98)}.c-yellow{background:linear-gradient(135deg,#FDD074,#D4AF37);color:#5c4000}.c-white{background:linear-gradient(135deg,#FFFFFF,#D0D0D0);color:#444}.c-rose{background:linear-gradient(135deg,#FAD0C4,#E6A29C);color:#5c201a}.profile-select-container-3d{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.profile-option-3d{background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px 5px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center}.profile-option-3d:hover{border-color:#bbb;transform:translateY(-1px)}.profile-option-3d.selected{border-color:var(--accent);background:rgba(212,175,55,.08);box-shadow:0 0 0 1px var(--accent)}.profile-option-3d span{display:block;font-size:.75rem;color:#555;margin-top:5px;line-height:1.2}.profile-svg{width:32px;height:32px;fill:#555}.profile-option-3d.selected .profile-svg{fill:var(--accent)}.toggle-row-3d{display:flex;justify-content:space-between;align-items:center;background:#f8f8f8;padding:10px;border-radius:6px;border:1px solid #eee;margin-bottom:15px}.toggle-switch-3d{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch-3d input{opacity:0;width:0;height:0}.slider-3d{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:24px}.slider-3d,.slider-3d:before{position:absolute;transition:.4s}.slider-3d:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;border-radius:50%}input:checked+.slider-3d{background-color:var(--accent)}input:checked+.slider-3d:before{transform:translateX(20px)}.toggle-label-3d{font-weight:700;color:#444;font-size:.95rem}.upload-section-3d{background:#fff;border:2px dashed #ccc;border-radius:8px;padding:30px;text-align:center;cursor:pointer;transition:all .2s}.upload-section-3d:hover{border-color:var(--accent);background:#fffdf5}.upload-icon-3d{font-size:2rem;color:#aaa;margin-bottom:10px;display:block}.weight-table-3d{width:100%;border-collapse:collapse;font-size:.9rem;background:white;border:1px solid #eee;border-radius:6px;overflow:hidden}.weight-table-3d th{text-align:right;padding:10px;background:#f4f4f4;color:#555;font-weight:600;border-bottom:1px solid #ddd}.weight-table-3d td{padding:10px;border-bottom:1px solid #eee}.weight-table-3d tr:hover{background-color:var(--row-hover)}.btn-3d{border:none;padding:12px;border-radius:6px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;width:100%;display:block;text-align:center}.primary-btn-3d{background-color:var(--accent);color:#fff;margin-top:auto;box-shadow:0 2px 5px rgba(212,175,55,.3)}.primary-btn-3d:hover{background-color:var(--accent-hover);transform:translateY(-1px)}.secondary-btn-3d{background-color:#e9ecef;color:#333;border:1px solid #ced4da;margin-bottom:10px}.secondary-btn-3d:hover{background-color:#dde2e6}.btn-3d.measure-active{background-color:var(--measure-color);color:white;animation:pulse 2s infinite}.hidden-3d{display:none!important}.file-input-3d{display:none}.measure-hud-3d{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);background:rgba(30,30,30,.85);color:#fff;padding:10px 25px;border-radius:50px;font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:10px;z-index:30;pointer-events:none;opacity:0;transition:opacity .3s ease}.measure-hud-3d.visible{opacity:1}.measure-value-3d{color:var(--measure-color);font-family:monospace;font-size:1.3rem}.snap-tooltip-3d{position:fixed;background:rgba(0,0,0,.8);color:white;padding:5px 10px;border-radius:4px;font-size:.8rem;pointer-events:none;display:none;z-index:1000;white-space:nowrap;font-weight:600;box-shadow:0 3px 10px rgba(0,0,0,.3)}.snap-tooltip-3d.inner-snap{background:var(--snap-inner-color)}.snap-tooltip-3d.axis-snap{background:var(--snap-axis-color)}.view-controls-3d{position:absolute;top:20px;left:20px;display:flex;gap:10px;background:rgba(255,255,255,.9);padding:8px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:20}.view-btn-3d{background:transparent;border:1px solid #ccc;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:.85rem;color:#555;transition:all .2s;display:flex;align-items:center;gap:6px}.view-btn-3d:hover{background:#f0f0f0;border-color:#bbb}.view-btn-3d.active{background:var(--accent);color:white;border-color:var(--accent)}.view-btn-3d.measure-active{background-color:var(--measure-color);color:white;border-color:var(--measure-color);animation:pulse 2s infinite}.view-icon-3d{width:14px;height:14px;fill:currentColor}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,51,51,.4)}70%{box-shadow:0 0 0 10px rgba(255,51,51,0)}to{box-shadow:0 0 0 0 rgba(255,51,51,0)}}.loader-3d{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;justify-content:center;align-items:center;z-index:100;color:var(--accent);transition:opacity .5s;font-weight:700;font-size:1.2rem}.info-card-3d{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:15px;border:1px solid #eee}.info-label-3d{font-size:.85rem;color:#666;display:block;margin-bottom:3px}.info-value-3d{font-weight:700;color:#333;font-family:monospace;font-size:1rem}.studio-header-3d{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;padding:0 16px;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.3)}.header-logo-3d{display:flex;align-items:center;gap:12px}.header-logo-3d img{height:40px;width:auto}.header-title-3d{color:white;font-size:1.2rem;font-weight:600}.menu-toggle-3d{background:transparent;border:none;color:white;cursor:pointer;margin-right:16px;padding:8px;border-radius:8px;transition:background .2s}.menu-toggle-3d:hover{background:rgba(255,255,255,.1)}.mobile-menu-3d{position:fixed;top:60px;right:0;width:280px;height:calc(100vh - 60px);background:#1a1a2e;z-index:999;transform:translateX(100%);transition:transform .3s ease;padding:20px}.mobile-menu-3d.open{transform:translateX(0)}.mobile-menu-3d a{display:flex;align-items:center;gap:12px;padding:14px 16px;color:white;text-decoration:none;border-radius:8px;margin-bottom:8px;transition:background .2s}.mobile-menu-3d a:hover{background:rgba(255,255,255,.1)}@media (max-width:768px){.sidebar-3d{position:fixed;top:60px;right:0;width:100%;height:calc(100vh - 60px);transform:translateX(100%);transition:transform .3s ease;z-index:50}.sidebar-3d.open{transform:translateX(0)}.canvas-container-3d{height:calc(100vh - 60px)}}