.oz-builder{display:flex;flex-direction:column;width:100vw;height:100vh;background:#0d0d0d;color:#e0e0e0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.oz-builder.oz-loading{display:flex;align-items:center;justify-content:center;gap:16px;font-size:16px;color:#888}.oz-spinner{width:24px;height:24px;border:2px solid #333;border-top-color:#c9a24d;border-radius:50%;animation:oz-spin .8s linear infinite}@keyframes oz-spin{to{transform:rotate(360deg)}}.oz-body{display:flex;flex:1;overflow:hidden}.oz-toolbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:#141414;border-bottom:1px solid #252525;flex-shrink:0;z-index:100}.oz-toolbar-left,.oz-toolbar-center,.oz-toolbar-right{display:flex;align-items:center;gap:8px}.oz-toolbar-logo{font-size:18px;font-weight:800;background:linear-gradient(135deg,#c9a24d,#e6c97a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-right:8px}.oz-project-name{font-size:13px;font-weight:500;color:#999;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oz-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:#999;cursor:pointer;transition:all .15s}.oz-toolbar-btn:hover:not(:disabled){background:#252525;color:#e0e0e0}.oz-toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.oz-back-btn{margin-right:4px}.oz-toolbar-separator{width:1px;height:24px;background:#333;margin:0 4px}.oz-zoom-controls{display:flex;align-items:center;gap:2px}.oz-zoom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1e1e1e;border:1px solid #333;border-radius:4px;color:#ccc;font-size:11px;padding:4px 8px;cursor:pointer;text-align:center;width:64px}.oz-zoom-select:hover{border-color:#555}.oz-save-status{font-size:11px;color:#555;transition:color .3s}.oz-save-status.saving{color:#c9a24d}.oz-save-status.saved{color:#4caf50}.oz-publish-btn{padding:6px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#c9a24d,#b8942e);color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.oz-publish-btn:hover{background:linear-gradient(135deg,#d4ad57,#c9a24d);box-shadow:0 2px 12px #c9a24d4d;transform:translateY(-1px)}.oz-left-sidebar{width:220px;background:#141414;border-right:1px solid #252525;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.oz-sidebar-tabs{display:flex;border-bottom:1px solid #252525;flex-shrink:0}.oz-sidebar-tab{flex:1;padding:10px 0;border:none;background:transparent;color:#666;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;border-bottom:2px solid transparent}.oz-sidebar-tab.active{color:#c9a24d;border-bottom-color:#c9a24d}.oz-sidebar-tab:hover:not(.active){color:#999}.oz-element-library{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px;overflow-y:auto}.oz-element-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 8px;border-radius:10px;background:#1a1a1a;border:1px solid #252525;cursor:grab;transition:all .2s}.oz-element-card:hover{background:#222;border-color:#c9a24d40;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.oz-element-card:active{cursor:grabbing;transform:scale(.95)}.oz-element-card-icon{color:#c9a24d;opacity:.8}.oz-element-card-label{font-size:10px;color:#888;font-weight:500}.oz-layers-panel{flex:1;overflow-y:auto;padding:4px}.oz-layer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:all .15s;font-size:12px}.oz-layer-item:hover{background:#1e1e1e}.oz-layer-item.active{background:#c9a24d18;border-left:2px solid #c9a24d}.oz-layer-item.locked{opacity:.5}.oz-layer-type{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#252525;color:#c9a24d;font-size:10px;font-weight:700;flex-shrink:0}.oz-layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ccc}.oz-layer-visibility{background:none;border:none;cursor:pointer;font-size:12px;opacity:.5;padding:2px}.oz-layer-visibility:hover{opacity:1}.oz-empty-layers{display:flex;flex-direction:column;align-items:center;gap:4px;padding:32px 16px;text-align:center;color:#555;font-size:13px}.oz-hint{font-size:11px;color:#444}.oz-canvas{flex:1;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 50%,#1a1a1a,#0d0d0d)}.oz-canvas-surface{box-shadow:0 0 60px #00000080;transition:none}.oz-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:8px 8px}.oz-selection-box{position:absolute;border:1px solid #c9a24d;background:#c9a24d14;pointer-events:none;z-index:9999}.oz-zoom-badge{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:4px 12px;font-size:11px;color:#888;pointer-events:none;opacity:.7}.oz-element{position:absolute;transition:box-shadow .15s}.oz-element:hover:not(.oz-selected):not(.oz-locked){outline:1px dashed rgba(201,162,77,.4)}.oz-element.oz-dragging{opacity:.85}.oz-selection-border{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:2px solid #c9a24d;pointer-events:none;border-radius:inherit}.oz-resize-handle{position:absolute;background:#fff;border:2px solid #c9a24d;border-radius:2px;z-index:10}.oz-resize-handle:hover{background:#c9a24d}.oz-lock-badge{position:absolute;top:-24px;left:0;font-size:14px;pointer-events:none}.oz-editing{outline:2px solid #c9a24d!important;outline-offset:2px;border-radius:4px}.oz-image-placeholder,.oz-video-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f0f0f0;border:2px dashed #ccc;border-radius:inherit;color:#999;font-size:12px}.oz-properties-panel{width:260px;background:#141414;border-left:1px solid #252525;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.oz-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #252525;font-size:13px;font-weight:600;color:#e0e0e0;flex-shrink:0}.oz-panel-actions{display:flex;gap:4px}.oz-panel-action-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:4px;border-radius:4px;transition:background .15s}.oz-panel-action-btn:hover{background:#252525}.oz-panel-action-btn.oz-danger:hover{background:#3d1515}.oz-panel-body{flex:1;overflow-y:auto;padding:12px}.oz-panel-section-title{font-size:10px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px;padding-bottom:4px;border-bottom:1px solid #1e1e1e}.oz-panel-section-title:first-child{margin-top:0}.oz-prop-field{margin-bottom:8px}.oz-prop-field.oz-prop-row{display:flex;align-items:center;gap:8px}.oz-prop-label{display:block;font-size:11px;color:#777;margin-bottom:3px;font-weight:500}.oz-prop-input{width:100%}.oz-input{width:100%;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#e0e0e0;font-size:12px;padding:6px 8px;outline:none;transition:border-color .15s}.oz-input:focus{border-color:#c9a24d}.oz-input-sm{width:100%}.oz-prop-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:6px;margin-bottom:8px}.oz-prop-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.oz-layer-controls{display:flex;gap:4px;margin-bottom:8px}.oz-align-buttons{display:flex;gap:2px}.oz-align-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid #333;border-radius:4px;background:#1a1a1a;color:#888;font-size:10px;cursor:pointer;transition:all .15s}.oz-align-btn:hover{background:#252525;color:#e0e0e0}.oz-align-btn.active{background:#c9a24d30;border-color:#c9a24d;color:#c9a24d}.oz-left-sidebar::-webkit-scrollbar,.oz-panel-body::-webkit-scrollbar,.oz-layers-panel::-webkit-scrollbar,.oz-element-library::-webkit-scrollbar{width:4px}.oz-left-sidebar::-webkit-scrollbar-track,.oz-panel-body::-webkit-scrollbar-track,.oz-layers-panel::-webkit-scrollbar-track,.oz-element-library::-webkit-scrollbar-track{background:transparent}.oz-left-sidebar::-webkit-scrollbar-thumb,.oz-panel-body::-webkit-scrollbar-thumb,.oz-layers-panel::-webkit-scrollbar-thumb,.oz-element-library::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.oz-left-sidebar::-webkit-scrollbar-thumb:hover,.oz-panel-body::-webkit-scrollbar-thumb:hover,.oz-layers-panel::-webkit-scrollbar-thumb:hover,.oz-element-library::-webkit-scrollbar-thumb:hover{background:#555}