@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20211e;background:#f4f2ed;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #20211e;--muted: #73756e;--paper: #fffefa;--line: rgba(34, 36, 31, .14);--accent: #3dc4d9;--accent-dark: #147f90;--green: #326b55;--shadow: 0 14px 35px rgba(49, 46, 37, .12), 0 2px 8px rgba(49, 46, 37, .08)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}html.pointer-pan-active{overscroll-behavior:none}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(61,196,217,.38);outline-offset:2px}.workspace{width:100%;height:100%;background:#f4f2ed}.topbar{position:fixed;z-index:10000;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));min-height:52px;display:flex;align-items:center;gap:10px;padding:7px 8px;border:1px solid rgba(51,50,44,.12);border-radius:16px;background:#fffefae8;box-shadow:0 8px 30px #3531291a;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}.brand{flex:0 0 auto;display:flex;align-items:baseline;border:0;background:transparent;padding:3px 8px;font:700 19px/1 Manrope,sans-serif;cursor:pointer;letter-spacing:-.04em}.brand span{color:var(--accent);font-size:23px;margin-right:1px}.canvas-tabs{display:flex;align-items:center;gap:3px;min-width:100px;max-width:42vw;overflow-x:auto;scrollbar-width:none;border-left:1px solid var(--line);padding-left:9px}.canvas-tabs::-webkit-scrollbar{display:none}.canvas-tab{flex:0 0 auto;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;border-radius:9px;padding:8px 11px;color:var(--muted);background:transparent;cursor:pointer;font-size:13px;font-weight:600}.canvas-tab:hover{background:#f3f0e8;color:var(--ink)}.canvas-tab.active{color:var(--ink);background:#ebe8df}.canvas-tab.editing{width:130px;padding:4px 6px}.canvas-tab.editing input{width:100%;height:26px;border:1px solid rgba(20,127,144,.28);border-radius:6px;padding:0 6px;color:var(--ink);background:#fff;outline:0;font-size:12px;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:5px;margin-left:auto}.icon-button,.chrome-button{width:34px;height:34px;padding:0;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer}.icon-button:hover,.chrome-button:hover{background:#ece9e1}.icon-button.active,.chrome-button.active{color:var(--accent-dark);background:#dcf6f9}.icon-button.destructive:hover,.chrome-button.danger:hover{color:#a4332a;background:#fbe7e4}.subtle-delete{color:#9b9a93}.toolbar-button,.primary-button,.google-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:9px;padding:7px 11px;background:var(--paper);cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}.toolbar-button:hover,.google-button:hover{border-color:#22241f42;background:#f8f6f0}.toolbar-button:disabled,.primary-button:disabled,.google-button:disabled{cursor:not-allowed;opacity:.55}.toolbar-button.primary-action,.primary-button{border-color:var(--accent);color:#063b43;background:var(--accent)}.toolbar-button.primary-action:hover,.primary-button:hover{color:#fff;background:var(--accent-dark);border-color:var(--accent-dark)}.share-button{min-width:84px}.sync-indicator{display:flex;align-items:center;gap:5px;color:var(--muted);padding:0 5px;font-size:11px;font-weight:600}.sync-indicator.saved{color:var(--green)}.sync-indicator.error,.sync-indicator.offline{color:#a35334}.canvas-surface{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background-color:#f4f2ed;background-image:radial-gradient(circle,rgba(64,62,54,.18) 1px,transparent 1.3px);background-position:var(--grid-x) var(--grid-y);background-size:var(--grid-size) var(--grid-size)}.canvas-surface.read-only{cursor:grab}.canvas-surface.read-only:active{cursor:grabbing}.canvas-world{position:absolute;top:0;left:0;width:0;height:0;transform-origin:0 0}.microtab-shell{position:absolute;border:1px solid rgba(35,36,32,.24);border-radius:11px;background:#fff;box-shadow:var(--shadow);overflow:visible;cursor:default;transition:box-shadow .15s ease,border-color .15s ease}.microtab-shell.selected{border-color:var(--accent);box-shadow:0 0 0 3px #3dc4d93d,var(--shadow)}.microtab-shell.viewport-active{border-color:#527fbc;box-shadow:0 0 0 3px #527fbc33,var(--shadow)}.microtab-shell.connector-mode{border-style:dashed;border-color:#a467d5}.microtab-shell.connector-linked{border-style:solid;border-color:#a467d5;box-shadow:0 0 0 3px #a467d538,var(--shadow)}.microtab-hotspot{position:absolute;z-index:5;height:16px;left:0;right:0;top:0;border-radius:11px 11px 0 0}.microtab-chrome{position:absolute;z-index:8;top:0;left:0;right:0;height:39px;display:flex;align-items:center;gap:5px;padding:5px 5px 5px 8px;border-bottom:1px solid var(--line);border-radius:10px 10px 0 0;background:#faf9f5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .12s ease,transform .12s ease}.microtab-shell:hover .microtab-chrome,.microtab-shell:focus-within .microtab-chrome,.microtab-shell.selected .microtab-chrome,.microtab-shell.editing-url .microtab-chrome,.microtab-shell.viewport-active .microtab-chrome{opacity:1;pointer-events:auto;transform:translateY(0)}.drag-grip{flex:0 0 auto;color:#99978f;cursor:move}.url-form{min-width:80px;flex:1 1 auto;height:28px;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:7px;background:#ebe9e3;color:#89877f}.url-form:focus-within{box-shadow:0 0 0 2px #3dc4d94d}.url-form input{min-width:0;width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px;-webkit-user-select:text;user-select:text}.microtab-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.chrome-button{width:27px;height:27px;border-radius:7px}.advanced-menu{position:relative;display:flex;flex:0 0 auto}.advanced-menu-popover{position:absolute;z-index:20;top:32px;right:0;width:190px;padding:6px;border:1px solid rgba(35,36,32,.16);border-radius:10px;background:#fffefafa;box-shadow:0 12px 32px #23221d33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.advanced-menu-popover button{width:100%;min-height:32px;display:flex;align-items:center;gap:9px;border:0;border-radius:7px;padding:6px 8px;color:var(--ink);background:transparent;cursor:pointer;font-size:12px;text-align:left}.advanced-menu-popover button:hover{background:#ece9e1}.advanced-menu-popover button span{flex:1}.advanced-menu-popover button.danger{color:#a4332a}.advanced-menu-popover button.danger:hover{background:#fbe7e4}.advanced-menu-label{display:block;padding:4px 8px 5px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.advanced-menu-separator{height:1px;margin:5px 3px;background:var(--line)}.microtab-content{position:absolute;inset:0;overflow:hidden;border-radius:10px;background:#fff}.microtab-content iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;transform-origin:0 0;background:#fff}.microtab-content iframe.desktop-view{right:auto}.microtab-content iframe.mobile-view{left:50%;right:auto;margin-left:-195px}.microtab-snapshot{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill;background:#fff;-webkit-user-select:none;user-select:none}.snapshot-unavailable{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:6px;padding:20px;color:var(--muted);background:linear-gradient(135deg,#fff,#f3f1eb);text-align:center}.snapshot-unavailable span{color:var(--ink);font-size:13px;font-weight:700}.snapshot-unavailable p{margin:0;font-size:11px}.connector-frame-hint{position:absolute;z-index:7;left:50%;bottom:10px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;color:#432454;background:#f1e0fdf0;box-shadow:0 3px 12px #2f193b2e;font-size:10px;font-weight:700;pointer-events:none}.empty-microtab{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;color:#a09e96;background:linear-gradient(135deg,#fff,#f7f5ef)}.empty-microtab p{margin:0;font-size:13px}.url-error{position:absolute;z-index:12;top:43px;left:8px;padding:6px 9px;border-radius:7px;color:#922e27;background:#fce9e6;font-size:11px;box-shadow:0 4px 15px #321e191f}.load-pill{position:absolute;z-index:4;left:9px;bottom:9px;display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;color:#575951;background:#ffffffe6;box-shadow:0 3px 12px #1e1e1926;font-size:11px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 1s ease-in-out infinite}.blocked-card{position:absolute;z-index:5;left:50%;top:50%;width:min(310px,calc(100% - 32px));transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:7px;align-items:flex-start;padding:16px;border:1px solid #ddd8cb;border-radius:10px;background:#fffefaf7;box-shadow:0 7px 30px #28261f24}.blocked-card strong{font-size:13px}.blocked-card span{color:var(--muted);font-size:11px;line-height:1.45}.blocked-card button{display:flex;align-items:center;gap:6px;border:0;padding:5px 0 0;color:var(--accent-dark);background:transparent;font-size:11px;font-weight:700;cursor:pointer}.viewport-overlay{position:absolute;z-index:6;inset:0;display:grid;place-items:end;padding:10px;cursor:move;touch-action:none;background:#456a9b0f}.viewport-overlay span{padding:4px 7px;border-radius:6px;color:#fff;background:#264267d1;font-size:10px;font-weight:700}.resize-handle{position:absolute;z-index:10;right:-5px;bottom:-5px;width:20px;height:20px;border:0;background:transparent;cursor:nwse-resize;touch-action:none}.resize-handle:after{content:"";position:absolute;right:4px;bottom:4px;width:7px;height:7px;border-right:2px solid #79786f;border-bottom:2px solid #79786f}.selection-marquee{position:absolute;z-index:9998;pointer-events:none;border:1px solid var(--accent);background:#3dc4d91f}.creation-preview{position:absolute;z-index:9997;display:grid;place-items:center;pointer-events:none;border:2px solid var(--accent);border-radius:11px;background:#3dc4d91f;box-shadow:0 8px 24px #20646f1f}.creation-preview.invalid{border-style:dashed;opacity:.65}.creation-preview span{padding:4px 7px;border-radius:6px;color:#063b43;background:#dcf6f9f0;font-size:10px;font-weight:700}.canvas-empty{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.canvas-empty span{display:block;color:#77766f;font:700 18px/1.2 Manrope,sans-serif}.canvas-empty p{max-width:330px;margin:8px 0;color:#9a9890;font-size:13px}.gesture-hint{position:absolute;z-index:3;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);padding:6px 10px;border-radius:999px;color:#8b8981;background:#fffefaad;font-size:10px;pointer-events:none}.connector-hint{position:absolute;z-index:9998;left:50%;top:82px;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(164,103,213,.28);border-radius:999px;color:#4e2864;background:#f6e9fff0;box-shadow:0 5px 18px #40234e1f;font-size:11px;font-weight:700;pointer-events:none}.canvas-action-button{position:absolute;min-width:124px;height:40px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(35,36,32,.2);border-radius:9px;padding:0 14px;color:var(--ink);background:var(--paper);box-shadow:0 7px 20px #26251f21;cursor:pointer;touch-action:none}.canvas-action-button:hover{border-color:var(--accent);background:#f4fdfe}.canvas-action-button.connector-mode{border-style:dashed;border-color:#a467d5;cursor:crosshair}.canvas-action-button.connector-mode:hover,.canvas-action-button.connector-linked{border-style:solid;color:#51276a;background:#f3e3fc;box-shadow:0 0 0 3px #a467d533,0 7px 20px #26251f21}.canvas-action-button.synced-pulse{animation:synced-pulse .42s ease-out}.canvas-context-menu{position:absolute;z-index:12000;width:170px;padding:6px;border:1px solid rgba(35,36,32,.16);border-radius:10px;background:#fffefafa;box-shadow:0 12px 34px #23221d33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.canvas-context-menu button{width:100%;min-height:34px;display:flex;align-items:center;gap:9px;border:0;border-radius:7px;padding:6px 9px;color:var(--ink);background:transparent;cursor:pointer;font-size:12px;text-align:left}.canvas-context-menu button:hover{background:#ece9e1}.canvas-context-menu button span{flex:1}.toast{position:fixed;z-index:20000;left:50%;bottom:max(25px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:min(460px,calc(100vw - 30px));padding:10px 13px;border:1px solid rgba(45,72,58,.18);border-radius:10px;color:#24523f;background:#ecf6f0;box-shadow:0 9px 30px #26251f29;font-size:13px}.toast.error{color:#8c3029;border-color:#8c302933;background:#fcedea}.dialog-backdrop{position:fixed;z-index:30000;inset:0;display:grid;place-items:center;padding:20px;background:#24231f59;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog{position:relative;width:min(440px,100%);padding:28px;border:1px solid rgba(30,30,26,.12);border-radius:18px;background:var(--paper);box-shadow:0 24px 70px #1e1c173b}.dialog-close{position:absolute;top:12px;right:12px}.eyebrow{color:var(--accent-dark);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.dialog h2{margin:8px 0;font:700 23px/1.25 Manrope,sans-serif;letter-spacing:-.03em}.dialog p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.5}.google-button{width:100%;height:42px}.google-button span{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--line);border-radius:50%;color:#4285f4;font-weight:700}.dialog-divider{display:flex;align-items:center;gap:10px;margin:18px 0;color:#a3a199;font-size:11px}.dialog-divider:before,.dialog-divider:after{content:"";height:1px;flex:1;background:var(--line)}.dialog label{display:block;margin-bottom:6px;font-size:12px;font-weight:600}.email-row{display:flex;gap:7px}.email-row input{min-width:0;flex:1;height:40px;border:1px solid var(--line);border-radius:9px;padding:0 11px;background:#fff}.page-state{width:100%;height:100%;display:grid;place-content:center;justify-items:center;color:var(--muted);background:#f4f2ed}.page-state p{margin:12px 0;font-size:13px}.error-state{text-align:center;padding:25px}.error-state h1{margin:13px 0 6px;color:var(--ink);font:700 25px/1.2 Manrope,sans-serif}.error-state p{max-width:460px;line-height:1.5}.state-mark{color:var(--accent);font:700 52px/1 Manrope,sans-serif}.state-actions{display:flex;gap:8px;margin-top:15px}.shared-topbar{justify-content:space-between}.shared-title{min-width:0;display:flex;flex-direction:column;align-items:center}.shared-title strong{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.shared-title span{color:var(--muted);font-size:10px}.shared-actions{display:flex;align-items:center;gap:6px}.extension-install{color:inherit;text-decoration:none}html.snapshot-capture-active .topbar,html.snapshot-capture-active .gesture-hint,html.snapshot-capture-active .connector-hint,html.snapshot-capture-active .canvas-context-menu{display:none!important}html.snapshot-capture-active .canvas-surface{background:#fff!important}html.snapshot-capture-active .canvas-world{transform:none!important}html.snapshot-capture-active .microtab-shell,html.snapshot-capture-active .canvas-widget{display:none!important}html.snapshot-capture-active .microtab-shell.snapshot-target{position:fixed!important;display:block!important;left:50vw!important;top:50vh!important;transform:translate(-50%,-50%) scale(var(--snapshot-scale, 1));transform-origin:center;border:0;border-radius:0;box-shadow:none}html.snapshot-capture-active .snapshot-target .microtab-chrome,html.snapshot-capture-active .snapshot-target .microtab-hotspot,html.snapshot-capture-active .snapshot-target .resize-handle,html.snapshot-capture-active .snapshot-target .load-pill,html.snapshot-capture-active .snapshot-target .blocked-card,html.snapshot-capture-active .snapshot-target .connector-frame-hint,html.snapshot-capture-active .snapshot-target .viewport-overlay{display:none!important}html.snapshot-capture-active .snapshot-target .microtab-content{border-radius:0}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.32;transform:scale(.75)}}@keyframes synced-pulse{45%{transform:scale(1.08);box-shadow:0 0 0 6px #a467d53d,0 7px 20px #26251f21}}@media(hover:none){.microtab-chrome{opacity:1;pointer-events:auto;transform:none}.gesture-hint{display:none}}@media(max-width:980px){.topbar{gap:5px}.canvas-tabs{max-width:30vw}.toolbar-button span,.sync-indicator span{display:none}.toolbar-button{min-width:34px;padding-inline:8px}.share-button{min-width:34px}.sync-indicator{padding:0 2px}}@media(max-width:680px){.topbar{left:7px;right:7px;top:7px;border-radius:13px}.brand{padding-inline:4px}.canvas-tabs{max-width:28vw;padding-left:5px}.canvas-tab{max-width:94px;padding-inline:8px}.subtle-delete,.sync-indicator,.shared-title span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;color:#edece7;background:#121310;--ink: #edece7;--muted: #a6a79f;--paper: #1d1f1b;--line: rgba(238, 239, 232, .14);--accent-dark: #72d9e8;--green: #79c2a4;--shadow: 0 14px 35px rgba(0, 0, 0, .34), 0 2px 8px rgba(0, 0, 0, .28)}.workspace,.page-state{background:#151612}.canvas-surface{background-color:#151612;background-image:radial-gradient(circle,rgba(224,225,216,.17) 1px,transparent 1.3px)}.topbar{border-color:#eeefe821;background:#1d1f1beb;box-shadow:0 8px 30px #0000004d}.canvas-tab:hover,.icon-button:hover,.chrome-button:hover,.advanced-menu-popover button:hover,.canvas-context-menu button:hover{color:var(--ink);background:#30322c}.canvas-tab.active{color:var(--ink);background:#383a33}.canvas-tab.editing input,.email-row input{color:var(--ink);background:#252720}.icon-button.active,.chrome-button.active{color:#9ee9f1;background:#173b40}.toolbar-button,.google-button{background:var(--paper)}.toolbar-button:hover,.google-button:hover{border-color:#eeefe840;background:#292b25}.microtab-shell{border-color:#eeefe83d;background:#20221d}.microtab-chrome{background:#1f211cf7}.url-form{color:#aaa9a2;background:#2c2e28}.advanced-menu-popover,.canvas-context-menu{border-color:#eeefe826;background:#1d1f1bfa;box-shadow:0 12px 34px #0000006b}.canvas-action-button{border-color:#eeefe833;background:#20221d;box-shadow:0 7px 20px #0000004d}.canvas-action-button:hover{background:#203236}.canvas-action-button.connector-mode:hover,.canvas-action-button.connector-linked{color:#e5c3fa;background:#3b2847}.empty-microtab{color:#898b83;background:linear-gradient(135deg,#22241f,#1b1d19)}.snapshot-unavailable{background:linear-gradient(135deg,#22241f,#1b1d19)}.canvas-empty span{color:#d2d1cb}.canvas-empty p,.gesture-hint{color:#999b93}.gesture-hint{background:#1d1f1bb8}.connector-hint{color:#e3c1f8;border-color:#c182e859;background:#382443f2}.connector-frame-hint{color:#e5c7f7;background:#3b2646f0}.blocked-card{border-color:#484a42;background:#1f211cfa;box-shadow:0 7px 30px #00000057}.load-pill{color:#d8d8d2;background:#1f211ceb}.dialog{background:#1d1f1b;box-shadow:0 24px 70px #00000075}}