:root{--font-family-title: "Outfit", "Inter", sans-serif;--font-family-body: "Inter", sans-serif;--bg-primary: #F7F7F7;--bg-card: rgba(255, 255, 255, .8);--border-color: rgba(0, 0, 0, .08);--border-glass: rgba(255, 255, 255, .4);--color-text-main: #1D1D1F;--color-text-muted: #86868B;--primary: #4F46E5;--primary-hover: #4338CA;--danger: #EF4444;--danger-hover: #DC2626;--success: #10B981;--glass-bg: rgba(255, 255, 255, .75);--glass-blur: blur(12px) saturate(180%);--glass-shadow: 0 10px 40px -10px rgba(0, 0, 0, .08), 0 0 1px 1px rgba(255, 255, 255, .5) inset;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1);--border-radius-lg: 16px;--border-radius-md: 10px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:var(--font-family-body);background-color:var(--bg-primary);color:var(--color-text-main);height:100vh;width:100vw;overflow:hidden;-webkit-user-select:none;user-select:none}.floating-profile{position:fixed;top:20px;left:20px;display:flex;align-items:center;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:8px 16px;border-radius:14px;box-shadow:var(--glass-shadow);border:1px solid var(--border-glass);z-index:100;transition:var(--transition-smooth)}.floating-profile:hover{transform:translateY(2px);box-shadow:0 4px 15px #0000000d}.user-avatar{font-size:1.1rem;margin-right:8px}.user-info{display:flex;flex-direction:column;margin-right:12px}.user-role{font-family:var(--font-family-title);font-size:.65rem;color:var(--primary);font-weight:800;letter-spacing:.05em;text-transform:uppercase}.user-name{font-size:.85rem;font-weight:700;color:var(--color-text-main)}.btn-change-nickname{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.btn-change-nickname:hover{background-color:#0000000d;color:var(--primary)}.canvas-workspace.fullscreen-workspace{position:fixed;top:0;left:0;width:100vw;height:100vh;padding:0;overflow:hidden;z-index:1;background-color:var(--bg-primary)}.canvas-container-inner{position:absolute;top:0;left:0;width:100%;height:100%}.canvas-container-inner canvas{position:absolute;top:0;left:0;width:100%;height:100%;outline:none}.floating-control-panel{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 5px;background:#fff6;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-radius:14px;box-shadow:var(--glass-shadow);border:1px solid rgba(255,255,255,.4);z-index:100}.panel-btn{background:none;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth);position:relative}.panel-btn .icon{width:13px;height:13px;stroke-width:2.5px;transition:var(--transition-smooth)}.panel-btn .btn-label{display:none}.panel-btn:hover{color:var(--color-text-main);background-color:#0000000d}.panel-btn.active{color:var(--primary);background-color:#fff;box-shadow:0 4px 8px #4f46e51a}.panel-divider{width:16px;height:1px;background-color:var(--border-color);margin:3px 0}.color-palette-bar{position:fixed;bottom:20px;right:66px;display:flex;flex-direction:column;gap:6px;padding:6px 5px;background:#fff6;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:14px;box-shadow:var(--glass-shadow);border:1px solid rgba(255,255,255,.4);z-index:99;transform:translate(15px);opacity:0;pointer-events:none;transition:var(--transition-smooth)}.color-palette-bar.visible{transform:translate(0);opacity:1;pointer-events:auto}.color-swatch{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:var(--transition-smooth);box-shadow:inset 0 0 0 1px #0000000d}.color-swatch:hover{transform:scale(1.2)}.color-swatch.active{border-color:#fff;outline:2px solid var(--primary);transform:scale(1.1)}.color-swatch.add-color-btn{background:#ffffff40;border:1px dashed var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;color:var(--color-text-muted);box-shadow:none;-webkit-user-select:none;user-select:none}.color-swatch.add-color-btn:hover{background:#fff9;color:var(--primary);border-color:var(--primary);transform:scale(1.15)}.custom-picker-panel{position:fixed;bottom:20px;right:102px;width:144px;background:#ffffff73;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 30px #00000014;padding:8px 10px;z-index:101;display:flex;flex-direction:column;gap:8px;transform:translate(15px);opacity:0;pointer-events:none;transition:var(--transition-smooth)}.custom-picker-panel.active{transform:translate(0);opacity:1;pointer-events:auto}.picker-header{display:flex;justify-content:space-between;align-items:center;font-size:.65rem;font-weight:700;color:var(--color-text-main);-webkit-user-select:none;user-select:none}.picker-close{background:none;border:none;font-size:1.1rem;cursor:pointer;color:var(--color-text-muted);line-height:1}.color-map-container{position:relative;width:120px;height:90px;border-radius:6px;overflow:hidden;cursor:crosshair;border:1px solid rgba(0,0,0,.05)}#color-map{width:100%;height:100%;display:block}.color-map-cursor{position:absolute;width:8px;height:8px;border:1.5px solid white;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 2px #00000080;left:100%;top:0%}.hue-slider-container{width:120px;height:10px;position:relative;display:flex;align-items:center}.hue-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;outline:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red);cursor:pointer}.hue-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:1.5px solid var(--color-text-muted);box-shadow:0 1px 3px #0000004d;cursor:pointer;transition:var(--transition-smooth)}.hue-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.picker-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.picker-preview{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 2px #0000001a}.btn-picker-apply{padding:4px 10px!important;font-size:.65rem!important;height:22px!important;border-radius:6px!important}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{background:#fff;width:360px;border-radius:16px;box-shadow:0 20px 50px #00000026;overflow:hidden;transform:translateY(20px);transition:transform .25s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(0,0,0,.05)}.modal-overlay.active .modal-card{transform:translateY(0)}.modal-card.mini-card{width:320px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-color)}.modal-header h2{font-family:var(--font-family-title);font-size:1.1rem;font-weight:700;color:var(--color-text-main)}.modal-close-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--color-text-muted);transition:var(--transition-smooth)}.modal-close-btn:hover{color:var(--color-text-main)}.modal-body{padding:20px}.brick-spec-card{background-color:var(--bg-primary);border-radius:10px;padding:12px 14px;margin-bottom:18px;border:1px solid var(--border-color)}.spec-row{display:flex;justify-content:space-between;padding:6px 0;font-size:.8rem;border-bottom:1px dashed var(--border-color)}.spec-row:last-child{border-bottom:none}.spec-label{color:var(--color-text-muted)}.spec-value{font-weight:600;color:var(--color-text-main)}.spec-value.highlight-name{color:var(--primary);background:#4f46e50f;padding:1px 6px;border-radius:5px}.price-decay-highlight{background:#10b9810a;margin:4px -14px -12px;padding:10px 14px;border-radius:0 0 10px 10px;border-top:1px solid rgba(16,185,129,.12)}.text-primary{color:var(--success)}.bidding-form h3{font-size:.9rem;margin-bottom:4px;color:var(--color-text-main)}.form-helper-text{font-size:.7rem;color:var(--color-text-muted);margin-bottom:12px}.form-group{margin-bottom:12px;display:flex;flex-direction:column}.form-group label{font-size:.7rem;font-weight:600;color:var(--color-text-muted);margin-bottom:4px}.form-group input{padding:10px;border-radius:6px;border:1px solid #D1D1D6;font-size:.85rem;outline:none;transition:var(--transition-smooth)}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e514}.price-input-hint{font-size:.65rem;color:var(--color-text-muted);margin-top:2px}.price-input-hint.error{color:var(--danger);font-weight:600}.owner-actions-container{background:#10b9810a;border:1px solid rgba(16,185,129,.08);padding:12px;border-radius:10px;margin-bottom:18px}.info-text{font-size:.75rem;margin-bottom:8px;text-align:center}.success-text{color:var(--success);font-weight:600}.hidden{display:none!important}.btn{padding:10px 16px;border-radius:var(--border-radius-md);font-weight:600;font-size:.85rem;cursor:pointer;border:none;transition:var(--transition-smooth);display:inline-flex;justify-content:center;align-items:center}.btn-full{width:100%}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--bg-primary);color:var(--color-text-muted);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#e5e5ea;color:var(--color-text-main)}.btn-danger{background-color:#ef444414;color:var(--danger);border:1px solid rgba(239,68,68,.08)}.btn-danger:hover{background-color:var(--danger);color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:12px;border-top:1px solid var(--border-color)}.modal-footer.no-border{border-top:none;margin-top:0;padding-top:0}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:1100;width:380px;pointer-events:none}.toast{background:#1e1e1eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:10px 16px;border-radius:8px;font-size:.8rem;font-weight:500;box-shadow:0 10px 25px #0000001f;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;transform:translateY(-15px);opacity:0;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),opacity .25s ease;pointer-events:auto}.toast.visible{transform:translateY(0);opacity:1}.cursor-pointer-mode{cursor:default}.cursor-spray-mode{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><path d="M8 5L1 2.5M8 5L2.5 11" stroke="red" stroke-width="2.2" stroke-linecap="round"/><path d="M5.5 5l-2.5 1.5" stroke="red" stroke-width="1.8" stroke-linecap="round"/><g transform="rotate(-28 16 17)"><rect x="14" y="2" width="4" height="4" rx="0.4" stroke="black" stroke-width="2" /><path d="M11.5 7h9" stroke="black" stroke-width="2.5" stroke-linecap="round"/><rect x="9.5" y="8.5" width="13" height="19" rx="2" stroke="black" stroke-width="2.2"/><line x1="13.5" y1="23.5" x2="19.5" y2="23.5" stroke="black" stroke-width="3" stroke-linecap="round"/><circle cx="9.5" cy="18" r="1" fill="black" stroke="none" /></g></svg>') 8 5,crosshair}.cursor-bucket-mode{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%2303A9F4" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22a7 7 0 0 0 7-7c0-4.3-7-11-7-11S5 10.7 5 15a7 7 0 0 0 7 7z"/></svg>') 12 18,pointer}.login-intro-text{font-size:.8rem;color:var(--color-text-muted);text-align:center;margin-bottom:20px;line-height:1.4}.google-login-btn-container{display:flex;justify-content:center;align-items:center;padding:10px 0;width:100%}.dashboard-card{width:400px;background:#fff;border-radius:16px}.dashboard-body{display:flex;flex-direction:column;gap:16px;padding:20px}.user-profile-summary{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color)}.dashboard-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #00000014}.dashboard-user-info{display:flex;flex-direction:column;gap:2px}.dashboard-user-info h3{font-size:.95rem;font-weight:700;color:var(--color-text-main)}.dashboard-user-info span{font-size:.75rem;color:var(--color-text-muted)}.dashboard-tabs{display:flex;flex-direction:column}.dashboard-section-title{font-family:var(--font-family-title);font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px;letter-spacing:.05em}.dashboard-list-container{max-height:140px;overflow-y:auto;border:1px solid var(--border-color);border-radius:10px;background:#fff;padding:4px;display:flex;flex-direction:column;gap:4px}.dashboard-brick-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent}.dashboard-brick-item:hover{background:#4f46e50d;border-color:#4f46e533}.dashboard-brick-item .brick-coords{font-size:.8rem;font-weight:700;color:var(--primary)}.dashboard-brick-item .brick-value{font-size:.8rem;font-weight:600;color:var(--color-text-main)}.dashboard-history-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;background:#fff;border-bottom:1px solid var(--bg-primary);font-size:.75rem}.dashboard-history-item:last-child{border-bottom:none}.dashboard-history-item .history-left{display:flex;flex-direction:column;gap:2px}.dashboard-history-item .history-brick-id{font-weight:700;color:var(--color-text-main)}.dashboard-history-item .history-date{font-size:.65rem;color:var(--color-text-muted)}.dashboard-history-item .history-price{font-weight:600;color:var(--success)}.empty-list-text{font-size:.75rem;color:var(--color-text-muted);text-align:center;padding:20px 0;margin:0 auto}.mt-4{margin-top:16px}.nickname-display-container{display:flex;align-items:center;gap:6px;margin-bottom:2px}.btn-edit-nickname{background:none;border:none;cursor:pointer;font-size:.8rem;padding:2px;border-radius:4px;transition:var(--transition-smooth)}.btn-edit-nickname:hover{background:#0000000d}.nickname-edit-container{display:flex;align-items:center;gap:6px;margin-bottom:2px}.nickname-edit-container input{padding:4px 8px;font-size:.85rem;font-weight:700;border-radius:6px;border:1px solid #D1D1D6;width:120px;outline:none;color:var(--color-text-main);background:#fff}.nickname-edit-container input:focus{border-color:var(--primary)}.nickname-edit-container .edit-actions{display:flex;gap:4px}.nickname-edit-container button{padding:4px 8px;font-size:.7rem;font-weight:600;border-radius:6px;cursor:pointer;border:none;transition:var(--transition-smooth)}.nickname-edit-container .btn-save{background:var(--primary);color:#fff}.nickname-edit-container .btn-save:hover{background:var(--primary-hover)}.nickname-edit-container .btn-cancel{background:var(--bg-primary);color:var(--color-text-muted);border:1px solid var(--border-color)}.nickname-edit-container .btn-cancel:hover{background:#e5e5ea;color:var(--color-text-main)}