@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans KR,system-ui,sans-serif;color:#10275a;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100vh}.shell{max-width:1180px;margin:auto;padding:28px 28px 100px}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:-.04em;margin-bottom:3px}h2{font-size:20px;letter-spacing:-.03em}p{color:#8190ae}.topbar,.title-row,.top-actions,.section-heading,.create-card,.folder-card,.map-card,.editor-header,.button-row{display:flex;align-items:center}.topbar{justify-content:space-between;margin-bottom:32px}.title-row{gap:18px}.title-row p{margin:0;font-size:14px}.top-actions{gap:18px}.icon-bubble{flex:none;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:19px;box-shadow:inset 0 0 15px #fff8}.blue{background:#e8f2ff;color:#5195fa}.purple{background:#eee9ff;color:#9775f5}.mint{background:#e2f9f2;color:#35cba7}.status-pill{display:inline-flex;gap:8px;align-items:center;border-radius:99px;padding:10px 18px;color:#1eb994;background:#e9faf5;font-size:13px;font-weight:700;white-space:nowrap}.round-button{width:42px;height:42px;border-radius:50%;background:#fff;color:#8290ad;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 5px 20px #49699a12}.round-button:hover,.secondary:hover{background:#f0f5ff}.search-box{height:56px;border-radius:28px;background:#edf2fa;display:flex;align-items:center;gap:15px;padding:0 22px;color:#6684c5;margin-bottom:22px}.search-box input{border:0;background:transparent;outline:none;flex:1;color:#10275a;min-width:0}.search-box input::placeholder{color:#8798b8}.create-grid,.folder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.create-grid{margin-bottom:40px}.create-card,.folder-card{width:100%;text-align:left;gap:18px;background:#ecf5ff;border-radius:22px;padding:20px;min-height:100px;color:#10275a}.purple-card{background:#f5f1ff}.create-card strong,.folder-card strong{display:block;font-size:17px}.create-card small,.folder-card small{display:block;color:#7f91b6;margin-top:2px}.chevron{font-size:28px;color:#a4b5d5;margin-left:auto}.section-heading{justify-content:space-between;margin:34px 2px 16px}.section-heading h2{margin:0}.section-heading span{color:#8b9bb7;font-size:13px}.folder-grid{grid-template-columns:repeat(3,1fr)}.folder-card{background:#fff;box-shadow:0 10px 30px #375b9910;min-height:88px}.map-list{display:grid;gap:10px}.map-card{position:relative;justify-content:space-between;background:#fff;border-radius:20px;min-height:100px;box-shadow:0 10px 30px #375b990d;padding:12px 18px 12px 15px}.map-open{display:flex;align-items:center;gap:18px;text-align:left;flex:1;min-width:0;background:transparent;color:inherit}.map-thumb{display:flex;align-items:center;justify-content:center;flex:none;width:76px;height:76px;border-radius:20px;background:linear-gradient(140deg,#eef2ff,#f8ecff);font-size:32px;color:#8b83f9}.map-info{display:block;min-width:0}.map-info strong{display:block;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-info small{display:block;color:#8c9ab7;margin:3px 0;font-size:12px}.map-status{font-style:normal;display:inline-block;color:#27b99e;background:#e7fbf7;padding:3px 9px;border-radius:50px;font-size:11px}.map-status.pending,.map-status.syncing{color:#bd8d2b;background:#fff7df}.map-status.error,.map-status.conflict{color:#d95364;background:#fff0f2}.map-menu>button{background:#f4f7fc;width:36px;height:36px;border-radius:50%;color:#8b9bb7}.menu-panel{position:absolute;right:16px;top:68px;background:#fff;z-index:5;border-radius:12px;box-shadow:0 10px 25px #243a6740;padding:7px;min-width:150px}.menu-panel[hidden]{display:none}.menu-panel button{display:block;width:100%;text-align:left;background:#fff;padding:8px 10px;color:#18345f;border-radius:7px}.menu-panel button:hover{background:#eef4ff}.empty-state{text-align:center;background:#fff;border-radius:22px;padding:50px 20px}.empty-icon{font-size:40px;color:#8b83f9}.empty-state h3{margin:8px}.library-bottom{position:sticky;bottom:16px;display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.library-bottom button,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:11px 17px;font-weight:700}.primary{background:linear-gradient(110deg,#609efa,#7e73f3);color:#fff;box-shadow:0 8px 20px #6685ee44}.secondary{background:#fff;color:#5267a1;border:1px solid #e2e9f5}.library-bottom>button:first-child{background:#fff;color:#7483a5}.back-link,.text-button{background:none;color:#6683be;padding:5px 0}.back-link{display:flex;align-items:center;gap:5px;margin:-15px 0 20px}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 25% 15%,#e8f0ff,transparent 35%),#f7f9fc}.auth-card{background:#fff;width:min(100%,410px);padding:35px;border-radius:25px;box-shadow:0 20px 60px #3147751b;text-align:center}.brand-mark{width:60px;height:60px;border-radius:19px;background:#e9efff;color:#7079ef;display:grid;place-items:center;font-size:30px;margin:0 auto 18px}.auth-card h1{font-size:24px}.auth-card>p{font-size:13px}.auth-tabs{display:flex;background:#f1f4fa;border-radius:12px;padding:4px;margin:25px 0 20px}.auth-tabs button{width:50%;padding:9px;background:none;color:#8490a5;border-radius:9px}.auth-tabs button.selected{background:#fff;color:#496dd5;box-shadow:0 2px 7px #364f7818}.auth-card label{display:block;text-align:left;font-size:13px;font-weight:700;margin:13px 0}.auth-card input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #dbe3ef;border-radius:11px;outline:none}.auth-card input:focus{border-color:#849bf0}.wide{width:100%;margin-top:13px}.text-button{font-size:12px;margin-top:12px}.divider{color:#a5b0c2;font-size:12px;margin:13px}.helper{font-size:12px;line-height:1.6;color:#9aa8bd;margin-top:17px}.editor-page{height:100vh;display:flex;flex-direction:column;background:#f6f8fc}.editor-header{height:65px;padding:0 20px;background:#fff;border-bottom:1px solid #e8edf5;gap:12px;flex:none}.editor-header input{font-size:18px;font-weight:700;color:#132d62;border:0;outline:none;min-width:0;flex:1}.editor-status{font-size:12px;color:#19b79a;white-space:nowrap}.editor-body{display:flex;flex:1;min-height:0}.editor-sidebar,.inspector{width:230px;background:#fff;padding:18px;border-right:1px solid #e6edf6;flex:none;overflow:auto}.inspector{width:235px;border-right:0;border-left:1px solid #e6edf6}.editor-sidebar h3,.inspector h3{font-size:14px}.editor-sidebar button{width:100%;display:flex;align-items:center;gap:9px;padding:10px;background:transparent;text-align:left;border-radius:9px;color:#53678f;font-size:13px}.editor-sidebar button:hover{background:#f1f5ff}.editor-sidebar hr{border:0;border-top:1px solid #edf1f7;margin:12px 0}.editor-sidebar label{font-size:12px;color:#7482a1}.editor-sidebar select{width:100%;display:block;padding:8px;border:1px solid #dce5f3;border-radius:8px;margin:8px 0 15px;color:#405884;background:#fff}.canvas-wrap{position:relative;flex:1;min-width:0}.canvas{width:100%;height:100%;touch-action:none}.zoom-controls{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;gap:2px;background:#fff;padding:5px;border-radius:11px;box-shadow:0 5px 20px #4057802a}.zoom-controls button{display:flex;align-items:center;justify-content:center;background:#fff;color:#6e83a9;padding:7px;border-radius:7px;font-size:12px}.zoom-controls button:hover{background:#eef3fb}.inspector p{font-size:12px;line-height:1.6}.inspector-note{background:#ecf9f5;color:#24aa8e;border-radius:12px;padding:13px;font-size:12px}.settings-page{max-width:800px}.settings-card{background:#fff;border-radius:20px;padding:25px;margin:20px 0;box-shadow:0 10px 30px #375b990d}.settings-card h2{font-size:17px}.settings-card p{font-size:13px;line-height:1.7}.button-row{gap:10px;flex-wrap:wrap}.error-text{color:#d95364}.toast{position:fixed;z-index:20;left:50%;bottom:25px;transform:translate(-50%);max-width:min(95vw,500px);background:#233963;color:#fff;border-radius:12px;padding:12px 16px;display:flex;gap:16px;align-items:center;font-size:13px;box-shadow:0 8px 30px #1a306344}.toast button{background:transparent;color:#bdd0ff}.editor-page button:focus-visible,.library button:focus-visible,.auth-shell button:focus-visible{outline:3px solid #8c9df9;outline-offset:2px}@media(max-width:900px){.inspector{display:none}.folder-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{padding:20px 16px 85px}.topbar{margin-bottom:23px}.topbar h1{font-size:23px}.title-row{gap:12px}.title-row p{font-size:11px}.top-actions{gap:8px}.status-pill{font-size:0;padding:10px}.status-pill svg{width:18px}.create-grid,.folder-grid{grid-template-columns:1fr;gap:10px}.create-grid{margin-bottom:25px}.create-card{min-height:78px;padding:12px 15px}.create-card .icon-bubble,.folder-card .icon-bubble{width:48px;height:48px}.folder-card{min-height:73px}.section-heading{margin-top:27px}.map-card{min-height:84px}.map-thumb{height:59px;width:59px}.map-info strong{font-size:15px}.editor-sidebar{display:none}.editor-header{height:58px;padding:0 10px;gap:7px}.editor-header input{font-size:15px}.editor-status{font-size:10px;max-width:86px;white-space:normal;line-height:1.2}.editor-header .round-button{width:36px;height:36px}.mobile-toolbar{display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e3eaf4;padding:7px 0 calc(7px + env(safe-area-inset-bottom));flex:none}.mobile-toolbar button{background:#fff;color:#6078a7;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;min-width:50px}.mobile-toolbar svg{width:21px;height:21px}.zoom-controls{bottom:12px;right:9px}.settings-card{padding:20px}}.inspector label{display:block;color:#7182a3;font-size:12px;font-weight:700;margin:18px 0}.inspector textarea,.inspector input{display:block;width:100%;margin-top:7px;min-height:38px;padding:8px;border:1px solid #dce5f3;border-radius:9px;background:#fff;color:#18345f;resize:vertical}.inspector textarea{min-height:90px}.inspector-note{margin-top:15px}.conflict-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1f7;padding:12px 0;font-size:13px}.conflict-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-item{position:relative}.folder-actions{position:absolute;right:11px;bottom:7px;display:flex;gap:3px}.folder-actions button{background:transparent;color:#91a0b7;font-size:11px;padding:3px 5px}.folder-card{padding-bottom:29px}.menu-label{font-size:10px;font-weight:700;color:#9ba8bd;padding:6px 10px 2px}.menu-panel{max-height:280px;overflow:auto}.detail-trigger{display:none}.sheet-overlay{position:fixed;inset:0;z-index:12;background:#1c2f5266;display:flex;align-items:flex-end;justify-content:center}.detail-sheet{background:#fff;width:min(100%,650px);padding:22px 22px calc(22px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;box-shadow:0 -10px 35px #1a2c5240}.sheet-heading{display:flex;justify-content:space-between;align-items:center}.sheet-heading h3{font-size:17px;margin:0}.sheet-heading button{background:transparent;color:#7484a4}.detail-sheet label{display:block;margin:17px 0;color:#6f81a4;font-size:13px;font-weight:700}.detail-sheet input,.detail-sheet textarea{display:block;margin-top:8px;width:100%;border:1px solid #dce5f3;border-radius:10px;padding:10px;color:#18345f}.detail-sheet textarea{height:100px;resize:vertical}@media(max-width:900px){.detail-trigger{display:inline-flex}}.node-colors{border:1px solid #e2eaf5;border-radius:12px;padding:10px 12px 12px;margin:18px 0 12px;min-width:0}.node-colors legend{padding:0 5px;color:#425c8f;font-size:12px;font-weight:700}.node-color-list{display:grid;gap:8px}.inspector .node-color-row,.detail-sheet .node-color-row{display:flex;align-items:center;gap:9px;margin:0;color:#52678f;font-size:12px;font-weight:600}.node-color-row span{flex:1}.inspector .node-color-row input[type=color],.detail-sheet .node-color-row input[type=color]{width:38px;height:34px;min-height:34px;margin:0;padding:2px;border:1px solid #dce5f3;border-radius:8px;cursor:pointer;background:#fff;flex:none}.node-color-row output{min-width:68px;color:#60728f;font:11px ui-monospace,SFMono-Regular,monospace;text-align:right}.node-colors:disabled{opacity:.55}.drag-hint{color:#677b9e;font-size:12px;line-height:1.55;margin:8px 0 15px}.detail-sheet{max-height:min(90vh,800px);overflow:auto}:root{color:#102453;background:#f8fbff}body{background:#f8fbff}.app{background:#f9fcff}.shell{max-width:1120px;padding:30px 30px 80px}.topbar{margin-bottom:28px}.topbar h1{font-size:28px;color:#0c2252}.title-row p{color:#8395bc}.round-button{width:48px;height:48px;box-shadow:0 8px 24px #3c6c9b15}.status-pill{background:#e9fbf7;color:#0eae8f;box-shadow:0 5px 14px #10b99e0d;padding:10px 16px}.status-pill svg{fill:#2cc8a9;stroke:#fff;border-radius:50%}.icon-bubble{border-radius:50%;width:58px;height:58px}.icon-bubble.blue{background:#e7f1ff;color:#5b97fa}.icon-bubble.purple{background:#eee9ff;color:#9679fa}.icon-bubble.mint{background:#dff9f3;color:#31cba8}.search-box{background:#f0f4fc;height:64px;border-radius:32px}.create-card{border:1px solid #e9f0fc;background:#f1f8ff;box-shadow:0 10px 26px #5585bd0d;border-radius:23px;min-height:110px}.create-card.purple-card{background:#f8f5ff}.create-card:hover,.folder-card:hover,.map-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px #4c7eaf1c}.create-card,.folder-card,.map-card{transition:transform .16s,box-shadow .16s}.chevron{color:#99aad1;flex:none}.section-heading{margin-top:38px}.section-heading span{display:flex;align-items:center;gap:4px}.folder-grid{gap:18px}.folder-card{border-radius:23px;min-height:102px}.folder-actions{right:24px;bottom:7px}.map-list{gap:10px}.map-card{border:1px solid #f0f4fb;box-shadow:0 12px 30px #497ca010;border-radius:24px;min-height:112px}.map-thumb{border-radius:20px;background:#f1eeff;color:#8d81fb}.map-thumb.thumb-1{background:#e8fbfa;color:#36c6bd}.map-thumb.thumb-2{background:#e9f2ff;color:#629cf8}.map-status{display:inline-flex;align-items:center;gap:4px}.map-menu>button{display:grid;place-items:center}.library-bottom{position:static;justify-content:flex-start;margin-top:26px}.library-bottom button{color:#536ca8;background:#fff;border:1px solid #e8eef8;border-radius:16px;padding:12px 18px;box-shadow:0 8px 20px #416da510}.empty-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:#f3f0ff;margin:0 auto;color:#8d82fa}.empty-state{box-shadow:0 12px 30px #497ca010}.empty-state .primary{margin-top:10px}.auth-shell{background:radial-gradient(circle at 50% 18%,#e9f2ff,#f9fcff 34% 100%);padding:34px 20px;min-height:100vh}.auth-card{background:transparent;box-shadow:none;border-radius:0;width:min(100%,480px);padding:10px 8px 25px}.auth-art{height:175px;display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:8px}.auth-art span{width:78px;height:78px;display:grid;place-items:center;border-radius:23px;background:#fff;color:#5e9afb;box-shadow:0 17px 30px #8aa8e738;transform:rotate(-10deg)}.auth-art span:nth-child(2){width:115px;height:142px;color:#54d3bb;border:7px solid #dbe5ff;border-radius:29px;transform:rotate(-7deg);z-index:1}.auth-art span:nth-child(3){width:104px;height:93px;border-radius:50%;color:#827cf5;background:#ecf0ff;transform:rotate(10deg)}.auth-card h1{font-size:35px;color:#0c2050;letter-spacing:-.05em;margin-bottom:12px}.auth-card .auth-intro{font-size:16px;line-height:1.7;color:#7589af;margin-bottom:24px}.auth-tabs{margin:20px 0 26px;border-radius:30px;background:#f4f6fc;box-shadow:inset 0 0 0 1px #e6edfb}.auth-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:30px;padding:12px 7px;font-weight:700}.auth-tabs button.selected{background:linear-gradient(110deg,#83a9ff,#9c8ff9);color:#fff;box-shadow:0 8px 20px #8197eb38}.auth-card .auth-input{height:60px;border-radius:30px;background:#fff;border:1px solid #dce7fa;box-shadow:0 6px 20px #8fb0d015;display:flex;align-items:center;gap:13px;padding:0 18px;margin:12px 0;color:#6b9bf4}.auth-input input{border:0;padding:0;margin:0;outline:none;min-width:0;flex:1;background:transparent}.auth-input input:focus{border:0}.auth-input button{background:transparent;color:#8a9ab7;padding:4px}.auth-help{text-align:right}.auth-help .text-button{font-size:13px;margin:0;color:#738eff;text-decoration:underline}.auth-card .primary.wide{height:60px;border-radius:31px;font-size:17px;margin-top:21px}.auth-card .divider{display:flex;align-items:center;gap:15px;margin:22px 0;color:#9aaace}.auth-card .divider:before,.auth-card .divider:after{content:"";height:1px;background:#e0e9f7;flex:1}.auth-card .offline-button{height:60px;border-radius:31px;background:#effaf7;color:#169d85;border:1px solid #5dd6be;font-size:16px}.auth-card .auth-note{display:flex;text-align:left;gap:12px;background:#eaf8f7;border-radius:18px;padding:15px 16px;color:#6983aa;font-size:12px;line-height:1.6;margin-top:20px}.auth-note svg{flex:none;color:#32bca6;margin-top:1px}.editor-page{background:#f9fcff}.editor-header{height:58px;padding:0 15px;gap:10px;background:#fff;box-shadow:0 1px #e6edf8}.editor-header .round-button{width:34px;height:34px;box-shadow:none;background:#f0f5ff;color:#5971a6}.editor-header .back-to-library{display:none}.desktop-brand{display:flex;align-items:center;gap:13px;font-weight:800;color:#1b3260;font-size:14px;padding-right:16px;border-right:1px solid #e7edf8;white-space:nowrap}.desktop-brand svg{color:#3f64a7}.editor-header input{font-size:14px;max-width:230px;flex:0 1 230px}.title-chevron{color:#7485a8}.header-history{display:flex;align-items:center;margin-left:10px;gap:8px}.header-history button{background:transparent;color:#7d93ba;padding:5px}.editor-header .editor-status{margin-left:auto;border-radius:30px;padding:6px 11px;background:#eafbf6;color:#1fb89e;font-size:11px;font-weight:700;display:flex;align-items:center;gap:4px}.editor-status.error{background:#fff0f2;color:#d95765}.editor-status.saving{background:#fff7e9;color:#bd8b24}.editor-dropdown{position:absolute;z-index:15;top:51px;right:12px;min-width:215px;padding:6px;background:#fff;border:1px solid #e5ecfa;border-radius:14px;box-shadow:0 18px 45px #2e4d7940;max-height:calc(100vh - 65px);overflow:auto}.editor-dropdown button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;color:#3f5784;text-align:left;padding:10px 11px;border-radius:8px;font-size:13px}.editor-dropdown button:hover{background:#f1f5ff}.editor-sidebar{width:248px;padding:0;border-right:1px solid #e8eef8}.sidebar-section-title{display:flex;align-items:center;justify-content:space-between;padding:17px 16px 9px;font-size:13px;color:#203969}.sidebar-section-title button{background:transparent;color:#6680ad}.sidebar-maps{padding:0 12px 13px}.sidebar-maps button{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;color:#536a94;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-maps button svg{flex:none;color:#3bcba9}.sidebar-maps button.active{background:#e9f2ff;color:#173c7f;font-weight:700}.sidebar-maps button:hover{background:#f1f6ff}.outline-heading{border-top:1px solid #e8eef8}.outline-list{padding:4px 8px 15px;overflow:auto}.outline-item{display:flex;align-items:center;gap:8px;min-height:25px;font-size:12px;color:#425b86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outline-dot{display:inline-block;width:5px;height:5px;background:#a0d4f1;border-radius:50%;flex:none}.canvas-wrap{background:radial-gradient(circle at 50% 45%,#fff 50%,#f8fcff)}.zoom-controls{left:18px;right:auto;bottom:18px;border-radius:11px;border:1px solid #e9eef9;box-shadow:0 8px 25px #6482aa1f}.zoom-controls button{gap:6px}.inspector{width:294px;padding:0;border-left:1px solid #e8eef8;display:flex;flex-direction:column}.inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 16px;border-bottom:1px solid #e8eef8}.inspector-heading h3{margin:0;font-size:14px}.inspector-heading button{background:transparent;color:#8497b7}.inspector-body{padding:17px;overflow:auto;flex:1}.selected-node{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px}.node-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#f5d6e8;color:#d8589c;flex:none}.inspector label{font-size:12px;color:#354f83;margin:18px 0;font-weight:700}.inspector input,.inspector textarea{border-radius:7px;border:1px solid #d8e5f5;box-shadow:0 2px 5px #aac0d00c}.inspector textarea{min-height:86px}.image-upload{width:100%;border:1px dashed #d5e2f2;border-radius:9px;padding:18px;background:#fafdff;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#6885b2;font-size:13px}.image-upload small{font-size:10px;color:#a0b0ca;margin-top:5px}.style-heading{font-size:13px;font-weight:800;margin-top:20px;border-top:1px solid #e8eef8;padding-top:16px}.node-colors{border:0;padding:0;margin:15px 0}.node-colors legend{padding:0;color:#4e6391}.inspector-note{border-radius:0;background:#e9faf5;display:flex;align-items:center;gap:7px;padding:15px;color:#13a889}.mobile-toolbar{display:none}.sheet-overlay{background:#172b4f63}.detail-sheet{border-radius:24px 24px 0 0;max-height:75dvh;padding:0 20px calc(20px + env(safe-area-inset-bottom))}.sheet-heading{gap:10px;padding:18px 0;border-bottom:1px solid #e9eef8}.sheet-heading h3{flex:1}.sheet-tabs{display:flex;gap:8px;margin-top:14px}.sheet-tabs button{flex:1;padding:10px;background:#f2f5fc;color:#7589ad;border-radius:10px}.sheet-tabs button.selected{background:#e8f1ff;color:#416de2;font-weight:700}.detail-sheet label{font-size:13px}.sheet-action{display:flex;align-items:center;gap:12px;width:100%;padding:16px;margin:12px 0;border:1px solid #e5edf9;border-radius:14px;background:#fff;color:#243c75;text-align:left;font-weight:700}.sheet-action svg:last-child{margin-left:auto;color:#a1afd0}.sheet-action.danger{color:#d65d68}.sheet-save{display:flex;align-items:center;gap:9px;margin-top:17px;padding:13px;border-radius:13px;background:#e9faf5;color:#16ab8f;font-size:12px}.settings-page,.files-page{max-width:980px}.settings-card{border:1px solid #e6edfa;box-shadow:0 10px 30px #5a87a814;border-radius:24px;margin:18px 0;padding:24px}.settings-card h2{font-size:19px;margin-bottom:6px}.settings-card p{font-size:14px;margin:0;color:#7087b1}.account-card,.storage-card,.sync-card,.settings-action{display:flex;align-items:center;gap:22px}.account-card{background:#f7f7ff}.account-card>div,.storage-card>div,.sync-card>div{flex:1}.account-card button,.sync-card button{border-radius:30px;background:#f4f2ff;color:#655bf0;white-space:nowrap}.settings-icon{flex:none;width:58px;height:58px;border-radius:50%;display:grid;place-items:center}.storage-card{background:#f5fefa}.storage-card p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #e9f0f2;padding:6px 0}.storage-card p strong{color:#153c83}.storage-ring{flex:none;width:98px;height:98px;border:8px solid #c8f4e8;border-top-color:#41d2ac;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#1fbe9a;font-size:13px}.sync-card{background:#f8f7ff}.info-card{background:#f4faff;display:grid;grid-template-columns:32% 1fr;align-items:center;gap:25px}.info-illustration{height:180px;display:flex;align-items:center;justify-content:center;gap:0;color:#798bfa}.info-illustration svg:first-child{width:110px;height:110px;padding:22px;border:6px solid #cfdcff;border-radius:24px;background:#fff;box-shadow:0 15px 25px #799cec2c}.info-illustration svg:last-child{margin-left:-18px;color:#3bcba2}.info-inline{background:#e6f2ff;border-radius:12px;padding:12px;margin:15px 0;color:#3e72ad;display:flex;gap:10px;align-items:center;font-size:12px}.settings-action{width:100%;text-align:left;color:#17356d;background:#f5fefa}.settings-action span:nth-child(2){flex:1}.settings-action strong,.settings-action small{display:block}.settings-action small{font-size:13px;color:#788eb3;font-weight:400;margin-top:4px}.settings-action>svg{color:#80a0c6}.files-list{display:grid;gap:16px;background:#fff;border-radius:28px;padding:22px;box-shadow:0 10px 35px #5c80a417}.file-option{min-height:155px;padding:24px;border-radius:23px;display:flex;align-items:center;gap:26px;text-align:left;color:#132b62}.file-option.mint-option{background:#f1fcf9}.file-option.purple-option{background:#f5f3ff}.file-option.blue-option{background:#f0f8ff}.file-option .file-icon{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;flex:none;background:#d7f7ed;color:#24c5a0}.file-option.purple-option .file-icon{background:#e7dfff;color:#8c69f5}.file-option.blue-option .file-icon{background:#dfeeff;color:#5599f8}.file-option .file-icon svg{width:34px;height:34px}.file-option>span:nth-child(2){flex:1}.file-option strong,.file-option small,.file-option em{display:block}.file-option strong{font-size:22px;margin-bottom:8px}.file-option small{font-size:14px;color:#7188b4;line-height:1.5}.file-option em{font-size:12px;font-style:normal;color:#209f84;background:#e0f7f0;border-radius:20px;padding:4px 12px;margin-top:10px;width:max-content}.file-option.purple-option em{color:#6e57d9;background:#e9e5ff}.files-note{display:flex;align-items:center;gap:18px;border-radius:24px;background:#f0f8ff;margin-top:22px;padding:22px;color:#27b69a}.files-note p{margin:4px 0 0;font-size:13px;color:#7188b4}@media(max-width:1050px){.editor-sidebar{width:205px}.inspector{width:255px}.desktop-brand{display:none}.editor-header .back-to-library{display:inline-flex}}@media(max-width:800px){.editor-sidebar,.inspector{display:none}.editor-header{background:transparent;border:0;box-shadow:none;height:66px;padding:8px 12px}.editor-header .back-to-library{background:#dff8f2;color:#29baa0}.editor-header input{background:transparent;font-size:16px;max-width:none;flex:1}.title-chevron,.header-history{display:none}.editor-header .editor-status{font-size:0;padding:9px;border-radius:50%}.editor-header .editor-status svg{width:17px;height:17px}.editor-more{background:#fff!important;box-shadow:0 5px 20px #49699a12!important}.mobile-toolbar{display:flex;justify-content:space-around;gap:2px;background:#fff;border-top:1px solid #e5edf8;padding:8px 6px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -7px 25px #517fa015}.mobile-toolbar button{background:transparent;color:#2c4980;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;min-width:0;flex:1;padding:7px 2px}.mobile-toolbar button svg{width:22px;height:22px;color:#6f8df4}.mobile-toolbar button:first-child svg{color:#31c5a5}.zoom-controls{right:12px;left:auto;bottom:14px}.zoom-controls button span{display:none}.canvas-wrap{background:#fbfdff}.settings-card{padding:19px}}@media(max-width:650px){.shell{padding:22px 18px 55px}.topbar{gap:8px;margin-bottom:22px}.topbar h1{font-size:23px}.topbar .title-row p{font-size:11px}.topbar .icon-bubble{width:46px;height:46px}.topbar .top-actions{gap:7px}.topbar .status-pill{font-size:0;padding:9px}.topbar .status-pill svg{width:17px;height:17px}.search-box{height:52px}.create-grid{grid-template-columns:1fr;gap:10px;margin-bottom:25px}.create-card{min-height:80px;padding:13px}.create-card .icon-bubble{width:46px;height:46px}.create-card strong,.folder-card strong{font-size:15px}.create-card small,.folder-card small{font-size:11px}.folder-grid{display:flex;overflow-x:auto;gap:10px;padding:0 1px 6px}.folder-item{flex:0 0 155px}.folder-card{min-height:96px;gap:9px;padding:11px}.folder-card .icon-bubble{width:40px;height:40px}.folder-card .chevron{display:none}.folder-actions{right:7px;bottom:3px}.map-card{padding:10px;min-height:91px;border-radius:19px}.map-open{gap:12px}.map-thumb{width:58px;height:58px}.map-info strong{font-size:15px}.map-info small,.map-status{font-size:10px}.library-bottom{gap:8px}.library-bottom button{font-size:11px;padding:10px}.section-heading{margin-top:26px}.auth-card h1{font-size:30px}.auth-art{height:145px}.auth-art span:nth-child(2){height:120px;width:98px}.auth-card .auth-intro{font-size:14px}.settings-card{align-items:flex-start;gap:12px;border-radius:19px}.settings-icon{width:44px;height:44px}.settings-card h2{font-size:16px}.settings-card p{font-size:12px}.account-card button,.sync-card button{font-size:11px;padding:9px}.storage-ring{width:70px;height:70px;border-width:6px;font-size:10px}.storage-ring svg{width:15px}.info-card{grid-template-columns:1fr}.info-illustration{height:85px}.info-illustration svg:first-child{width:70px;height:70px;padding:12px}.file-option{gap:12px;padding:16px;min-height:120px}.file-option .file-icon{width:56px;height:56px}.file-option .file-icon svg{width:24px}.file-option strong{font-size:16px}.file-option small{font-size:11px}.files-list{padding:10px}.files-page .topbar .status-pill{display:none}}.sidebar-section-title button{width:auto;padding:0;flex:none}.node-actions{display:flex;gap:5px;margin:-5px 0 17px}.node-actions button{display:flex;align-items:center;justify-content:center;gap:3px;flex:1;background:#f2f6fc;color:#536fa3;border-radius:7px;padding:7px 3px;font-size:11px}.node-actions button:hover{background:#e9f0ff}.node-actions button:disabled{opacity:.45}.file-map-select{display:flex;align-items:center;gap:15px;margin-bottom:17px;color:#4e6595;font-weight:700;font-size:13px}.file-map-select select{border:1px solid #d9e4f4;border-radius:10px;padding:10px 14px;background:#fff;color:#173465;min-width:240px}.file-option:disabled{opacity:.55;cursor:not-allowed}@media(max-width:650px){.file-map-select{align-items:stretch;flex-direction:column;gap:6px}.file-map-select select{width:100%}}.file-option.share-option{background:#f2f9ff}.file-option.share-option .file-icon{background:#e0efff;color:#4b94eb}.section-tools{display:flex;align-items:center;gap:12px;color:#8b9bb7;font-size:12px}.sort-control{display:flex;align-items:center;gap:4px}.sort-control select{border:1px solid #e0eafa;border-radius:9px;background:#fff;padding:6px 8px;color:#516b9c;font-size:12px}@media(max-width:650px){.section-tools{gap:7px}.sort-control{font-size:0}.sort-control select{font-size:11px;padding:5px}}.desktop-brand{background:transparent;cursor:pointer}.desktop-brand:hover{color:#526de1}.map-card.menu-open{z-index:11;transform:none}.canvas-wrap{overflow:hidden}.outline-list .outline-item{display:flex;width:100%;background:transparent;border:0;text-align:left;border-radius:6px;padding-right:5px}.outline-list .outline-item:hover{background:#eff5ff;color:#2d5caa}.outline-list .outline-item:disabled{cursor:default;opacity:.65}.status-pill{gap:10px;padding:7px 14px 7px 7px;border:1px solid #d9f2e9;background:#f0fbf7;color:#118b72;box-shadow:0 5px 18px #2ba98715;font-size:12px;font-weight:800;line-height:1.2}.status-emblem{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:#29c59d;color:#fff;box-shadow:0 3px 9px #1aaa8760}.status-available{border-color:#e1ecfb;background:#f3f8ff;color:#5077a8}.status-available .status-emblem{background:#6b9ce8;box-shadow:0 3px 9px #6b9ce860}.status-pending{border-color:#f8e9c5;background:#fffaf0;color:#a97616}.status-pending .status-emblem{background:#e8af39;box-shadow:0 3px 9px #d99b3360}.status-synced{border-color:#dcecfb;background:#f1f8ff;color:#3484c2}.status-synced .status-emblem{background:#489ce0;box-shadow:0 3px 9px #4b91d260}.status-error{border-color:#fadadd;background:#fff3f4;color:#c4545e}.status-error .status-emblem{background:#e66971;box-shadow:0 3px 9px #dc6d7560}.editor-header .editor-status>svg{width:20px;height:20px;padding:4px;border-radius:50%;background:#28c49e;color:#fff;box-shadow:0 3px 9px #1aaa8740}.editor-header .editor-status.error>svg{background:#e66971}.editor-header .editor-status.saving>svg{background:#e8af39}.node-icon-controls{border:0;padding:0;margin:18px 0}.node-icon-controls legend{padding:0;color:#4e6391;font-size:12px;font-weight:800}.node-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:9px}.node-icon-grid button{min-height:56px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:5px 2px;border:1px solid #e2eafa;border-radius:11px;background:#fff;color:#5c7099;font-size:10px}.node-icon-grid button:hover{background:#f5f9ff}.node-icon-grid button.selected{border-color:#8b9df8;background:#eef3ff;box-shadow:0 0 0 2px #849aff22}.node-icon-grid button svg{flex:none}.node-icon-controls:disabled button{opacity:.45}.sheet-style .node-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:650px){.topbar .status-pill{padding:5px;border-radius:50%;box-shadow:0 4px 12px #2ba98722}.topbar .status-emblem{width:29px;height:29px}.editor-header .editor-status>svg{width:21px;height:21px;padding:4px}}.node-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:280px;overflow-y:auto;padding:2px 4px 4px 2px;scrollbar-width:thin}@media(max-width:800px){.editor-header{gap:5px}.editor-header .back-to-library{order:0;flex:none}.editor-header .header-history{order:1;display:flex;gap:4px;margin:0;flex:none}.editor-header .header-history button{width:34px;height:34px;display:grid;place-items:center;padding:0;border-radius:50%;background:#ffffff80;color:#486da8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #5f82ae18}.editor-header input{order:2;flex:1;max-width:none;min-width:0;padding:0 3px}.editor-header .editor-status{order:3;margin-left:0;flex:none}.editor-header .editor-more{order:4;flex:none}.mobile-toolbar{margin:0 10px 10px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border:1px solid #ffffffa8;border-radius:50px;background:#ffffff80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #5774a024}.mobile-toolbar button{min-height:48px;border-radius:22px;background:transparent;color:#304d80}.mobile-toolbar button:disabled{opacity:.42}}.update-card{display:flex;align-items:flex-start;gap:22px;background:#f5f9ff}.update-card.has-update{border-color:#bfd5ff;background:#f1f6ff}.update-card .settings-icon{background:#e1edff;color:#5b8fe9}.update-content{flex:1;min-width:0}.update-content>p{margin:4px 0}.update-content>p strong{color:#193f88}.update-content>.update-state{margin-top:9px;font-weight:700;color:#4b73b3}.update-card.has-update .update-state{color:#386ed4}.update-content>small{display:block;margin-top:6px;color:#8799b5}.update-history{margin-top:17px;padding-top:14px;border-top:1px solid #dce7f7}.update-history h3{margin:0 0 10px;font-size:14px;color:#284c86}.update-release{padding:9px 0;border-top:1px solid #e4ebf6}.update-release:first-of-type{border-top:0}.update-release>strong{font-size:14px;color:#315baf}.update-release time{margin-left:10px;font-size:12px;color:#8b9bb4}.update-release ul{margin:6px 0 0;padding-left:18px;color:#587096;font-size:13px;line-height:1.55}.update-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.update-actions button{min-height:44px}.update-actions button:disabled{opacity:.65;cursor:wait}.update-alert{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:8px 11px;border-radius:18px;background:#e8f0ff;color:#3e70c9;font-size:12px;font-weight:800;white-space:nowrap}@media(max-width:650px){.update-card{gap:12px}.update-release ul{font-size:12px}.update-actions{flex-direction:column}.update-actions button{justify-content:center;width:100%}}.inspector-toggle,.outline-toggle{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:32px;height:104px;display:grid;place-items:center;padding:0;border:1px solid #d9e5f7;background:#fffffff0;color:#567ab7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.inspector-toggle{right:0;border-right:0;border-radius:17px 0 0 17px;box-shadow:-5px 0 18px #456b9a1d}.outline-toggle{left:0;border-left:0;border-radius:0 17px 17px 0;box-shadow:5px 0 18px #456b9a1d}.inspector-toggle:hover,.outline-toggle:hover{background:#eaf3ff;color:#3568bc}.inspector-toggle:focus-visible,.outline-toggle:focus-visible{outline:3px solid #6d94ea;outline-offset:-4px}.inspector-toggle svg,.outline-toggle svg{stroke-width:2.6}@media(max-width:800px){.inspector-toggle,.outline-toggle{display:none}}:root{--ui-line:#dfe8f5;--ui-ink:#173663;--ui-muted:#6880a5;--ui-focus:#5a85e8}button,input,textarea,select{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}:where(button,input,textarea,select):focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}.search-box{border:1px solid transparent;box-shadow:inset 0 1px 2px #5b79a009}.search-box:focus-within{border-color:#9bbaf3;background:#fff;box-shadow:0 0 0 4px #5a85e81a}.create-card,.folder-card,.map-card,.settings-card{border:1px solid #e8eef8}.create-card:hover,.folder-card:hover,.map-card:hover{border-color:#cbdcf5;box-shadow:0 12px 30px #31558e19}.create-card:active,.folder-card:active,.map-open:active{transform:scale(.995)}.map-card{gap:12px}.map-open{border-radius:12px}.map-open:hover .map-info strong{color:#3c6dc7}.map-info small{color:#7287a9}.map-menu>button:hover,.map-menu>button[aria-expanded=true]{background:#e8f1ff;color:#3468bc}.section-heading h2{font-size:19px}.section-tools{align-items:center}.sort-control select{min-height:34px}.editor-header{height:64px;border-bottom:1px solid #e6edf8;box-shadow:none}.editor-header input{border:1px solid transparent;border-radius:9px;padding:7px 9px;color:#173663;font-weight:700}.editor-header input:hover{background:#f5f8fd}.editor-header input:focus{background:#fff;border-color:#a8c1ef;outline:none;box-shadow:0 0 0 3px #6e9af325}.title-chevron{display:none}.header-history{gap:2px;margin-left:2px;padding:3px;border:1px solid #e4ebf6;border-radius:12px;background:#f8faff}.header-history button{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.header-history button:hover{background:#e9f1ff;color:#426ac0}.editor-sidebar,.inspector{background:#fff}.editor-sidebar{display:flex;flex-direction:column}.sidebar-section-title{min-height:48px;padding:12px 16px 8px}.sidebar-section-title strong{font-size:13px;letter-spacing:.01em}.sidebar-section-title button{width:28px;height:28px;display:grid;place-items:center;border-radius:8px}.sidebar-section-title button:hover{background:#edf4ff;color:#426dcc}.sidebar-maps{padding-bottom:16px}.sidebar-maps button{min-height:36px;border-radius:9px;text-align:left;font-size:12px}.outline-heading{padding-top:10px}.outline-search{display:flex;align-items:center;gap:8px;margin:5px 12px 8px;padding:0 10px;height:36px;border:1px solid #cbdcf5;border-radius:10px;color:#7193c5;background:#f8fbff}.outline-search:focus-within{border-color:#79a1ec;background:#fff;box-shadow:0 0 0 3px #6e9af31b}.outline-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#173663;font-size:12px}.outline-search input::placeholder{color:#90a3bf}.outline-search-count{margin:0 14px 6px;color:#6680a5;font-size:11px}.outline-list{flex:1;min-height:0;padding:6px 9px 20px}.outline-item{width:100%;min-height:34px;padding-right:8px;border-radius:9px;text-align:left;font-size:12px;line-height:1.3;color:#405981}.outline-item:hover{background:#eef5ff;color:#254f9c}.outline-item:focus-visible{outline-offset:-2px}.outline-item:disabled{cursor:default;opacity:1;font-weight:800;color:#173663}.outline-dot{width:6px;height:6px;background:#91b8e8}.outline-empty{padding:13px 9px;color:#8194b0;font-size:12px}.inspector-heading{min-height:54px;padding:13px 18px}.inspector-heading h3{font-size:14px}.inspector-heading button{width:28px;height:28px;display:grid;place-items:center;border-radius:8px}.inspector-heading button:hover{background:#edf4ff;color:#466fc4}.inspector-body{padding:18px}.selected-node{padding:11px;border:1px solid #e7eef9;border-radius:14px;background:#f8fbff;line-height:1.35}.selected-node strong{overflow-wrap:anywhere}.node-actions{gap:7px;margin:0 0 18px}.node-actions button{min-height:36px;border-radius:9px;font-size:12px}.inspector label{display:block;color:#38547f}.inspector input,.inspector textarea{width:100%;margin-top:7px;min-height:39px;padding:8px 10px;font-size:13px;color:#173663}.inspector input:focus,.inspector textarea:focus{border-color:#85a9eb;outline:none;box-shadow:0 0 0 3px #6e9af321}.image-upload:hover{background:#f0f7ff;border-color:#8db4ee}.inspector-note{min-height:46px;font-size:12px;font-weight:700}.inspector-note.saving,.sheet-save.saving{background:#fff7e7;color:#a97924}.inspector-note.error,.sheet-save.error{background:#fff0f2;color:#c4495e}.zoom-controls{background:#ffffffed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.zoom-controls button:hover{background:#edf4ff;color:#426dcc}.inspector-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 25px 70px;text-align:center}.inspector-empty-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#e7f2ff,#f4edff);color:#7092e4;margin-bottom:17px}.inspector-empty h4{margin:0 0 8px;color:#203c70;font-size:15px}.inspector-empty p{max-width:220px;color:#7387aa;font-size:12px;line-height:1.7}.inspector-empty button{display:flex;align-items:center;gap:6px;min-height:38px;margin-top:11px;padding:8px 13px;border-radius:10px;background:#eaf2ff;color:#436bb9;font-size:12px;font-weight:800}.inspector-empty button:hover{background:#dbeaff}.settings-card{background:#fff;box-shadow:0 8px 28px #436a9b0c}.settings-card h2{color:#173663}.settings-action:hover{border-color:#bdd4f2;background:#f0f9ff}@media(max-width:800px){.editor-sidebar{display:none}.editor-header{height:66px;border-bottom:0}.mobile-toolbar{background:#ffffff80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #e1eaf6}.mobile-toolbar button{min-height:46px;border-radius:10px;font-weight:700}.mobile-toolbar button:active{background:#eaf2ff}.sheet-save{font-weight:700}}@media(max-width:800px){.mobile-toolbar{opacity:.5}}@media(prefers-reduced-motion:reduce){button,input,textarea,select{transition:none}}.mobile-install-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;margin:-5px 0 22px;border:1px solid #bed9ff;border-radius:20px;background:linear-gradient(115deg,#eaf5ff,#eefbf7);box-shadow:0 8px 22px #4c7eaa12}.mobile-install-copy{display:grid;gap:5px}.mobile-install-copy strong{font-size:16px;color:#183864}.mobile-install-copy span{font-size:13px;line-height:1.5;color:#607495}.mobile-install-button{flex:none;min-height:46px;text-decoration:none;white-space:nowrap}@media(max-width:650px){.mobile-install-banner{align-items:stretch;flex-direction:column;padding:16px;gap:13px;margin:-3px 0 19px}.mobile-install-button{width:100%;min-height:48px}}.node-add-anchor{position:absolute;z-index:9;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.node-add-trigger{width:40px;height:40px;border:1px solid #cfdbf8;border-radius:50%;display:grid;place-items:center;background:#fff;color:#4d73e8;box-shadow:0 7px 20px #294a8b30}.node-add-trigger:hover,.node-add-trigger[aria-expanded=true]{background:#ecf3ff;border-color:#8daaf6}.node-add-popover{position:absolute;top:48px;left:50%;transform:translate(-50%);min-width:174px;padding:6px;border:1px solid #dce6f5;border-radius:13px;background:#fff;box-shadow:0 12px 30px #294a8b30}.node-add-popover button{width:100%;min-height:42px;padding:8px 10px;border-radius:8px;display:flex;align-items:center;gap:8px;background:#fff;color:#1d3a70;font-size:13px;font-weight:700;white-space:nowrap;text-align:left}.node-add-popover button:hover:not(:disabled){background:#edf4ff}.node-add-popover button:disabled{color:#aebbd0;background:#fff}@media(max-width:800px){.node-add-trigger{width:44px;height:44px}.node-add-popover button{min-height:48px}}.figma-library{max-width:none;min-height:100vh;padding:0 max(32px,calc((100vw - 1256px)/2)) 70px;background:#f7faff;color:#131a29}.figma-library .library-navigation{height:76px;margin:0 calc(-1*max(32px,(100vw - 1256px)/2)) 48px;padding:0 max(32px,calc((100vw - 1360px)/2));display:flex;align-items:center;gap:72px;border-bottom:1px solid #e0e5f0;background:#fff}.figma-library .library-navigation strong{font-size:20px;letter-spacing:-.03em;white-space:nowrap}.figma-library .library-navigation strong span{margin-right:8px;color:#182137}.figma-library .library-navigation>span{font-size:14px;color:#637085}.figma-library .library-navigation .top-actions{margin-left:auto}.figma-library .topbar{margin-bottom:32px}.figma-library .topbar h1{font-size:30px;color:#131a29;letter-spacing:-.04em}.figma-library .topbar p{margin-top:5px;font-size:14px;color:#637085}.figma-library .search-box{height:58px;margin-bottom:32px;border:1px solid #ebf0f7;border-radius:29px;background:#fff;box-shadow:none;color:#637085}.figma-library .search-box input{font-size:14px;color:#131a29}.figma-library .create-grid{gap:28px;margin-bottom:50px}.figma-library .create-card{min-height:120px;padding:24px;border:1px solid #dee8fa;border-radius:18px;background:#ebf2ff;box-shadow:none;color:#131a29}.figma-library .create-card.purple-card{border-color:#e0e5f0;background:#fff}.figma-library .create-card .icon-bubble{width:52px;height:52px;border-radius:50%;background:#fff;color:#2563eb;box-shadow:none}.figma-library .create-card.purple-card .icon-bubble{background:#fff;color:#2563eb}.figma-library .create-card strong{font-size:17px}.figma-library .create-card small{font-size:13px;color:#637085}.figma-library .section-heading{margin:34px 0 16px}.figma-library .section-heading h2{font-size:20px;color:#131a29}.figma-library .section-tools,.figma-library .section-heading span{color:#637085}.figma-library .sort-control select{min-height:38px;border:1px solid #e0e5f0;border-radius:8px;color:#637085;background:#fff}.figma-library .map-list{gap:12px}.figma-library .map-card{min-height:112px;padding:17px 22px;border:1px solid #e0e5f0;border-radius:16px;box-shadow:none}.figma-library .map-open{gap:24px}.figma-library .map-thumb{width:64px;height:64px;border-radius:50%;background:#ebf2ff;color:#2563eb}.figma-library .map-info strong{font-size:16px;color:#131a29}.figma-library .map-info small{margin:7px 0;color:#637085;font-size:12px}.figma-library .map-status{display:inline-flex;align-items:center;gap:3px;background:#e8f7f2;color:#0f9173}.figma-library .map-menu>button{background:transparent;color:#637085}.figma-library .library-bottom{justify-content:flex-start;margin-top:42px;position:static}.figma-library .library-bottom button{min-height:52px;padding:10px 18px;border:1px solid #e0e5f0;border-radius:11px;background:#fff;color:#637085;font-size:13px;box-shadow:none}.figma-editor{background:#fff;color:#131a29}.figma-editor .editor-header{height:64px;gap:8px;padding:0 16px;border-bottom:1px solid #dee3ed;background:#fff;box-shadow:none}.figma-editor .header-tool,.figma-editor .header-history button{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #dee3ed;border-radius:8px;background:#fff;color:#616e85;font-size:11px;font-weight:700;white-space:nowrap}.figma-editor .header-tool:hover,.figma-editor .header-history button:hover{background:#f3f7ff;color:#2966f0}.figma-editor .documents-button{width:94px;margin-right:6px}.figma-editor .desktop-brand{display:inline-flex!important;align-items:center;justify-content:center;flex:none;height:34px;padding:0 12px 0 0;margin:0 12px 0 0;color:#131a29;font-size:14px;font-weight:800;white-space:nowrap;border-right:1px solid #dee3ed}.figma-editor .editor-header input{flex:0 1 230px;min-width:100px;padding:6px 4px;border:0;background:transparent;color:#131a29;font-size:13px;font-weight:700}.figma-editor .editor-header input:hover{background:#f7faff}.figma-editor .header-history{display:flex;gap:6px;margin:0;padding:0;border:0;background:none}.figma-editor .header-history button{width:38px;padding:0}.figma-editor .header-tool.add-topic{margin-left:8px}.figma-editor .editor-header-spacer{flex:1;min-width:8px}.figma-editor .share-button{background:#f0f7ff;border-color:#d9e3f5;color:#2966f0}.figma-editor .editor-status{display:inline-flex;align-items:center;gap:4px;min-width:72px;max-width:none;padding:7px 10px;border-radius:18px;background:#e8f7f2;color:#0f9173;font-size:10px;font-weight:700;line-height:1;white-space:nowrap}.figma-editor .editor-status.saving{background:#fff7e7;color:#a97924}.figma-editor .editor-status.error{background:#fff0f2;color:#c4495e}.figma-editor .editor-status>svg{width:13px;height:13px;padding:0;background:none;box-shadow:none;color:currentColor}.figma-editor .editor-more,.figma-editor .mobile-library-back{display:none}.figma-editor .editor-dropdown{top:55px;right:18px;z-index:30}.figma-editor .editor-body{position:relative;min-height:0;background:#fff}.figma-editor .canvas-wrap{width:100%;background:#fff}.figma-editor .canvas{background:#fcfdff}.figma-editor .canvas-tool-rail{position:absolute;z-index:7;top:60px;left:18px;width:48px;padding:0 8px;border:1px solid #dee3ed;border-radius:13px;background:#fff;display:flex;flex-direction:column}.figma-editor .canvas-tool-rail button{width:30px;height:50px;display:grid;place-items:center;border-bottom:1px solid #dee3ed;background:transparent;color:#616e85}.figma-editor .canvas-tool-rail button:last-child{border-bottom:0}.figma-editor .canvas-tool-rail button.active,.figma-editor .canvas-tool-rail button:hover{color:#2966f0}.figma-editor .canvas-tool-rail button:disabled{opacity:.4}.figma-editor .editor-sidebar,.figma-editor .inspector{position:absolute;top:0;bottom:0;z-index:12;display:flex;flex-direction:column;overflow:auto;padding:0;background:#fff;box-shadow:0 6px 28px #1d34501c}.figma-editor .editor-sidebar{left:0;width:356px;border-right:1px solid #dee3ed}.figma-editor .inspector{right:0;width:340px;border-left:1px solid #dee3ed}.figma-editor .drawer-heading{height:52px;min-height:52px;padding:0 20px;border-bottom:1px solid #dee3ed}.figma-editor .drawer-heading strong{font-size:14px;color:#131a29}.figma-editor .drawer-tabs{display:flex;gap:7px;padding:0 20px 10px;color:#616e85;font-size:12px;font-weight:700}.figma-editor .drawer-tabs span{padding:9px 14px;border:1px solid #dee3ed;border-radius:7px}.figma-editor .drawer-tabs span:first-child{background:#f0f7ff;border-color:#d9e3f5;color:#2966f0}.figma-editor .editor-sidebar .outline-search{height:36px;min-height:36px;margin:0 20px 12px;background:#f6f9ff;border:1px solid #dee3ed;border-radius:7px}.figma-editor .editor-sidebar .sidebar-section-title:not(.drawer-heading){min-height:40px;padding:7px 20px}.figma-editor .sidebar-maps{padding:0 12px 10px;border-bottom:1px solid #dee3ed}.figma-editor .sidebar-maps button{height:34px;font-size:11px;color:#616e85}.figma-editor .sidebar-maps button.active{background:#f0f7ff;color:#131a29;font-weight:700}.figma-editor .outline-list{padding:3px 12px 20px}.figma-editor .outline-list .outline-item{min-height:26px;font-size:11px;color:#616e85}.figma-editor .outline-dot{width:5px;height:5px;background:#6594f5}.figma-editor .inspector-heading{min-height:49px;padding:0 18px;border-bottom:1px solid #dee3ed}.figma-editor .inspector-heading h3{font-size:14px;color:#131a29}.figma-editor .inspector-body{padding:16px 20px}.figma-editor .selected-node{padding:8px;border:0;background:#f0f7ff;font-size:12px}.figma-editor .node-actions{margin:15px 0}.figma-editor .node-actions button{background:#f0f7ff;border:1px solid #d9e3f5;color:#2966f0}.figma-editor .inspector label{font-size:11px;color:#616e85}.figma-editor .inspector input,.figma-editor .inspector textarea{border:1px solid #dee3ed;border-radius:7px;color:#131a29;font-size:12px}.figma-editor .inspector-note{margin-top:auto;background:#e8f7f2;border-top:1px solid #dee3ed;color:#0f9173}.figma-editor .outline-toggle,.figma-editor .inspector-toggle{display:none}.figma-editor .zoom-controls{right:auto;left:24px;bottom:20px;min-height:44px;padding:0 8px;border:1px solid #dee3ed;border-radius:11px;box-shadow:none}.figma-editor .zoom-controls button{color:#616e85;font-size:11px;font-weight:700}.figma-editor .zoom-controls button span{display:inline}.figma-editor .canvas-minimap{position:absolute;right:22px;bottom:24px;width:118px;height:90px;padding:10px;border:1px solid #dee3ed;border-radius:9px;background:#fff;color:#8a9ab2;font-size:9px}.figma-editor .canvas-minimap>div{height:52px;margin-top:5px;border-radius:4px;background:#f2f6ff;display:grid;place-items:center}.figma-editor .canvas-minimap i{display:block;width:38px;height:22px;border:1px solid #2966f0;background:#fff}@media(max-width:800px){.figma-editor .editor-header{height:58px;padding:0 9px;gap:5px}.figma-editor .mobile-library-back{display:inline-flex;width:36px;padding:0}.figma-editor .documents-button{width:38px;font-size:0;margin:0;padding:0}.figma-editor .documents-button svg{width:17px}.figma-editor .desktop-brand{display:none!important}.figma-editor .editor-header input{flex:1;font-size:13px;padding:4px}.figma-editor .add-topic,.figma-editor .share-button,.figma-editor .properties-button{display:none}.figma-editor .header-history{display:flex;gap:3px}.figma-editor .header-history button{width:29px;height:32px;padding:0}.figma-editor .editor-status{font-size:0;min-width:28px;padding:7px}.figma-editor .editor-status svg{width:15px;height:15px}.figma-editor .editor-more{display:grid}.figma-editor .editor-sidebar{display:flex;width:min(356px,90vw)}.figma-editor .inspector{display:flex;width:min(340px,90vw)}.figma-editor .canvas-tool-rail,.figma-editor .canvas-minimap{display:none}.figma-editor .zoom-controls{left:12px;bottom:12px}.figma-editor .properties-button{font-size:0;width:36px;padding:0}.figma-editor .properties-button svg{width:16px}}@media(max-width:650px){.figma-library{padding:0 18px 50px}.figma-library .library-navigation{height:60px;margin:0 -18px 28px;padding:0 18px;gap:18px}.figma-library .library-navigation strong{font-size:17px}.figma-library .library-navigation>span{display:none}.figma-library .library-navigation .status-pill{font-size:0}.figma-library .topbar h1{font-size:25px}.figma-library .create-grid{grid-template-columns:1fr;gap:10px;margin-bottom:28px}.figma-library .create-card{min-height:88px;padding:15px}.figma-library .search-box{margin-bottom:20px}.figma-library .map-card{min-height:92px;padding:11px}.figma-library .map-open{gap:12px}.figma-library .map-thumb{width:56px;height:56px}.figma-library .library-bottom{flex-wrap:wrap}}.figma-editor .inspector-body{overflow-y:auto;min-height:0}.figma-editor .node-icon-grid{max-height:none;overflow:visible}.figma-editor .canvas-minimap .mini-map-field{position:relative;display:block;width:96px;height:52px;margin-top:5px;padding:0;overflow:hidden;border:0;border-radius:4px;background:#f2f6ff;cursor:crosshair;touch-action:none}.figma-editor .canvas-minimap .mini-map-field:disabled{cursor:default;opacity:1}.figma-editor .canvas-minimap .mini-map-field img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.figma-editor .canvas-minimap .mini-map-field .mini-map-viewport{position:absolute;display:block;min-width:4px;min-height:4px;margin:0;border:1.5px solid #2966f0;border-radius:2px;background:#2966f018;box-shadow:0 0 0 1px #fff8;pointer-events:none}@media(max-width:800px){.figma-editor .canvas-minimap{display:block;right:12px;bottom:12px}}.figma-library .library-navigation .top-actions{gap:12px}.figma-library .library-settings{height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #dee3ed;border-radius:9px;background:#fff;color:#394b66;font-size:12px;font-weight:700;white-space:nowrap}.figma-library .library-settings:hover{border-color:#a9c2f9;background:#f0f7ff;color:#2966f0}.figma-editor .shortcut-help-wrap{position:relative;flex:none}.figma-editor .shortcut-help-trigger[aria-expanded=true]{border-color:#a9c2f9;background:#f0f7ff;color:#2966f0}.figma-editor .shortcut-help-popover{position:absolute;z-index:40;top:43px;right:0;width:min(340px,calc(100vw - 24px));padding:17px;border:1px solid #dce5f3;border-radius:15px;background:#fff;box-shadow:0 18px 48px #1d345030;color:#263954}.figma-editor .shortcut-help-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.figma-editor .shortcut-help-heading strong{font-size:15px;color:#17233b}.figma-editor .shortcut-help-heading p{margin:4px 0 0;color:#66758b;font-size:11px;line-height:1.5}.figma-editor .shortcut-help-heading button{width:28px;height:28px;display:grid;place-items:center;flex:none;border-radius:7px;background:#f4f7fb;color:#66758b}.figma-editor .shortcut-help-rows{display:grid;gap:8px;margin:17px 0 11px}.figma-editor .shortcut-help-rows>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.figma-editor .shortcut-help-rows span{font-size:12px;font-weight:700}.figma-editor .shortcut-help-rows kbd{padding:6px 8px;border:1px solid #dce5f3;border-radius:7px;background:#f5f8fd;color:#31568e;font-family:inherit;font-size:11px;font-weight:700;white-space:nowrap}.figma-editor .shortcut-help-note{margin:0 0 16px;color:#77859a;font-size:11px;line-height:1.4}.figma-editor .shortcut-help-actions{display:flex;gap:8px}.figma-editor .shortcut-help-actions button{flex:1;min-height:36px;border:1px solid #dee5f0;border-radius:8px;background:#fff;color:#53647e;font-size:11px;font-weight:700}.figma-editor .shortcut-help-actions button:last-child{background:#edf4ff;border-color:#d7e4ff;color:#2966f0}.figma-editor .shortcut-help-actions button:hover{background:#e8f0ff}@media(max-width:800px){.figma-editor .shortcut-help-trigger{width:34px;padding:0}.figma-editor .shortcut-help-trigger span{display:none}.figma-editor .shortcut-help-popover{position:fixed;top:62px;left:10px;right:10px;width:auto;max-width:none}.figma-library .library-settings{width:38px;padding:0;justify-content:center}.figma-library .library-settings span{display:none}.figma-library .library-navigation .top-actions{gap:7px}}.figma-library .install-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;margin:10px 0 0}.figma-library .install-options a,.figma-library .install-options button{display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 14px;border:1px solid #cbdcf8;border-radius:11px;background:#eef5ff;color:#2454a4;text-align:left;text-decoration:none;font-size:13px;font-weight:700}.figma-library .install-options a:hover,.figma-library .install-options button:hover{background:#e1edff}.figma-library .install-options small{display:block;margin-top:2px;font-size:11px;font-weight:400;color:#607495}.figma-library .install-options .web-install-action{grid-column:1/-1;background:#dfeaff;border-color:#9bbbf9;color:#194ca7}.figma-library .mac-install-options{display:grid;gap:5px;padding:8px;border:1px solid #cbdcf8;border-radius:11px;background:#eef5ff}.figma-library .mac-install-options strong{padding:2px 6px;color:#2454a4;font-size:13px}.figma-library .mac-install-options a{min-height:34px;padding:6px;border:0;background:#fff;font-size:11px}.apple-install-section{margin:24px 0;padding:20px;border:1px solid #e0e8f4;border-radius:20px;background:#fff}.apple-install-heading h2{margin:0;color:#17345f;font-size:17px}.apple-install-heading p{margin:5px 0 16px;color:#71839e;font-size:12px}.apple-install-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.apple-install-cards button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:72px;padding:14px;border:1px solid #d6e3f8;border-radius:13px;background:#f4f8ff;text-align:left;color:#2454a4}.apple-install-cards button:hover,.apple-install-cards button:focus-visible{background:#eaf2ff}.apple-install-device{display:grid;gap:4px;font-size:14px;font-weight:700}.apple-install-device small{width:max-content;padding:2px 6px;border-radius:99px;background:#deecff;color:#3569b7;font-size:10px}.apple-install-card-action{display:inline-flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap}.apple-guide-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:0;border-radius:20px;background:#fff;color:#18345f;box-shadow:0 24px 70px #1d345055}.apple-guide-dialog::backdrop{background:#11274699}.apple-guide-card{display:flex;flex-direction:column;max-height:calc(100dvh - 24px)}.apple-guide-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 22px 15px;border-bottom:1px solid #edf1f7}.apple-guide-eyebrow{color:#4b76be;font-size:11px;font-weight:700}.apple-guide-header h2{margin:4px 0;color:#142f56;font-size:21px}.apple-guide-header p{margin:0;color:#7485a0;font-size:12px}.apple-guide-close{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:9px;background:#f2f5fa;color:#62738d}.apple-guide-scroll{min-height:0;overflow-y:auto;padding:18px 22px 20px;overscroll-behavior:contain}.apple-guide-tabs{display:flex;gap:5px;padding:4px;border-radius:11px;background:#eff3fa}.apple-guide-tabs button{flex:1;min-height:38px;border-radius:8px;background:transparent;color:#687b99;font-size:13px;font-weight:700}.apple-guide-tabs button[aria-selected=true]{background:#fff;color:#2459b4;box-shadow:0 2px 8px #2b467218}.apple-guide-safari{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:12px;border:1px solid #f5dbb3;border-radius:11px;background:#fff8ec;color:#825922}.apple-guide-safari>svg{flex:none;margin-top:1px}.apple-guide-safari strong{display:block;font-size:12px}.apple-guide-safari p{margin:3px 0 7px;color:#856d4f;font-size:11px;line-height:1.5}.apple-guide-safari a{display:inline-flex;align-items:center;gap:5px;color:#805007;font-size:12px;font-weight:700}.apple-guide-steps{display:grid;gap:9px;margin:17px 0 0;padding:0;list-style:none;counter-reset:apple-step}.apple-guide-steps li{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 12px;border:1px solid #e4ebf5;border-radius:11px;color:#384e70;font-size:13px;line-height:1.5;counter-increment:apple-step}.apple-guide-step-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#eaf2ff;color:#376dca}.apple-guide-steps strong{color:#173b77}.apple-guide-tip{display:flex;align-items:flex-start;gap:7px;margin:11px 0 0;color:#657892;font-size:11px;line-height:1.5}.apple-guide-tip svg{flex:none}.apple-guide-data{margin:17px 0 0;padding:12px 13px;border-left:3px solid #5b91e8;border-radius:8px;background:#edf5ff;color:#3f587a;font-size:11px;line-height:1.65}.apple-guide-data strong{display:block;margin-bottom:4px;color:#2454a4;font-size:12px}.apple-guide-after{padding:22px 8px;text-align:center}.apple-guide-after svg{color:#35ab8f}.apple-guide-after p{margin:10px 0 0;color:#465f82;font-size:13px;line-height:1.5}.apple-guide-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px 18px;border-top:1px solid #edf1f7;background:#fff}.apple-guide-footer button{min-height:42px;font-size:12px}.apple-guide-footer .secondary{flex:1}.apple-guide-footer .primary{min-width:84px}@media(max-width:550px){.apple-install-section{padding:16px}.apple-install-cards{grid-template-columns:1fr}.apple-guide-header{padding:18px 18px 13px}.apple-guide-scroll{padding:15px 18px 16px}.apple-guide-footer{padding:12px 18px 16px}}