html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:#0f1720;color:#1b2430;font-family:Segoe UI,Helvetica Neue,sans-serif}canvas{display:block}.app-shell{display:grid;grid-template-columns:400px minmax(0,1fr) minmax(0,1fr);width:100%;height:100%;background:#111827}.part-panel{height:100%;box-sizing:border-box;padding:4px;display:flex;flex-direction:column;gap:4px;overflow:hidden;background:radial-gradient(circle at top left,rgba(195,226,255,.75),transparent 34%),linear-gradient(180deg,#f8fafcf0,#e8eef6eb);border-right:1px solid rgba(15,23,42,.16);box-shadow:14px 0 34px #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-card{border:1px solid rgba(95,111,130,.16);border-radius:10px;background:#ffffff8a}.playback-card{flex:0 0 auto;padding:6px;display:flex;flex-direction:column;gap:5px}.panel-workspace{flex:1 1 auto;min-height:0;padding:0;display:flex;flex-direction:column;gap:4px}.viewport-pane,.result-pane{position:relative;min-width:0;min-height:0;overflow:hidden;background:#87ceeb}.result-pane{border-left:2px solid rgba(18,36,52,.28)}.viewport{width:100%;height:100%}.projection-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.projection-controls{display:flex;flex-direction:column;gap:8px}.projection-button-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.option-button-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:2px;border-radius:8px;background:#94a3b829}.option-button{height:25px;border:1px solid transparent;border-radius:6px;background:transparent;color:#64748b;cursor:pointer;font-size:12px;font-weight:800}.option-button:hover{background:#ffffff9e}.option-button.active{background:#1e88e524;color:#0f3d5f;border-color:#1e88e56b}.projection-select{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;color:#64748b;letter-spacing:.08em;text-transform:uppercase}.projection-select select{width:100%;height:30px;padding:0 8px;border:1px solid rgba(100,116,139,.28);border-radius:8px;background:#ffffffd1;color:inherit;outline:none}.asset-select-row{display:flex;align-items:end;gap:4px}.asset-add-button{flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(100,116,139,.28);border-radius:8px;background:#ffffffc2;color:#475569;cursor:pointer;font-size:18px;font-weight:700;line-height:1}.asset-add-button:hover{background:#fffffff5}.file-input{display:none}.projection-slider{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#475569}.projection-slider input{width:100%;accent-color:#1f6feb}.panel-tabs{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:2px;border-radius:9px;background:#94a3b82e}.panel-tab{height:28px;border:0;border-radius:7px;background:transparent;color:#64748b;cursor:pointer;font-weight:700}.panel-tab.active{background:#ffffffe6;color:#0f172a;box-shadow:0 8px 18px #3341551f}.parameter-page,.parts-page{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.parameter-page{overflow:auto;padding-right:4px}.control-section{padding:6px;display:flex;flex-direction:column;gap:5px;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:#f8fafc94}.control-section-title{font-size:11px;font-weight:800;color:#64748b;letter-spacing:.1em;text-transform:uppercase}.part-list{position:relative;flex:1 1 auto;overflow:auto;min-height:0}.part-browser{flex:1 1 auto;min-height:0;padding:5px;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(148,163,184,.2);border-radius:9px;background:#cbd5e16b}.part-list-spacer{position:relative;width:100%}.part-list-window{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;gap:1px}.part-row{display:flex;min-height:24px;align-items:stretch;margin-bottom:1px}.part-chip{flex:1 1 auto;min-height:24px;padding:3px 7px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(100,116,139,.22);border-radius:7px;background:#ffffffbd;color:inherit;cursor:pointer;text-align:left;box-shadow:0 3px 10px #3341550d;transition:background .12s ease,border-color .12s ease,transform .12s ease}.icon-chip{justify-content:center;text-align:center;font-size:13px;font-weight:800}.part-chip:hover,.panel-tab:hover{background:#fffffff5}.part-chip-label{display:inline-flex;align-items:center;gap:5px;min-width:0}.part-row-chip{width:100%}.all-part-chip{flex:0 0 24px;min-height:24px;height:24px}.parameter-page>.part-chip{flex:0 0 24px;min-height:24px;height:24px}.part-toggle-inline{width:14px;height:14px;flex:0 0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#64748b29;color:inherit;font-size:10px;font-weight:800;line-height:1}.part-toggle-inline.ghost{background:transparent}.part-swatch{width:12px;height:12px;flex:0 0 12px;border:1px solid rgba(15,23,42,.2);border-radius:999px}.part-chip.active{background:#1e88e524;color:#0f3d5f;border-color:#1e88e580;box-shadow:inset 3px 0 #1e88e5b8}