@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--color-brand-primary:#6366f1;--color-brand-hover:#4f46e5;--color-brand-light:#eef2ff;--color-accent-purple:#a855f7;--color-accent-purple-light:#f3e8ff;--color-status-success:#10b981;--color-status-warning:#f59e0b;--color-status-danger:#ef4444;--color-status-danger-light:#fef2f2;--color-surface-base:#fff;--color-surface-subtle:#f8fafc;--color-surface-muted:#f1f5f9;--color-surface-dark:#0f172a;--color-border-subtle:#e2e8f0;--color-border-strong:#cbd5e1;--color-border-focus:#93c5fd;--color-text-title:#0f172a;--color-text-body:#334155;--color-text-subtle:#64748b;--color-text-muted:#94a3b8;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--shadow-flat:0 1px 2px #0000000a;--shadow-card:0 4px 16px #0000000f, 0 1px 3px #00000008;--shadow-popover:0 12px 32px #0000001f, 0 2px 6px #0000000a;--shadow-modal:0 24px 48px #0003, 0 4px 12px #00000014;--bg-primary:var(--color-surface-base);--bg-secondary:var(--color-surface-subtle);--bg-tertiary:var(--color-surface-muted);--border-color:var(--color-border-subtle);--border-hover:var(--color-border-strong);--text-primary:var(--color-text-title);--text-secondary:var(--color-text-body);--text-muted:var(--color-text-subtle);--accent:var(--color-brand-primary);--accent-secondary:var(--color-brand-hover);--accent-light:var(--color-brand-light);--btn-bg:var(--accent);--btn-color:#fff;--btn-hover-bg:var(--accent-secondary);--btn-border-radius:var(--radius-md);--shadow-sm:var(--shadow-flat);--shadow-md:var(--shadow-card);--shadow-lg:var(--shadow-popover);--shadow-xl:var(--shadow-modal);--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-primary);width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%;overflow:hidden}button,input,select,textarea{outline:none;font-family:inherit}button{cursor:pointer;background:0 0;border:none;transition:all .2s cubic-bezier(.4,0,.2,1)}:root{--panel-bg:#fff;--panel-border:#e4e4e7;--panel-shadow:0 10px 30px -5px #0000001a, 0 0 0 1px #0000000d}html.dark{--panel-bg:#1e293b;--panel-border:#334155;--panel-shadow:0 10px 30px -5px #00000080, 0 0 0 1px #ffffff14}.glass-panel{border-radius:12px;background-color:var(--panel-bg,#fff)!important;background:var(--panel-bg,#fff)!important;-webkit-backdrop-filter:none!important;border:1px solid var(--panel-border,#e4e4e7)!important;box-shadow:var(--panel-shadow,0 10px 30px -5px #0000001a, 0 0 0 1px #0000000d)!important;opacity:1!important}.glass-card{box-shadow:var(--shadow-sm);border-radius:8px;transition:all .2s;background-color:var(--panel-bg,#fff)!important;background:var(--panel-bg,#fff)!important;-webkit-backdrop-filter:none!important;border:1px solid var(--border-color,#e4e4e7)!important;opacity:1!important}.project-card{border:1px solid var(--border-color)!important;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s!important;box-shadow:0 2px 8px #0000000a!important}.project-card:hover{border-color:var(--border-color)!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #00000014!important}.sidebar-project-btn{transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1),background-color .18s!important}.sidebar-project-btn:hover{background-color:var(--bg-tertiary)!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #0000000d!important}.canvas-container{background-color:var(--bg-secondary);-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:100%;position:relative;overflow:hidden}.selection-marquee{border:1px dashed var(--text-muted);pointer-events:none;z-index:10;background-color:#a1a1aa0d;position:absolute}.collaborative-cursor{pointer-events:none;z-index:9999;will-change:transform;transition:transform 80ms linear;position:absolute}.cursor-pointer-dot{background-color:var(--accent);border:2px solid #fff;border-radius:50%;width:8px;height:8px;box-shadow:0 2px 4px #00000026}.cursor-label{background-color:var(--accent);color:#fff;white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:500;display:flex;position:absolute;top:10px;left:10px}.remote-selection-outline{pointer-events:none;border:1px dashed var(--text-muted);box-sizing:border-box;z-index:5;animation:2s ease-in-out infinite outlinePulse;position:absolute}.remote-selection-badge{background-color:var(--accent-secondary);color:#fff;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-sm);border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-18px;left:0}@keyframes outlinePulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.canvas-container.tool-connector,.canvas-container.tool-connector *,.canvas-container.tool-connector .canvas-element,.canvas-container.tool-connector .canvas-element:active,.canvas-container.tool-connector .canvas-element:hover,.canvas-container.tool-connector svg,.canvas-container.tool-connector path{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='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4l6.8 16.2 2.7-6.5 6.5-2.7L4 4z' fill='%23ffffff' stroke='%23000000'/><path d='M13.5 13.5L20 20' stroke='%23000000' stroke-width='2.5'/><circle cx='20' cy='20' r='2' fill='%23000000'/></svg>") 4 4,crosshair!important}.resize-handle{background-color:var(--bg-primary);border:1px solid var(--accent);z-index:20;border-radius:50%;width:8px;height:8px;position:absolute}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.breadcrumbs{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.breadcrumbs span.separator{color:var(--text-muted)}.breadcrumbs a,.breadcrumbs span.active{border-radius:4px;padding:4px 8px;transition:all .2s}.breadcrumbs a{cursor:pointer;color:var(--text-secondary);text-decoration:none}.breadcrumbs a:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.breadcrumbs span.active{color:var(--text-primary);font-weight:600}.google-btn{width:100%;transition:all .2s cubic-bezier(.4,0,.2,1)}.google-btn:hover:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px);background-color:var(--bg-tertiary)!important;border-color:var(--border-hover)!important}.google-btn:active:not(:disabled){transform:translateY(0)}.flip-card{perspective:1000px;width:100%;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.flip-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px -4px #0000001a}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;width:100%;height:100%;box-sizing:border-border;border-radius:12px;flex-direction:column;display:flex;position:absolute;top:0;left:0}.flip-card-front{transform:rotateY(0)}.flip-card-back{background-color:var(--bg-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-md);justify-content:space-between;padding:14px;transform:rotateY(180deg)}@media (width<=600px){.indicator-label{display:none!important}.indicator-island{border-radius:50%!important;justify-content:center!important;width:40px!important;height:40px!important;padding:0!important}}input[type=range]{appearance:none;cursor:pointer;background:0 0}input[type=range]::-webkit-slider-runnable-track{height:var(--slider-track-height,6px);background-color:var(--slider-track-color,#e4e4e7);border-radius:calc(var(--slider-track-height,6px) / 2)}input[type=range]::-moz-range-track{height:var(--slider-track-height,6px);background-color:var(--slider-track-color,#e4e4e7);border-radius:calc(var(--slider-track-height,6px) / 2)}input[type=range]::-webkit-slider-thumb{appearance:none;margin-top:calc((var(--slider-track-height,6px) - var(--slider-thumb-size,18px)) / 2);height:var(--slider-thumb-size,18px);width:var(--slider-thumb-size,18px);border-radius:var(--slider-thumb-radius,50%);background-color:var(--slider-thumb-color,#fff);border:var(--slider-thumb-border-width,2px) solid var(--slider-thumb-border-color,#18181b);box-shadow:var(--slider-thumb-shadow,0 3px 8px #00000026);transition:transform .12s,box-shadow .12s}input[type=range]::-moz-range-thumb{height:var(--slider-thumb-size,18px);width:var(--slider-thumb-size,18px);border-radius:var(--slider-thumb-radius,50%);background-color:var(--slider-thumb-color,#fff);border:var(--slider-thumb-border-width,2px) solid var(--slider-thumb-border-color,#18181b);box-shadow:var(--slider-thumb-shadow,0 3px 8px #00000026);transition:transform .12s,box-shadow .12s}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.08)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.08)}.btn-primary,button.btn-primary{border-radius:var(--btn-border-radius,8px);padding:var(--btn-padding,8px 16px);font-size:var(--btn-font-size,12px);box-shadow:var(--btn-shadow,none);background-color:var(--btn-primary-bg,#18181b);color:var(--btn-primary-color,#fff);font-weight:700;transition:all .2s}.btn-secondary,button.btn-secondary{border-radius:var(--btn-border-radius,8px);padding:var(--btn-padding,8px 16px);font-size:var(--btn-font-size,12px);box-shadow:var(--btn-shadow,none);background-color:var(--btn-secondary-bg,#f4f4f5);color:var(--btn-secondary-color,#18181b);border:1px solid var(--btn-secondary-border,#e4e4e7);font-weight:600;transition:all .2s}.toggle-switch{width:var(--switch-track-width,44px);height:var(--switch-track-height,24px);padding:var(--switch-track-padding,3px);cursor:pointer;border-radius:9999px;align-items:center;transition:background-color .2s;display:inline-flex}.toggle-switch.on{background-color:var(--switch-active-bg,#18181b);justify-content:flex-end}.toggle-switch.off{background-color:var(--switch-inactive-bg,#e4e4e7);justify-content:flex-start}.toggle-switch-knob{width:var(--switch-knob-size,18px);height:var(--switch-knob-size,18px);border-radius:var(--switch-knob-radius,50%);background-color:var(--switch-knob-bg,#fff);transition:all .2s;box-shadow:0 2px 4px #00000026}.badge-tag{border-radius:var(--badge-border-radius,6px);font-weight:var(--badge-font-weight,700);text-transform:var(--badge-text-transform,none);align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:inline-flex}.badge-tag.active{background-color:var(--badge-active-bg,#18181b);color:var(--badge-active-color,#fff)}.badge-tag.pending{background-color:var(--badge-pending-bg,#f4f4f5);color:var(--badge-pending-color,#52525b)}.badge-tag.danger{background-color:var(--badge-danger-bg,#27272a);color:var(--badge-danger-color,#f4f4f5)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.project-card{border:1px solid var(--border-color);transition:all .2s cubic-bezier(.16,1,.3,1)}.project-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hover-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)!important}.seedtik-callout{color:#1e3a8a;background-color:#eff6ff;border-left:4px solid #3b82f6;border-radius:8px;align-items:flex-start;gap:10px;margin:12px 0;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.seedtik-callout-info{color:#1e3a8a;background-color:#eff6ff;border-left-color:#3b82f6}.seedtik-callout-warning{color:#78350f;background-color:#fffbeb;border-left-color:#f59e0b}.seedtik-callout-tip{color:#064e3b;background-color:#ecfdf5;border-left-color:#10b981}.seedtik-callout-danger{color:#7f1d1d;background-color:#fef2f2;border-left-color:#ef4444}.seedtik-comment-highlight{cursor:pointer;background-color:#fef08a;border-bottom:2px solid #eab308;border-radius:2px;padding:1px 2px;transition:all .15s}.seedtik-comment-highlight[data-comment-color=purple]{background-color:#f3e8ff;border-bottom:2px solid #a855f7}.seedtik-comment-highlight[data-comment-color=blue]{background-color:#e0f2fe;border-bottom:2px solid #0ea5e9}.seedtik-comment-highlight[data-comment-color=green]{background-color:#dcfce7;border-bottom:2px solid #22c55e}.seedtik-comment-highlight:hover,.seedtik-comment-highlight.active{background-color:#fde047;border-bottom-color:#ca8a04;box-shadow:0 0 0 2px #eab30866}.seedtik-comment-highlight[data-comment-color=purple]:hover,.seedtik-comment-highlight[data-comment-color=purple].active{background-color:#e9d5ff;border-bottom-color:#9333ea;box-shadow:0 0 0 2px #a855f766}.seedtik-comment-highlight[data-comment-color=blue]:hover,.seedtik-comment-highlight[data-comment-color=blue].active{background-color:#bae6fd;border-bottom-color:#0284c7;box-shadow:0 0 0 2px #0ea5e966}.seedtik-comment-highlight[data-comment-color=green]:hover,.seedtik-comment-highlight[data-comment-color=green].active{background-color:#bbf7d0;border-bottom-color:#16a34a;box-shadow:0 0 0 2px #22c55e66}.seedtik-suggestion-add{color:#15803d;background-color:#dcfce7;border-radius:3px;padding:1px 3px;font-weight:500;-webkit-text-decoration:underline #16a34a;text-decoration:underline #16a34a;position:relative}.seedtik-suggestion-del{color:#b91c1c;opacity:.85;background-color:#fee2e2;border-radius:3px;padding:1px 3px;-webkit-text-decoration:line-through #dc2626;text-decoration:line-through #dc2626;position:relative}.seedtik-editor-table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.seedtik-editor-table th,.seedtik-editor-table td{text-align:left;border:1px solid #cbd5e1;padding:8px 12px}.seedtik-editor-table th{color:#0f172a;background-color:#f8fafc;font-weight:600}.seedtik-canvas-doc-content{word-break:normal;overflow-wrap:break-word;pointer-events:none;width:100%;color:inherit;font-family:inherit;line-height:inherit;padding:0}.seedtik-canvas-doc-content h1{letter-spacing:-.2px!important;margin:10px 0 6px!important;font-size:16px!important;font-weight:800!important;line-height:1.3!important}.seedtik-canvas-doc-content h2{margin:8px 0 5px!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important}.seedtik-canvas-doc-content h3{margin:6px 0 4px!important;font-size:13px!important;font-weight:700!important;line-height:1.3!important}.seedtik-canvas-doc-content p{margin-bottom:8px!important;font-size:12px!important;line-height:1.6!important}.seedtik-canvas-doc-content p:last-child{margin-bottom:0!important}.seedtik-canvas-doc-content ul,.seedtik-canvas-doc-content ol{margin:6px 0 8px 18px!important;padding:0!important;font-size:12px!important}.seedtik-canvas-doc-content li{margin-bottom:4px!important;line-height:1.5!important}.seedtik-canvas-doc-content blockquote{opacity:.88;border-left:3px solid var(--accent,#a855f7)!important;margin:8px 0!important;padding-left:10px!important;font-style:italic!important}.seedtik-canvas-doc-content table{border-collapse:collapse!important;width:100%!important;margin:8px 0!important;font-size:11px!important}.seedtik-canvas-doc-content th,.seedtik-canvas-doc-content td{border:1px solid #0000001a!important;padding:4px 6px!important}.seedtik-canvas-doc-content span{font-size:inherit!important}.canvas-container{-webkit-user-select:none;user-select:none;touch-action:none;background-color:#fafafa;width:100%;height:100%;position:relative;overflow:hidden}.canvas-grid{pointer-events:none;transform-origin:0 0;background-image:radial-gradient(#a1a1aa33 1px,#0000 1.5px);background-size:24px 24px;width:100%;height:100%;position:absolute;top:0;left:0}.selection-marquee{pointer-events:none;z-index:10;background-color:#a1a1aa14;border:1px dashed #71717a;position:absolute}.remote-selection-outline{pointer-events:none;box-sizing:border-box;z-index:5;border:1px dashed #a1a1aa;animation:2s ease-in-out infinite outlinePulse;position:absolute}.remote-selection-badge{color:#fff;white-space:nowrap;pointer-events:none;background-color:#4338ca;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-18px;left:0;box-shadow:0 1px 3px #0000001a}.canvas-element{cursor:grab;box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:absolute}.canvas-element:active{cursor:grabbing}.canvas-element.selected{outline-offset:3px;outline:2px solid #2563eb}.element-rect{background-color:#fff;border:1px solid #18181b}.element-circle{background-color:#fff;border:1px solid #18181b;border-radius:50%}.element-sticky{background-color:#fef08a;border:1px solid #e4e4e7;border-radius:0;flex-direction:column;padding:16px;box-shadow:0 4px 10px #00000008}.element-text{text-align:left;white-space:pre-wrap;word-break:break-word;background:0 0;border:none;justify-content:flex-start;align-items:center}.element-link{background:#fff;border:1px solid #e4e4e7;border-radius:8px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:6px;padding:12px;display:flex;box-shadow:0 2px 6px #0000000a}.element-image{overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important}.element-image img{object-fit:contain;pointer-events:none;width:100%;height:100%}.element-subboard{text-align:center;background-color:#fff;border:1.5px solid #18181b;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0000000a}.element-subboard:hover{background-color:#fafafa;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.resize-handle{z-index:20;background-color:#fff;border:1px solid #2563eb;border-radius:50%;width:8px;height:8px;position:absolute}.resize-handle.nw{cursor:nwse-resize;top:-6px;left:-6px}.resize-handle.ne{cursor:nesw-resize;top:-6px;right:-6px}.resize-handle.se{cursor:nwse-resize;bottom:-6px;right:-6px}.resize-handle.sw{cursor:nwse-resize;bottom:-6px;left:-6px}