:root{--bg-workspace:#0a0b0e;--bg-header:#12141a;--bg-rail:#0e1015;--bg-drawer:#141720;--bg-card:#1b1e28;--bg-card-hover:#222634;--bg-input:#101218;--border-subtle:#ffffff12;--border-active:#ffffff38;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-ig-start:#f09433;--accent-ig-mid:#dc2743;--accent-ig-end:#bc1888;--ig-gradient:linear-gradient(135deg,#f09433,#dc2743 50%,#bc1888);--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Playfair Display",Georgia,serif;--font-hand:"Caveat",cursive;--font-mono:"Space Grotesk",monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:9px;--radius-lg:14px;--radius-pill:9999px;--shadow-artboard:0 24px 64px -12px #000000bf,0 0 0 1px #ffffff14;--shadow-dialog:0 28px 70px -10px #000000d9,0 0 0 1px #ffffff1f}*{-webkit-font-smoothing:antialiased;box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0b0e;background-color:var(--bg-workspace);color:#f8fafc;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);height:100vh;overflow:hidden}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.pro-app-root{background-color:#0a0b0e;background-color:var(--bg-workspace);display:flex;flex-direction:column;height:100vh;overflow:hidden;width:100vw}.pro-header{background:#12141a;background:var(--bg-header);border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);flex-shrink:0;height:56px;justify-content:space-between;padding:0 18px;z-index:50}.header-left,.pro-header{align-items:center;display:flex}.header-left{gap:12px}.brand-mark{align-items:center;background:linear-gradient(135deg,#1e222d,#161922);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#f8fafc;display:flex;height:32px;justify-content:center;width:32px}.project-meta{display:flex;flex-direction:column}.project-title-row{align-items:center;display:flex;gap:8px}.project-name-input{background:#0000;border:1px solid #0000;border-radius:4px;border-radius:var(--radius-xs);color:#f8fafc;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:13px;font-weight:700;max-width:150px;outline:none;padding:2px 4px}.project-name-input:hover{border-color:#ffffff12;border-color:var(--border-subtle)}.project-name-input:focus{background:#191c25;border-color:#ffffff38;border-color:var(--border-active)}.save-status-pill{align-items:center;background:#10b9811a;border-radius:9999px;border-radius:var(--radius-pill);color:#10b981;display:flex;font-size:10px;font-weight:600;gap:3px;padding:1px 5px}.platform-sub{color:#64748b;color:var(--text-muted);font-size:11px}.header-center{align-items:center;display:flex;gap:14px}.segmented-control{background:#0d0f14;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:9px;border-radius:var(--radius-md);display:flex;padding:2px}.segment-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:5px;padding:5px 11px;transition:all .15s ease}.segment-btn:hover{color:#f8fafc;color:var(--text-primary)}.segment-btn.active{background:#242936;box-shadow:0 1px 4px #0006;color:#fff}.segment-label{color:#64748b;color:var(--text-muted);font-size:10px}.segment-btn.active .segment-label{color:#ffffffb3}.mode-segmented{background:#0d0f14;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:9px;border-radius:var(--radius-md);display:flex;padding:2px}.mode-tab-btn{align-items:center;background:#0000;border:none;border-radius:7px;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;padding:5px 12px;transition:all .15s ease}.mode-tab-btn:hover{color:#f8fafc;color:var(--text-primary)}.mode-tab-btn.active{background:#242936;color:#fff}.header-right{gap:8px}.header-right,.tool-group{align-items:center;display:flex}.tool-group{gap:2px}.icon-tool-btn{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .15s}.icon-tool-btn:hover:not(:disabled){background:#ffffff14;color:#fff}.icon-tool-btn:disabled{cursor:not-allowed;opacity:.3}.header-divider{background:#ffffff12;background:var(--border-subtle);height:20px;margin:0 4px;width:1px}.dropdown-wrapper{position:relative}.btn-ghost-header{align-items:center;background:#0000;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:9px;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 10px;transition:all .15s}.btn-ghost-header:hover{background:#ffffff0a;border-color:#ffffff38;border-color:var(--border-active);color:#fff}.chevron-icon{opacity:.6}.pro-dropdown-menu{animation:menuIn .12s ease-out;background:#181c25;border:1px solid #ffffff38;border:1px solid var(--border-active);border-radius:9px;border-radius:var(--radius-md);box-shadow:0 16px 40px #0009;padding:4px;position:absolute;right:0;top:calc(100% + 6px);width:210px;z-index:80}.dropdown-section-header{color:#64748b;color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;padding:6px 8px 4px;text-transform:uppercase}.dropdown-item{align-items:flex-start;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;padding:7px 9px;text-align:left;width:100%}.dropdown-item:hover{background:#232836}.dropdown-item-title{font-size:12px;font-weight:600}.dropdown-item-meta{color:#64748b;color:var(--text-muted);font-size:10px;margin-top:1px}.btn-preview-toggle{align-items:center;background:#0000;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:9px;border-radius:var(--radius-md);color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 11px;transition:all .15s}.btn-preview-toggle:hover{border-color:#ffffff38;border-color:var(--border-active);color:#fff}.btn-preview-toggle.active{background:#3b82f626;border-color:#3b82f666;color:#60a5fa}.btn-export-primary{align-items:center;background:#fff;border:none;border-radius:9px;border-radius:var(--radius-md);box-shadow:0 1px 4px #0003;color:#0d0f14;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;padding:7px 14px;transition:all .15s ease}.btn-export-primary:hover{background:#f1f5f9;transform:translateY(-1px)}.pro-studio-body{display:flex;flex:1 1;height:calc(100vh - 56px);overflow:hidden}.pro-sidebar{background:#141720;background:var(--bg-drawer);flex-shrink:0;z-index:30}.pro-sidebar,.sidebar-rail{border-right:1px solid #ffffff12;border-right:1px solid var(--border-subtle);display:flex}.sidebar-rail{background:#0e1015;background:var(--bg-rail);flex-direction:column;gap:4px;padding:8px 0;width:60px}.rail-btn{align-items:center;background:#0000;border:none;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;gap:3px;justify-content:center;padding:9px 2px;position:relative;transition:all .15s ease}.rail-btn span{font-size:9px;font-weight:600;letter-spacing:.1px}.rail-btn:hover{color:#f8fafc;color:var(--text-primary)}.rail-btn.active{background:#ffffff0d;color:#fff}.rail-btn.active:before{background:#fff;border-radius:0 2px 2px 0;bottom:6px;content:"";left:0;position:absolute;top:6px;width:3px}.sidebar-drawer{background:#141720;background:var(--bg-drawer);overflow-y:auto;padding:16px;width:320px}.drawer-panel{display:flex;flex-direction:column;gap:14px}.drawer-header h3{font-size:14px;font-weight:700;margin-bottom:2px}.drawer-header p{font-size:11px}.drawer-header p,.drawer-subhead{color:#64748b;color:var(--text-muted)}.drawer-subhead{font-size:10px;font-weight:700;letter-spacing:.6px;margin-top:4px;text-transform:uppercase}.category-pill-row{display:flex;flex-wrap:wrap;gap:5px}.cat-pill{background:#181b24;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-pill);color:#94a3b8;color:var(--text-secondary);cursor:pointer;font-size:10px;font-weight:600;padding:4px 9px;transition:all .12s}.cat-pill:hover{border-color:#ffffff38;border-color:var(--border-active);color:#fff}.cat-pill.active{background:#252a38;border-color:#ffffff40;color:#fff}.layouts-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.layout-card{background:#1b1e28;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:9px;border-radius:var(--radius-md);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;padding:7px;text-align:left;transition:all .15s}.layout-card:hover{background:#222634;background:var(--bg-card-hover);border-color:#ffffff38;border-color:var(--border-active);transform:translateY(-1px)}.layout-card.selected{background:#202431;border-color:#fff;box-shadow:0 0 0 1px #fff}.layout-card-canvas{aspect-ratio:1;background:#0f1117;border:1px solid #ffffff0a;border-radius:4px;margin-bottom:6px;overflow:hidden;position:relative;width:100%}.layout-cell-preview{background:#ffffff2e;border:1px solid #0f1117;position:absolute}.layout-card:hover .layout-cell-preview{background:#ffffff47}.layout-card-info{display:flex;flex-direction:column}.layout-name{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-slots{color:#64748b;color:var(--text-muted);font-size:10px}.add-elements-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.btn-add-element{align-items:center;background:#1a1e28;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:9px;border-radius:var(--radius-md);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;justify-content:center;padding:8px;transition:all .15s}.btn-add-element:hover{background:#242936;border-color:#ffffff38;border-color:var(--border-active)}.inspector-panel{background:#181c26;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:9px;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:10px;padding:10px}.inspector-header{color:#94a3b8;color:var(--text-secondary);font-size:11px;font-weight:700;text-transform:uppercase}.field-group{display:flex;flex-direction:column;gap:4px}.field-group label{color:#64748b;color:var(--text-muted);font-size:10px;font-weight:600}.pro-input{background:#0f1117;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#fff;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:11px;outline:none;padding:6px 8px}.pro-input:focus{border-color:#3b82f6;border-color:var(--border-focus)}.pro-input.mono{font-family:Space Grotesk,monospace;font-family:var(--font-mono)}.pro-select{background:#0f1117;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:11px;outline:none;padding:6px 8px}.slider-group{display:flex;flex-direction:column;gap:4px}.slider-label-row{color:#94a3b8;color:var(--text-secondary);display:flex;font-size:11px;justify-content:space-between}.slider-numeric{color:#f8fafc;color:var(--text-primary);font-family:Space Grotesk,monospace;font-family:var(--font-mono);font-size:10px}input[type=range]{-webkit-appearance:none;background:#232835;border-radius:2px;height:4px;outline:none;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0006;cursor:pointer;height:13px;width:13px}.empty-state-notice{background:#171a23;border-radius:6px;border-radius:var(--radius-sm);color:#64748b;color:var(--text-muted);font-size:11px;line-height:1.4;padding:10px}.layer-cards-list{display:flex;flex-direction:column;gap:5px}.layer-row{align-items:center;background:#1b1e28;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:8px;padding:6px 8px;transition:all .12s}.layer-row:hover{background:#222634;background:var(--bg-card-hover)}.layer-row.selected{background:#232837;border-color:#fff}.layer-preview-thumb{background:#0f1117;border-radius:3px;flex-shrink:0;height:28px;overflow:hidden;width:28px}.layer-preview-thumb img{height:100%;object-fit:cover;width:100%}.layer-details{flex:1 1;min-width:0}.layer-name{display:block;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-meta{color:#64748b;color:var(--text-muted);font-size:9px}.layer-action-tools{display:flex;gap:2px}.layer-tool-btn{align-items:center;background:#0000;border:none;border-radius:3px;color:#64748b;color:var(--text-muted);cursor:pointer;display:flex;justify-content:center;padding:3px}.layer-tool-btn:hover{background:#ffffff14;color:#fff}.layer-tool-btn.delete:hover{color:#ef4444}.backdrop-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.backdrop-chip{align-items:center;background:#1b1e28;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;gap:7px;padding:6px 8px;text-align:left;transition:all .12s}.backdrop-chip:hover{background:#222634;background:var(--bg-card-hover)}.backdrop-chip.selected{border-color:#fff}.swatch-indicator{border:1px solid #fff3;border-radius:50%;flex-shrink:0;height:18px;width:18px}.swatch-label{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-picker-box{align-items:center;display:flex;gap:6px}.color-picker-box input[type=color]{background:#0000;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:4px;border-radius:var(--radius-xs);cursor:pointer;height:30px;width:30px}.geometry-controls-section{border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px;padding-top:10px}.filters-catalog-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.filter-item-card{background:#1b1e28;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;padding:5px;transition:all .15s}.filter-item-card:hover{background:#222634;background:var(--bg-card-hover)}.filter-item-card.selected{border-color:#fff;box-shadow:0 0 0 1px #fff}.filter-mini-thumb{aspect-ratio:16/10;background-position:50%;background-size:cover;border-radius:3px;margin-bottom:5px;width:100%}.filter-title{font-size:10px;font-weight:600;text-align:center}.add-text-presets{display:flex;flex-direction:column;gap:6px}.btn-text-preset{background:#1a1e28;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:600;padding:8px 10px;text-align:left;transition:all .12s}.btn-text-preset:hover{background:#242936;border-color:#ffffff38;border-color:var(--border-active)}.btn-text-preset.serif{font-family:Playfair Display,Georgia,serif;font-family:var(--font-serif)}.btn-text-preset.mono{font-family:Space Grotesk,monospace;font-family:var(--font-mono)}.btn-text-preset.script{font-family:Caveat,cursive;font-family:var(--font-hand);font-size:14px}.text-items-list{display:flex;flex-direction:column;gap:8px}.text-card-editor{background:#181c25;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:6px;padding:8px}.text-card-header{align-items:center;display:flex;gap:6px}.text-properties-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr auto}.checkbox-row{align-items:center;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;font-size:10px;gap:6px}.badges-list{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.badge-item-row{align-items:center;background:#1b1e28;background:var(--bg-card);border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;gap:6px;padding:8px;transition:all .12s}.badge-item-row:hover{background:#222634;background:var(--bg-card-hover)}.badge-preview-icon{font-size:13px}.badge-name{font-size:10px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-elements-section{display:flex;flex-direction:column;gap:5px}.active-badge-row{align-items:center;background:#171a23;border-radius:4px;display:flex;font-size:10px;justify-content:space-between;padding:5px 8px}.pro-upload-dropzone{align-items:center;background:#ffffff05;border:1px dashed #ffffff26;border-radius:9px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:20px 14px;text-align:center;transition:all .15s}.pro-upload-dropzone:hover{background:#ffffff0a;border-color:#ffffff4d}.dropzone-icon{color:#94a3b8;color:var(--text-secondary);margin-bottom:6px}.dropzone-primary{font-size:11px;font-weight:600}.dropzone-sub{color:#64748b;color:var(--text-muted);font-size:9px;margin-top:2px}.assets-gallery-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.asset-tile{aspect-ratio:1;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;position:relative}.asset-tile img{height:100%;object-fit:cover;width:100%}.asset-tile-hover{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s}.asset-tile:hover .asset-tile-hover{opacity:1}.asset-tile-hover span{color:#fff;font-size:10px;font-weight:600}.pro-workspace{background:#0a0b0e;background:var(--bg-workspace);display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.artboard-stage{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:28px}.artboard-frame{box-shadow:0 24px 64px -12px #000000bf,0 0 0 1px #ffffff14;box-shadow:var(--shadow-artboard);overflow:hidden;position:relative;transform-origin:center center;transition:transform .12s ease-out;-webkit-user-select:none;user-select:none}.artboard-frame.aspect-4-5{height:550px;width:440px}.artboard-frame.aspect-1-1{height:480px;width:480px}.artboard-frame.aspect-9-16{height:568px;width:320px}.artboard-frame.aspect-16-9{height:338px;width:600px}.grid-cells-container{height:100%;position:relative;width:100%}.grid-cell{box-sizing:border-box;cursor:pointer;overflow:hidden;position:absolute;transition:outline .12s}.grid-cell:hover{outline:2px solid #fff6}.grid-cell.selected{box-shadow:0 0 12px #ffffff40;outline:2px solid #fff}.grid-cell.drag-over{background:#10b98133;outline:2px dashed #10b981}.cell-photo-wrapper{height:100%;overflow:hidden;width:100%}.cell-photo-element{display:block;height:100%;object-fit:cover;width:100%}.cell-placeholder{align-items:center;background:#ffffff08;color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;width:100%}.cell-placeholder:hover{background:#ffffff0f;color:#fff}.placeholder-label{font-size:10px;font-weight:600}.floating-cell-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101218eb;border:1px solid #ffffff26;border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 4px 12px #0006;display:flex;gap:2px;padding:2px;position:absolute;right:6px;top:6px;z-index:10}.cell-tool-action{align-items:center;background:#0000;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px}.cell-tool-action:hover{background:#ffffff1f}.cell-tool-action.danger:hover{color:#ef4444}.freeform-canvas-container{height:100%;position:relative;width:100%}.freeform-layer{cursor:grab;position:absolute;touch-action:none;-webkit-user-select:none;user-select:none}.freeform-layer.dragging{cursor:grabbing}.pro-polaroid-card{background:#fbfbf8;border-radius:3px;box-shadow:0 10px 24px -3px #00000073;display:flex;flex-direction:column;height:100%;padding:9px 9px 34px;position:relative;width:100%}.polaroid-image-frame{background:#e7e5df;border-radius:2px;flex:1 1;overflow:hidden;width:100%}.polaroid-image-frame img{display:block;height:100%;object-fit:cover;width:100%}.polaroid-caption-edit{background:#0000;border:none;bottom:6px;color:#222;cursor:text;font-family:Caveat,cursive;font-family:var(--font-hand);font-size:16px;font-weight:700;left:8px;outline:none;position:absolute;right:8px;text-align:center}.pro-framed-photo{box-shadow:0 10px 24px -3px #0006;height:100%;overflow:hidden;width:100%}.pro-framed-photo img{display:block;height:100%;object-fit:cover;width:100%}.pro-selection-bounding{border:1.5px solid #3b82f6;inset:-3px;pointer-events:none;position:absolute}.selection-handle-node{background:#fff;border:1.5px solid #3b82f6;border-radius:50%;height:8px;pointer-events:auto;position:absolute;width:8px}.selection-handle-node.nw{cursor:nwse-resize;left:-4px;top:-4px}.selection-handle-node.ne{cursor:nesw-resize;right:-4px;top:-4px}.selection-handle-node.sw{bottom:-4px;cursor:nesw-resize;left:-4px}.selection-handle-node.se{bottom:-4px;cursor:nwse-resize;right:-4px}.selection-handle-node.n{top:-4px}.selection-handle-node.n,.selection-handle-node.s{cursor:ns-resize;left:50%;transform:translateX(-50%)}.selection-handle-node.s{bottom:-4px}.selection-handle-node.e{right:-4px}.selection-handle-node.e,.selection-handle-node.w{cursor:ew-resize;top:50%;transform:translateY(-50%)}.selection-handle-node.w{left:-4px}.selection-delete-icon{align-items:center;background:#ef4444;border:1.5px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:20px;justify-content:center;pointer-events:auto;position:absolute;right:-10px;top:-10px;width:20px}.pro-text-overlay{font-weight:700;letter-spacing:-.2px;pointer-events:none;position:absolute;white-space:nowrap;z-index:20}.pro-text-overlay.with-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff1a;border-radius:6px;padding:5px 12px}.pro-badge-overlay{align-items:center;cursor:pointer;display:flex;position:absolute;z-index:25}.pro-location-tag{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12141ae0;border:1px solid #ffffff24;border-radius:9999px;border-radius:var(--radius-pill);color:#fff;display:flex;font-size:11px;font-weight:600;gap:5px;padding:4px 10px}.dot-pin{background:#ef4444;border-radius:50%;height:6px;width:6px}.pro-date-tag{color:#ff9800;font-size:15px;text-shadow:0 0 6px #ff980080}.pro-date-tag,.pro-rec-tag{font-family:Space Grotesk,monospace;font-family:var(--font-mono);font-weight:700}.pro-rec-tag{align-items:center;color:#ef4444;display:flex;font-size:12px;gap:4px}.rec-dot{background:#ef4444;border-radius:50%;height:6px;width:6px}.pro-verified-circle{align-items:center;background:#0095f6;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.pro-music-pill{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12141ae6;border:1px solid #ffffff24;border-radius:9999px;border-radius:var(--radius-pill);display:flex;gap:6px;padding:4px 12px}.pro-music-pill .music-details{display:flex;flex-direction:column}.pro-music-pill .music-track{color:#fff;font-size:10px;font-weight:700}.pro-music-pill .music-artist{color:#64748b;color:var(--text-muted);font-size:8px}.pro-washi-tape{height:18px;opacity:.85;width:60px}.badge-remove-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:11px;height:15px;justify-content:center;margin-left:4px;width:15px}.pro-badge-overlay:hover .badge-remove-btn{display:flex}.floating-canvas-toolbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12141ae6;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-pill);bottom:18px;box-shadow:0 8px 24px #00000080;display:flex;gap:10px;left:50%;padding:4px 14px;position:absolute;transform:translateX(-50%);z-index:40}.toolbar-info{align-items:center;display:flex;font-size:11px;gap:6px}.canvas-aspect-badge{color:#f8fafc;color:var(--text-primary);font-weight:700}.canvas-mode-badge{color:#64748b;color:var(--text-muted)}.toolbar-divider{background:#ffffff12;background:var(--border-subtle);height:14px;width:1px}.zoom-controls{gap:3px}.zoom-controls,.zoom-tool-btn{align-items:center;display:flex}.zoom-tool-btn{background:#0000;border:none;border-radius:4px;border-radius:var(--radius-xs);color:#94a3b8;color:var(--text-secondary);cursor:pointer;justify-content:center;padding:4px}.zoom-tool-btn:hover{background:#ffffff1a;color:#fff}.zoom-value{font-family:Space Grotesk,monospace;font-family:var(--font-mono);font-size:11px;min-width:38px;text-align:center}.pro-mockup-backdrop{align-items:center;animation:modalFadeIn .15s ease-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000d1;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.pro-mockup-dialog{background:#000;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 28px 70px -10px #000000d9,0 0 0 1px #ffffff1f;box-shadow:var(--shadow-dialog);display:flex;flex-direction:column;max-height:92vh;overflow:hidden;width:440px}.mockup-window-bar{align-items:center;background:#0d0f14;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:10px 16px}.window-title{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:700;gap:6px}.live-indicator{background:#10b981;border-radius:50%;height:7px;width:7px}.window-close-btn{background:#0000;border:none;color:#64748b;color:var(--text-muted);cursor:pointer}.window-close-btn:hover{color:#fff}.iphone-instagram-post{background:#000;display:flex;flex-direction:column;overflow-y:auto}.native-post-header{align-items:center;display:flex;justify-content:space-between;padding:10px 14px}.native-user-block{align-items:center;display:flex;gap:9px}.native-story-ring{align-items:center;background:linear-gradient(135deg,#f09433,#dc2743 50%,#bc1888);background:var(--ig-gradient);border-radius:50%;display:flex;height:34px;justify-content:center;padding:2px;width:34px}.native-avatar{border:1.5px solid #000;border-radius:50%;height:100%;object-fit:cover;width:100%}.native-user-info{display:flex;flex-direction:column}.native-username-line{align-items:center;display:flex;gap:4px}.native-username{color:#fff;font-size:12px;font-weight:700}.native-verified{align-items:center;background:#0095f6;border-radius:50%;display:flex;height:12px;justify-content:center;width:12px}.native-dot{color:#64748b;color:var(--text-muted);font-size:10px}.native-follow-btn{color:#0095f6;cursor:pointer;font-size:12px;font-weight:700}.native-audio-line{align-items:center;color:#94a3b8;color:var(--text-secondary);display:flex;font-size:10px;gap:3px}.native-more-btn{background:#0000;border:none;color:#fff;cursor:pointer}.native-media-container{align-items:center;background:#050608;display:flex;justify-content:center;overflow:hidden;width:100%}.native-media-container .pro-workspace{background:#0000!important}.native-media-container .floating-canvas-toolbar{display:none!important}.native-media-container .artboard-stage{padding:0!important}.native-media-container .artboard-frame{box-shadow:none!important;max-height:440px!important;max-width:100%!important}.native-actions-row{align-items:center;display:flex;justify-content:space-between;padding:10px 14px 6px}.native-actions-left{align-items:center;display:flex;gap:14px}.native-action-btn{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:center}.native-caption-block{display:flex;flex-direction:column;font-size:12px;gap:5px;line-height:1.35;padding:0 14px 16px}.native-likes-count{color:#fff;font-weight:600}.native-caption-body{color:#f1f5f9}.native-tags{color:#3897f0}.native-comments-prompt{color:#64748b;color:var(--text-muted);font-size:11px}.native-timestamp{color:#64748b;color:var(--text-muted);font-size:9px;letter-spacing:.5px}.pro-export-backdrop{align-items:center;animation:modalFadeIn .15s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d1;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:110}.pro-export-dialog{background:#141720;border:1px solid #ffffff38;border:1px solid var(--border-active);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 28px 70px -10px #000000d9,0 0 0 1px #ffffff1f;box-shadow:var(--shadow-dialog);display:flex;flex-direction:column;max-width:95vw;overflow:hidden;width:760px}.pro-export-header{align-items:center;background:#181b24;border-bottom:1px solid #ffffff12;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:14px 20px}.pro-export-title{font-size:14px;font-weight:700}.pro-close-btn{background:#0000;border:none;color:#64748b;color:var(--text-muted);cursor:pointer}.pro-close-btn:hover{color:#fff}.pro-export-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding:20px}.pro-export-settings{display:flex;flex-direction:column;gap:16px}.export-section{display:flex;flex-direction:column;gap:6px}.section-label{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.section-label-row{align-items:center;display:flex;justify-content:space-between}.numeric-badge{font-family:Space Grotesk,monospace;font-family:var(--font-mono);font-size:10px}.format-toggle-row{display:flex;gap:6px}.format-option{align-items:center;background:#1a1e28;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:8px;transition:all .12s}.format-option.active{background:#242938;border-color:#fff}.format-title{font-size:11px;font-weight:700}.format-note{color:#64748b;color:var(--text-muted);font-size:9px}.scale-toggle-row{display:flex;gap:6px}.scale-option{align-items:flex-start;background:#1a1e28;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;padding:9px 10px;transition:all .12s}.scale-option.active{background:#242938;border-color:#fff}.scale-title{font-size:11px;font-weight:700}.scale-dims{color:#64748b;color:var(--text-muted);font-size:10px;margin-top:1px}.export-cta-footer{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:10px}.btn-download-export{align-items:center;background:#fff;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#0d0f14;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;justify-content:center;padding:10px 16px;transition:all .15s}.btn-download-export:hover:not(:disabled){background:#f1f5f9;transform:translateY(-1px)}.btn-clipboard-export{align-items:center;background:#1a1e28;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#f8fafc;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;justify-content:center;padding:9px 16px;transition:all .12s}.btn-clipboard-export:hover:not(:disabled){background:#222634}.pro-export-preview{display:flex;flex-direction:column;gap:6px}.preview-label{color:#64748b;color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase}.preview-viewport-box{align-items:center;background:#0a0b0f;border:1px solid #ffffff12;border:1px solid var(--border-subtle);border-radius:6px;border-radius:var(--radius-sm);display:flex;flex:1 1;justify-content:center;min-height:260px;overflow:hidden;padding:10px}.preview-img{border-radius:2px;box-shadow:0 4px 16px #0009;max-height:260px;max-width:100%;object-fit:contain}.rendering-state{align-items:center;color:#64748b;color:var(--text-muted);display:flex;flex-direction:column;font-size:11px;gap:8px}.spinner{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.drawer-backdrop,.drawer-close-btn,.rail-actions-mobile{display:none}@media (max-width:768px){.pro-main-content{flex-direction:column}.pro-sidebar{bottom:0;height:auto;left:0;position:fixed;width:100%!important;z-index:100}.sidebar-rail{align-items:center;background:#0e1015;background:var(--bg-rail);border-right:none;border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);flex-direction:row;height:60px;overflow-x:auto;padding:0 5px;width:100%}.rail-btn{border-left:none;border-radius:6px;border-radius:var(--radius-sm);flex:1 0 auto;height:50px;margin:0 2px;min-width:60px}.rail-btn.active{background:#ffffff0d;border-left:none;box-shadow:inset 0 -2px 0 #3b82f6;box-shadow:inset 0 -2px 0 var(--border-focus)}.sidebar-drawer{background:#141720;background:var(--bg-drawer);border-left:none;border-radius:14px 14px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid #ffffff12;border-top:1px solid var(--border-subtle);bottom:60px;box-shadow:0 -10px 40px #0009;height:45vh;left:0;position:absolute;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.pro-sidebar.drawer-closed .sidebar-drawer{pointer-events:none;transform:translateY(120%)}.drawer-backdrop{background:#0006;bottom:0;display:block;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:90}.drawer-backdrop.visible{opacity:1;pointer-events:auto}.drawer-close-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px;z-index:10}.drawer-close-btn:active{background:#ffffff1a}.rail-actions-mobile{align-items:center;display:flex;margin-left:auto;padding-right:10px}.rail-divider{background:#ffffff12;background:var(--border-subtle);height:24px;margin:0 10px;width:1px}.rail-btn.action-btn{border-radius:50%;height:44px;margin:0 4px;min-width:44px}.rail-btn.action-btn.primary{background:#3b82f6;color:#fff}.rail-btn.action-btn.primary:active{background:#2563eb}.pro-workspace{flex:1 1;height:calc(100vh - 116px);margin-bottom:60px;transition:height .3s cubic-bezier(.4,0,.2,1)}.pro-main-content:has(.pro-sidebar:not(.drawer-closed)) .pro-workspace{height:calc(55vh - 116px)}.artboard-stage{padding:16px}.btn-export-primary span,.btn-preview-toggle span,.header-center .segment-label,.header-left .project-meta,.mode-tab-btn span{display:none}.btn-export-primary,.btn-preview-toggle,.mode-tab-btn{padding:0 10px}.header-right{gap:4px}}
/*# sourceMappingURL=main.bf162637.css.map*/