*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:#f7f4ef;height:100vh;font-family:Inter,sans-serif;overflow:hidden}#root{height:100vh}.toolbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-bottom:1px solid #e8e2da;justify-content:space-between;align-items:center;height:72px;padding:8px 20px;display:flex;position:fixed;top:0;left:0;right:0}.app-name-group{flex-direction:column;gap:2px;display:flex}.app-name{color:#2d2d2d;font-family:BioRhyme Expanded,serif;font-size:20px;font-weight:700}.app-name span{color:#7c6af7}.app-tagline{color:#999;white-space:nowrap;font-size:11px;line-height:1.3}.toolbar-actions{gap:10px;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.hamburger span{background:#2d2d2d;border-radius:2px;height:2px;transition:all .2s;display:block}.mobile-menu{z-index:200;background:#fff;border:1px solid #ede8e0;border-radius:14px;min-width:180px;position:fixed;top:72px;right:12px;overflow:hidden;box-shadow:0 4px 24px #00000021}.mobile-menu-item{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f3eee8;width:100%;padding:14px 18px;font-size:14px;font-weight:500;display:block}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background:#faf8f5}.mobile-menu-item.active{color:#7c6af7}.mobile-menu-backdrop{z-index:199;position:fixed;inset:0}@media (width<=600px){.toolbar-desktop{display:none}.hamburger{display:flex}.app-name{font-size:16px}.app-tagline{display:none}}.btn{cursor:pointer;border:none;border-radius:100px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.btn-primary{color:#fff;background:#7c6af7}.btn-primary:hover{background:#6857e0}.btn-ghost{color:#555;background:0 0;border:1px solid #ddd}.btn-ghost:hover{background:#f0ede8}.btn-connect{color:#555;background:0 0;border:1px solid #ddd}.btn-connect:hover{background:#f0ede8}.btn-connect.active{color:#fff;background:#ef4444;border-color:#ef4444}.btn-connect.active:hover{background:#dc2626;border-color:#dc2626}.connect-mode-border{z-index:99;pointer-events:none;border:4px solid #22c55e;position:fixed;inset:0}.connect-mode-banner{color:#fff;z-index:98;white-space:nowrap;letter-spacing:.04em;background:#22c55e;border-radius:0 0 12px 12px;padding:5px 20px;font-size:12px;font-weight:600;position:fixed;top:72px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #22c55e4d}.canvas{background:#f7f4ef radial-gradient(circle,#d8d2c8 1px,#0000 1px) 0 0/28px 28px;position:fixed;inset:72px 0 0;overflow:hidden}.canvas.connect-mode{cursor:crosshair}.blob-wrapper{-webkit-user-select:none;user-select:none;cursor:grab;z-index:1;-webkit-tap-highlight-color:transparent;outline:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute}.blob-wrapper:active{cursor:grabbing}.blob-svg{display:block}.blob-wrapper.selected .blob-svg{filter:drop-shadow(0 0 10px #7c6af780)}.blob-wrapper.connecting-source .blob-svg{filter:drop-shadow(0 0 14px #7c6af7e6)}.blob-name{color:#333;white-space:nowrap;cursor:default;background:#ffffffe0;border:1px solid #00000014;border-radius:100px;padding:3px 10px;font-family:Nunito,sans-serif;font-size:13px;font-weight:600;transition:border-color .15s}.blob-name:hover,.blob-wrapper.selected .blob-name{border-color:#7c6af7}@keyframes wobble1{0%,to{transform:rotate(0)}30%{transform:rotate(1.5deg)}70%{transform:rotate(-1deg)}}@keyframes wobble2{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}65%{transform:rotate(1.2deg)}}@keyframes wobble3{0%,to{transform:rotate(0)}40%{transform:rotate(1deg)}80%{transform:rotate(-1.5deg)}}.editor{z-index:50;background:#fff;border:1px solid #ede8e0;border-radius:16px;width:230px;max-height:calc(100vh - 105px);padding:18px;position:fixed;top:88px;right:16px;overflow-y:auto;box-shadow:0 4px 24px #0000001a}.editor::-webkit-scrollbar{width:4px}.editor::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.editor-title{letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:14px;font-size:11px}.editor-section{margin-bottom:16px}.editor-label{color:#666;margin-bottom:8px;font-size:12px}.editor hr{border:none;border-top:1px solid #f0eae2;margin:4px 0 16px}.color-row{flex-wrap:wrap;gap:7px;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:transform .1s}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:#333}.size-row{gap:6px;display:flex}.size-btn{color:#555;cursor:pointer;text-align:center;background:#faf8f5;border:1px solid #e0dad2;border-radius:8px;flex:1;padding:6px;font-size:12px}.size-btn.active{color:#fff;background:#7c6af7;border-color:#7c6af7}.face-grid{grid-template-columns:1fr 1fr 1fr;gap:6px;display:grid}.face-btn{cursor:pointer;text-align:center;color:#666;background:#faf8f5;border:1px solid #e0dad2;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:9px;display:flex}.face-btn.active{background:#eef;border-color:#7c6af7}.name-input{color:#333;background:#faf8f5;border:1px solid #e0dad2;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:Nunito,sans-serif;font-size:13px}.name-input:focus{border-color:#7c6af7}.desc-input{color:#444;resize:none;background:#faf8f5;border:1px solid #e0dad2;border-radius:8px;outline:none;width:100%;min-height:80px;padding:8px 10px;font-family:Inter,sans-serif;font-size:12px;line-height:1.5}.desc-input:focus{border-color:#7c6af7}.desc-input::placeholder{color:#bbb}.delete-part-btn{color:#ef4444;cursor:pointer;text-align:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;width:100%;padding:8px;font-size:12px;font-weight:500}.delete-part-btn:hover{background:#fee2e2;border-color:#ef4444}.name-tooltip{z-index:300;color:#fff;pointer-events:none;white-space:pre-wrap;word-break:break-word;background:#1e1a2eed;border-radius:12px;max-width:240px;padding:10px 14px;font-size:13px;line-height:1.5;position:fixed;box-shadow:0 4px 16px #00000038}.line-editor{z-index:300;background:#fff;border:1px solid #e0dad2;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:fixed;box-shadow:0 4px 20px #0000001f}.line-label-input{color:#333;background:0 0;border:none;outline:none;width:150px;font-family:Inter,sans-serif;font-size:13px}.line-delete-btn{cursor:pointer;color:#bbb;background:0 0;border:none;padding:0;font-size:15px;line-height:1}.line-delete-btn:hover{color:#e879a0}.toast{color:#fff;opacity:0;pointer-events:none;z-index:200;background:#2d2d2d;border-radius:100px;padding:10px 20px;font-size:13px;transition:opacity .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.empty-state{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state p{color:#aaa;margin-top:8px;font-size:15px}