:root{--background:#f4f6f8;--foreground:#172033;--panel:#fff;--line:#d9e1ea;--muted:#6b778c;--accent:#2666cf;--accent-soft:#e9f1ff}*{box-sizing:border-box}html,body{background:var(--background);width:100%;min-width:1180px;height:100%;color:var(--foreground);margin:0;font-family:Inter,Arial,Helvetica,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.project-home{color:#f7efe2;background:#030610;height:100vh;padding:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,Inter,Arial,sans-serif;position:relative;overflow:hidden auto}.home-bg{pointer-events:none;transform-origin:bottom;background:linear-gradient(#2c160a14 0%,#08070c33 45%,#030610 72%),linear-gradient(90deg,#03061073,#0306100d 46%,#03061073),url(/generated/home-hero.png) bottom/cover no-repeat;position:fixed;inset:0;transform:translateY(24px)scale(1.12)}.home-bg:after{content:"";background:radial-gradient(circle at 50% 58%,#eca75c1f,#0000 36%),linear-gradient(#0000 0 52%,#030610f5 78%,#030610 100%);position:absolute;inset:0}.home-stars{z-index:0;pointer-events:none;mix-blend-mode:screen;position:fixed;inset:0;overflow:hidden}.home-star{place-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;display:grid;position:absolute}.home-star span{width:var(--star-size);height:var(--star-size);box-shadow:0 0 calc(var(--star-size) * 3) rgba(255, 242, 205, calc(.34 + var(--star-glow) * .24)), 0 0 calc(var(--star-size) * 8) rgba(108, 217, 255, calc(var(--star-glow) * .22));animation:star-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite alternate, star-wander var(--star-drift-duration) ease-in-out var(--star-delay) infinite alternate;opacity:.22;will-change:opacity, filter, transform;background:#fff7df;border-radius:50%;display:block}.home-nav,.home-hero,.project-library{z-index:1;position:relative}.home-nav{color:#ffeacdb8;letter-spacing:.18em;border-bottom:1px solid #ffdfb51f;grid-template-columns:1fr auto auto;align-items:center;gap:16px;width:calc(100% - 48px);height:58px;margin:0 auto;padding:0;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:800;display:grid}.home-nav-brand{color:#fff4dc;letter-spacing:.04em;justify-self:start;font-size:16px}.language-toggle{color:#f5d4ae;letter-spacing:.08em;background:#07081047;border:1px solid #eeb6756b;border-radius:0;place-items:center;width:38px;height:30px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900;display:grid}.language-toggle:hover{background:#c8915647}.editor-language-toggle{color:#20304f;background:#fff;border-radius:8px;flex:none}.home-hero{text-align:left;grid-template-columns:minmax(0,1fr) minmax(380px,520px);align-items:center;gap:clamp(56px,8vw,128px);width:min(1280px,100% - 48px);min-height:380px;margin:0 auto;padding:56px 0 64px;display:grid}.home-copy{width:min(620px,100%)}.home-kicker{color:#ffeed7c2;letter-spacing:.56em;text-transform:uppercase;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900;display:block}.home-copy h1{color:#fff6e7;letter-spacing:0;text-shadow:0 10px 40px #1e0c0459;text-transform:uppercase;margin:18px 0 20px;font-size:clamp(68px,6.6vw,96px);line-height:.9}.home-copy p{color:#ffefd8cc;max-width:600px;margin:0;font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.8}.home-create-button{color:#120d0a;letter-spacing:.06em;background:#c89156;border:1px solid #d8a464;border-radius:4px;min-width:164px;height:52px;margin-top:30px;padding:0 24px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:900;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 16px 36px #1a0c043d}.home-create-button:hover{background:#dda966;transform:translateY(-2px);box-shadow:0 18px 42px #1a0c0452}.home-create-button:active{transform:translateY(0)}.auth-entry{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070810b8;border:1px solid #eeb6754d;gap:12px;width:min(860px,100%);margin:28px auto 0;padding:14px;display:grid;box-shadow:0 18px 46px #00000042}.auth-tabs,.auth-fields{align-items:center;gap:10px;display:flex}.auth-tabs button,.auth-fields button{color:#f7dfbd;background:#ffffff0a;border:1px solid #eeb67547;height:34px;padding:0 14px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900}.auth-tabs button.active,.auth-fields button{color:#120d0a;background:#c89156}.auth-tabs button.disabled{opacity:.48;cursor:not-allowed}.auth-fields input{color:#fff3e0;background:#ffffff14;border:1px solid #eeb6753d;outline:0;flex:1;min-width:0;height:36px;padding:0 12px;font-family:Inter,Arial,sans-serif}.auth-note{color:#ffe8caad;text-align:left;font-family:Inter,Arial,sans-serif;font-size:12px}.auth-modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at 50% 20%,#c891563d,#0000 34%),#030610b8;place-items:center;display:grid;position:fixed;inset:0}.auth-modal{color:#1c2230;background:linear-gradient(#fffdf9fa,#fff7ebf5),#fff;border:1px solid #eeb67557;width:min(520px,100vw - 32px);padding:34px 40px 28px;font-family:Inter,Arial,sans-serif;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000006b}.auth-close{z-index:2;color:#1c2230;background:0 0;border:0;width:28px;height:28px;font-size:24px;line-height:1;position:absolute;top:18px;right:20px}.auth-stars span{background:#d19b59;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:0 0 18px #d19b59ad}.auth-stars span:first-child{top:24px;left:34px}.auth-stars span:nth-child(2){width:4px;height:4px;top:80px;right:82px}.auth-stars span:nth-child(3){bottom:74px;right:34px}.auth-cat{z-index:1;opacity:.96;object-fit:contain;pointer-events:none;width:176px;height:auto;position:absolute;bottom:-18px;right:-26px}.auth-modal-tabs{justify-content:center;gap:0;margin-bottom:24px;display:flex}.auth-modal-tabs button{color:#7b8794;background:0 0;border:0;border-right:1px solid #e2e8f0;height:30px;padding:0 26px;font-size:18px;font-weight:800}.auth-modal-tabs button:last-child{border-right:0}.auth-modal-tabs button.active{color:#2fa7df}.auth-modal-fields{background:#fff;border:1px solid #dce3ea;border-radius:8px;display:grid;overflow:hidden}.auth-modal-fields label{border-bottom:1px solid #e7edf3;grid-template-columns:68px minmax(0,1fr);align-items:center;min-height:46px;display:grid}.auth-modal-fields label:last-child{border-bottom:0}.auth-modal-fields span{color:#1f2937;padding-left:20px;font-size:14px}.auth-modal-fields input{color:#1f2937;border:0;outline:0;height:44px;font-size:14px}.auth-modal-fields input::placeholder{color:#b9c2cc}.auth-password-control{grid-template-columns:minmax(0,1fr) 42px;align-items:center;min-width:0;display:grid}.auth-password-control.no-toggle{grid-template-columns:minmax(0,1fr)}.auth-password-toggle{color:#9499a0;background:0 0;border:0;border-radius:7px;outline:0;place-items:center;width:36px;height:34px;display:grid}.auth-password-toggle:hover,.auth-password-toggle:focus-visible{color:#2f7fd8;background:#f1f5f9}.auth-password-toggle svg{grid-area:1/1;width:20px;height:20px;display:block}.auth-password-toggle .auth-eye-closed,.auth-password-toggle.visible .auth-eye-open{display:none}.auth-password-toggle.visible .auth-eye-closed{display:block}.auth-modal-actions{gap:12px;margin-top:20px;display:grid}.auth-modal-actions.two{grid-template-columns:1fr 1fr}.auth-modal-actions button{color:#1f2937;background:#fff;border:1px solid #dce3ea;border-radius:8px;height:40px;font-size:14px}.auth-modal-actions button.primary{color:#fff;background:#39aee5;border-color:#39aee5}.auth-modal-actions button.wide{justify-self:center;width:min(194px,100%)}.auth-other{color:#9aa5b1;justify-items:center;gap:12px;margin-top:24px;font-size:13px;display:grid}.auth-other button{color:#7b8794;background:0 0;border:0;align-items:center;gap:8px;height:32px;display:inline-flex}.auth-other img{object-fit:contain;width:24px;height:24px}.auth-notice-backdrop{z-index:70;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03061075;place-items:center;display:grid;position:fixed;inset:0}.auth-notice{color:#1c2230;text-align:center;background:linear-gradient(#fffdf9,#fff4e5);border:1px solid #eeb6755c;border-radius:10px;width:min(320px,100vw - 40px);padding:24px 26px 22px;box-shadow:0 24px 64px #00000052}.auth-notice strong{font-size:18px;font-weight:900;display:block}.auth-notice p{color:#5d6673;margin:12px 0 20px;font-size:14px}.auth-notice button{color:#fff;background:#39aee5;border:0;border-radius:8px;min-width:116px;height:38px;font-size:14px;font-weight:800}.toast-notice{z-index:90;color:#fff4e5;pointer-events:none;background:#0c0d14e0;border:1px solid #eeb67552;border-radius:999px;padding:11px 20px;font-size:14px;font-weight:900;animation:.18s ease-out toast-in;position:fixed;top:78px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000057}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.admin-dashboard{color:#fff4e5;background:radial-gradient(circle at 12% 8%,#c8915647,#0000 30%),radial-gradient(circle at 82% 18%,#4668a03d,#0000 32%),#070911;height:100vh;min-height:100vh;padding:34px 42px 56px;overflow:hidden auto}.admin-header{border-bottom:1px solid #eeb6752e;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;display:flex}.admin-header span,.admin-metrics span,.admin-table-head span{color:#e2a869d1;letter-spacing:.14em;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900}.admin-header h1{letter-spacing:0;margin:8px 0;font-size:40px}.admin-header p,.admin-empty{color:#fff4e59e;margin:0}.admin-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.admin-header-actions>button,.admin-user-main>button{color:#f7dfbd;background:#ffffff0f;border:1px solid #eeb67552;place-items:center;height:34px;padding:0 14px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900;line-height:1;display:inline-grid}.admin-header-actions>button.primary{color:#130d09;background:#c89156}.admin-header-actions>.language-toggle{text-align:center;width:34px;min-width:34px;padding:0}.admin-header-actions .auth-profile,.admin-header-actions .auth-profile.signed-in{color:#fff4e5;letter-spacing:0;background:#070810b8;border-color:#eeb67557;min-height:34px;padding:3px 10px 3px 3px;font-size:12px;box-shadow:inset 0 0 0 1px #fff4e50d}.admin-header-actions .auth-profile strong{color:#fff4e5;font-size:12px;line-height:1}.admin-header-actions .auth-avatar-fallback{color:#defeff;letter-spacing:0}.admin-header-actions .auth-profile a,.admin-header-actions .auth-profile button{color:#f0bf78;place-items:center;height:24px;padding:0 2px;font-size:12px;font-weight:900;line-height:1;display:inline-grid}.admin-header-actions .auth-profile .message-button{color:#dca45f}.admin-header-actions .auth-profile button:hover{color:#ffe0b2}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.admin-metrics>div{background:#ffffff0d;border:1px solid #eeb6752e;padding:18px 20px}.admin-metrics strong{margin-top:8px;font-size:32px;display:block}.admin-table{background:#070810ad;border:1px solid #eeb6752e}.admin-table-head,.admin-user-main{grid-template-columns:minmax(220px,1.2fr) 120px 190px 140px;align-items:center;gap:18px;padding:14px 18px;display:grid}.admin-table-head{background:#ffffff0a;border-bottom:1px solid #eeb6752e}.admin-user-row+.admin-user-row{border-top:1px solid #eeb6751f}.admin-user-profile{align-items:center;gap:12px;min-width:0;display:flex}.admin-user-profile img,.admin-user-profile>span{color:#fff4e5;object-fit:cover;background:linear-gradient(135deg,#c89156,#49506d);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.admin-user-profile strong,.admin-project-item strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-profile small,.admin-user-main>span{color:#fff4e594}.admin-user-account{align-items:center;gap:7px;min-width:0;display:flex}.admin-user-account small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user-account em{color:#e7b679;background:#c891561f;border:1px solid #eeb6753d;border-radius:3px;flex:none;padding:2px 6px;font-size:10px;font-style:normal;font-weight:800;line-height:1.2}.admin-user-account em.qq{color:#82d4ff;background:#0087f933;border-color:#40a9ff6b}.admin-user-account em.account{color:#e7b679;background:#c891561f;border-color:#eeb6753d}.admin-project-list{gap:8px;padding:0 18px 16px 68px;display:grid}.project-modal.admin-project-modal{width:min(560px,100vw - 36px)}.admin-project-modal-list{gap:8px;max-height:min(420px,62vh);margin-top:14px;display:grid;overflow:auto}.admin-project-item{background:#ffffff0a;border:1px solid #eeb6751f;justify-content:space-between;align-items:center;gap:16px;padding:11px 14px;display:flex}.admin-project-item span,.admin-project-item em,.admin-project-list p,.admin-project-modal-list p{color:#fff4e59e;font-style:normal}.admin-project-actions{align-items:center;gap:10px;display:flex}.admin-project-actions button{color:#f7dfbd;background:#c8915629;border:1px solid #eeb67552;height:30px;padding:0 12px;font-size:12px;font-weight:800}@media (width<=980px){.admin-table{overflow-x:auto}.admin-table-head,.admin-user-main{width:920px}}.save-button,.home-link-button{color:#120d0a;letter-spacing:.08em;background:#c89156;border:1px solid #d59e5c73;border-radius:0;height:36px;padding:0 14px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900}.home-link-button{color:#f2d0a8;background:#0708107a;border-color:#eeb6754d}.home-preview{display:none}.project-library{background:#050910f5;border-top:1px solid #d39e5f33;width:100%;min-height:420px;margin:0 0 64px;padding:34px max(24px,50% - 640px) 46px}.home-footer{z-index:1;color:#ffe8ca94;letter-spacing:.18em;text-align:center;flex-direction:column;align-items:center;gap:9px;padding:22px 72px 34px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900;display:flex;position:relative}.home-footer a{color:#ffe8cab8;letter-spacing:0;font-weight:500;text-decoration:none}.home-footer a:hover{color:#fff0dc;text-decoration:underline}.library-heading{color:#fff1dd;text-align:left;border-bottom:1px solid #ffe8ca1f;border-left:3px solid #c89156;justify-content:space-between;align-items:center;min-height:50px;margin-bottom:24px;padding:0 0 22px 18px;display:flex}.library-heading>div:before,.library-heading>div:after{display:none}.library-heading span,.library-heading strong{display:block}.library-heading span{color:#d39e5fe0;letter-spacing:.18em;font-family:Inter,Arial,sans-serif;font-size:9px;font-weight:800}.library-heading strong{margin-top:5px;font-size:28px;line-height:1}.library-tools{justify-content:flex-end;align-items:center;min-width:96px;padding-right:2px;display:flex}.library-tools em{color:#e9c49685;letter-spacing:.16em;text-align:right;white-space:nowrap;width:100%;font-family:Inter,Arial,sans-serif;font-size:11px;font-style:normal;font-weight:800;display:block}.project-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;display:grid}.project-card,.empty-projects{color:#fff4e5;text-align:left;background:#231b1cf0;border:1px solid #dba96b85;border-radius:6px;min-height:212px;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffecd206}.project-card-visual{background:0 0;border-bottom:1px solid #ffe8ca1a;place-items:center;height:99px;display:grid;position:relative;overflow:hidden}.project-card:nth-child(3n+2){background:#1f1d26f0}.project-card:nth-child(3n){background:#1b2228f0}.project-card:hover{border-color:#efbe80eb;transform:translateY(-4px);box-shadow:0 20px 44px #00000052,0 0 0 1px #e0ac6a1f}.project-planet-icon{place-items:center;width:78px;height:78px;display:grid}.project-planet-icon svg{width:76px;height:76px;overflow:visible}.project-planet-icon .planet-body{fill:#c9864d;stroke:#f0bc79;stroke-width:1.8px}.project-planet-icon .planet-shade{fill:#5b344394}.project-planet-icon .planet-ring{stroke-linecap:round;fill:none}.project-planet-icon .ring-back{stroke:#ffe0b466;stroke-width:2.2px}.project-planet-icon .ring-front{stroke:#f3c98f;stroke-width:3.2px}.project-planet-icon .planet-orbit-dot{fill:#f7d6a7;filter:drop-shadow(0 0 4px #f7d6a780)}.project-card:nth-child(3n+2) .project-planet-icon .planet-body{fill:#7d729c;stroke:#bdb2df}.project-card:nth-child(3n) .project-planet-icon .planet-body{fill:#477990;stroke:#8fc8d7}.project-card:hover .project-planet-icon svg{transform:translateY(-2px)rotate(-3deg)}.project-planet-icon svg{stroke-linejoin:round;stroke-linecap:round;transition:transform .22s}.project-card-body{min-height:113px;padding:11px 13px 10px;display:grid}.project-card-body>strong,.project-card-body small,.project-card-body em,.empty-projects strong,.empty-projects span{display:block}.project-card-title-row strong,.empty-projects strong{text-overflow:ellipsis;white-space:nowrap;font-size:22px;font-weight:900;line-height:1.2;overflow:hidden}.project-card-title-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.project-card-title-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.project-card-menu-trigger{color:#ffe8caad;letter-spacing:1px;cursor:pointer;border-radius:4px;flex:none;place-items:center;width:28px;height:28px;font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1;transition:background .14s,color .14s;display:grid}.project-card-menu-trigger:hover,.project-card-menu-trigger:focus-visible{color:#fff2df;background:#ffe8ca1a;outline:0}.project-card-body small,.project-card-body em,.empty-projects span{color:#ffe8caad;letter-spacing:.04em;font-family:Inter,Arial,sans-serif;font-size:13px;font-style:normal;font-weight:700}.project-card-meta{align-items:center;gap:9px;margin-top:7px;display:flex}.project-card-meta small+small{padding-left:10px;position:relative}.project-card-meta small+small:before{content:"";background:#ffe8ca2e;width:1px;height:10px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.project-card-footer{border-top:1px solid #ffe8ca1a;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.project-card-footer-left{align-items:center;gap:8px;min-width:0;display:flex}.project-member-summary{align-items:center;min-width:0;display:flex}.project-member-avatar{color:#fff3df;background:#8d5b36;border:1px solid #ffdeb27a;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900;display:grid}.project-member-avatar+.project-member-avatar{margin-left:-6px}.project-member-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.project-member-more{color:#ffe8caa3;letter-spacing:1px;place-items:center;height:24px;margin-left:5px;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:900;display:grid}.project-card-footer .project-board-count{color:#ffe8ca9e;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.project-access-text.public{color:#87d8ad}.project-access-text.private{color:#e1b77e}.project-card-footer em{color:#ffe8ca75;text-align:right;font-size:11px}.project-access-badge{color:#fff4e5d1;border:1px solid #ffe8ca2e;border-radius:3px;place-items:center;min-width:48px;height:22px;margin:0;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900;display:inline-grid}.project-access-badge.public{background:#48bb7829;border-color:#48bb7861}.project-access-badge.private{background:#ffffff14}.project-role-badge{color:#fff1dd;border:1px solid #ffe8ca3d;border-radius:3px;place-items:center;min-width:52px;height:22px;margin:0;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900;display:inline-grid}.project-role-badge.admin{background:#c891566b}.project-role-badge.editor{background:#3e97ff47}.project-role-badge.viewer{background:#ffffff1a}.empty-projects{text-align:center;align-content:center;justify-items:center;min-height:220px;padding:28px;display:grid}.project-context-menu{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08080ff0;border:1px solid #e2a86957;width:132px;padding:6px;display:grid;position:fixed;box-shadow:0 18px 42px #0000006b}.project-context-menu button{color:#f7dfbd;text-align:left;background:0 0;border:0;height:34px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800}.project-context-menu button:hover{background:#c8915633}.project-context-menu button.danger{color:#ffb7a6}.project-modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#010309ad;place-items:center;display:grid;position:fixed;inset:0}.project-modal{color:#fff4e5;background:#08080ff5;border:1px solid #e2a86961;width:360px;padding:22px;box-shadow:0 26px 76px #00000075}.project-modal.members-modal{width:560px}.project-modal.create-project-modal{width:min(620px,100vw - 36px)}.project-modal.access-modal,.project-modal.share-modal,.project-modal.access-request-modal,.project-modal.notification-modal{width:min(460px,100vw - 36px)}.project-modal span,.project-modal strong,.project-modal p{display:block}.project-modal span{color:#d39e5fe0;letter-spacing:.22em;text-transform:uppercase;font-family:Inter,Arial,sans-serif;font-size:10px;font-weight:900}.project-modal strong{text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:24px;line-height:1;overflow:hidden}.project-modal p{color:#ffe8cab8;margin:14px 0 0;font-family:Inter,Arial,sans-serif;font-size:13px;line-height:1.6}.project-modal input{color:#fff4e5;background:#ffffff14;border:1px solid #e2a86952;outline:0;width:100%;height:40px;margin-top:18px;padding:0 12px;font-family:Inter,Arial,sans-serif}.project-modal select{color:#fff4e5;background:#ffffff14;border:1px solid #e2a86952;outline:0;width:100%;height:40px;padding:0 12px;font-family:Inter,Arial,sans-serif}.project-modal select option{color:#151515}.project-modal-field{gap:8px;margin-top:18px;display:grid}.project-modal-field span{margin:0}.project-modal-field input{margin-top:0}.create-project-modal .member-picker{background:#ffffff0a;width:100%;margin-top:16px}.create-project-modal .member-search input,.members-modal .member-search input{margin-top:0}.project-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.project-modal-actions button{color:#f7dfbd;background:0 0;border:1px solid #e2a8694d;height:34px;padding:0 14px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900}.project-modal-actions button.primary{color:#120d0a;background:#c89156}.project-modal-actions button.danger{color:#fff5f0;background:#b44335;border-color:#ff7c636b}.member-picker{color:#fff4e5;text-align:left;background:#070810a3;border:1px solid #eeb6753d;width:min(860px,100%);margin:14px auto 0;padding:14px;font-family:Inter,Arial,sans-serif}.members-modal .member-picker{background:#ffffff0a;width:100%;margin-top:16px}.member-picker-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.member-picker-head strong{margin:0;font-size:13px}.member-picker-head span{color:#ffe8ca94;font-size:12px}.member-search{grid-template-columns:minmax(0,1fr) 72px;gap:8px;margin-top:10px;display:grid;position:relative}.member-search input{color:#fff3e0;background:#ffffff14;border:1px solid #eeb67538;outline:0;width:100%;height:36px;padding:0 12px}.member-search>button{color:#130d09;background:#c89156eb;border:1px solid #eeb67547;height:36px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:900}.member-search>button:hover{background:#d9a364}.member-search-results{z-index:5;background:#08080ff5;border:1px solid #eeb67547;padding:6px;display:grid;position:absolute;top:42px;left:0;right:0}.member-search-results button{color:#f7dfbd;background:0 0;border:0;justify-content:space-between;height:34px;font-size:12px;display:flex}.member-list{gap:8px;margin-top:12px;display:grid}.member-row{background:#ffffff0e;grid-template-columns:minmax(0,1fr) 120px 64px;align-items:center;gap:8px;padding:8px;display:grid}.member-row div{min-width:0;display:grid}.member-row strong,.member-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-row strong{font-size:13px}.member-row span{color:#ffe8ca94;font-size:11px}.member-row select,.member-row button{color:#f7dfbd;background:#ffffff14;border:1px solid #eeb6753d;height:30px}.member-row button:disabled,.member-row select:disabled{opacity:.45;cursor:not-allowed}.save-state{min-width:76px;color:var(--muted);font-size:12px}.save-state.dirty{color:#b7791f}@keyframes star-twinkle{0%{opacity:.18;filter:blur(.2px)brightness(.72)}37%{opacity:calc(.42 + var(--star-glow) * .24);filter:blur()brightness(1.18)}71%{opacity:.24;filter:blur(.4px)brightness(.86)}to{opacity:calc(.66 + var(--star-glow) * .28);filter:blur()brightness(1.42)}}@keyframes star-wander{0%{transform:translate3d(calc(var(--star-drift-x) * -.55), calc(var(--star-drift-y) * -.35), 0)}28%{transform:translate3d(calc(var(--star-drift-x) * -.12), calc(var(--star-drift-y) * .38), 0)}62%{transform:translate3d(calc(var(--star-drift-x) * .48), calc(var(--star-drift-y) * -.2), 0)}to{transform:translate3d(var(--star-drift-x), var(--star-drift-y), 0)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes card-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.home-star span,.project-card:before{animation:none}}.planner-app{grid-template-columns:var(--directory-width,172px) 77px minmax(600px, 1fr) 318px;background:#eef2f6;grid-template-rows:50px minmax(0,1fr);width:100vw;height:100vh;display:grid}.planner-app.view-only{grid-template-columns:var(--directory-width,172px) minmax(600px, 1fr) 318px}.planner-app.resizing-directory{cursor:col-resize;-webkit-user-select:none;user-select:none}.planner-app.resizing-hierarchy{cursor:row-resize;-webkit-user-select:none;user-select:none}.left-panel,.component-rail,.right-panel{background:var(--panel);border-color:var(--line);min-width:0;height:100%;min-height:0;overflow:auto}.left-panel{border-right:1px solid var(--line);flex-direction:column;grid-area:1/1/-1;display:flex;position:relative;overflow:hidden}.component-rail{border-right:1px solid var(--line);flex-direction:column;grid-area:1/2/-1;min-height:0;padding:10px 6px;display:flex}.directory-resizer{z-index:20;cursor:col-resize;width:11px;height:100%;position:absolute;top:0;right:-5px}.directory-resizer:after{content:"";background:0 0;width:1px;height:100%;transition:background .12s;position:absolute;top:0;right:5px}.directory-resizer:hover:after{background:#8fb4ff}.right-panel{border-left:1px solid var(--line);grid-area:2/4}.mobile-drawer-heading,.mobile-editor-nav,.mobile-panel-backdrop,.mobile-topbar-menu,.mobile-share-button{display:none}.planner-app.view-only .right-panel{grid-column:3}.brand-block{border-bottom:1px solid var(--line);gap:8px;padding:10px 12px;display:grid}.brand-main-row{grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.brand-mark{width:24px;height:24px;box-shadow:none;object-fit:contain;background:0 0;border:0;border-radius:0}.brand-title{min-width:0}.brand-block h1{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:13px;line-height:1.2;overflow:hidden}.brand-block p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:10px;overflow:hidden}.project-pill{color:#536173;white-space:nowrap;background:#f2f4f7;border-radius:5px;height:20px;padding:0 7px;font-size:11px;font-weight:800;line-height:20px}.project-pill.dirty{color:#b7791f;background:#fff3dd}.brand-actions{grid-template-columns:36px 1fr 1fr;gap:5px;display:grid}.brand-actions .language-toggle,.mini-action-button{color:#334155;background:#fff;border:1px solid #c8d2df;border-radius:6px;width:100%;height:26px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800}.brand-actions .language-toggle{color:#1d4ed8}.mini-action-button.primary{color:#1d4ed8;background:#f4f8ff;border-color:#9bb6e8}.panel-section{border-bottom:1px solid var(--line);padding:16px}.directory-section{border-bottom:0;flex-direction:column;flex:1;min-height:0;padding:12px;display:flex}.hierarchy-panels{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.hierarchy-panels .directory-section{flex:none}.element-section{border-bottom:0;flex-direction:column;flex:1 1 0;min-height:0;padding:12px;display:flex}.hierarchy-resizer{z-index:8;cursor:row-resize;height:11px;min-height:11px;margin:-5px 0;position:relative}.hierarchy-resizer:after{content:"";background:#9fb9df;height:1px;transition:background .12s,box-shadow .12s;position:absolute;top:5px;left:12px;right:12px}.hierarchy-resizer:hover:after,.planner-app.resizing-hierarchy .hierarchy-resizer:after{background:#2d6dff;box-shadow:0 0 0 2px #2d6dff1f}.section-title{color:#2d3748;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.directory-section .section-title,.element-section .section-title{border-bottom:1px solid #d8dee8;flex:none;padding-bottom:6px}.component-rail-title{border-bottom:1px solid #d8dee8;justify-content:center;margin-bottom:10px;padding-bottom:7px;container-type:inline-size}.component-rail-title span{overflow-wrap:anywhere;text-align:center;text-wrap:balance;max-width:96cqw;font-size:14px;line-height:1.2;overflow:hidden}@container (width<=70px){.component-rail-title span{font-size:12px}}@container (width<=62px){.component-rail-title span{font-size:11px}}@container (width<=54px){.component-rail-title span{font-size:10px}}.board-tree,.element-tree{flex:1;min-height:0;overflow:auto}.section-title button{color:#223047;background:#fff;border:1px solid #b9c6d5;border-radius:6px;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:grid}.board-list{gap:8px;display:grid}.board-item{color:#223047;text-align:left;background:#fbfcfe;border:1px solid #dce4ed;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:24px 1fr;gap:2px 8px;width:100%;padding:10px;display:grid}.board-item.active{background:var(--accent-soft);border-color:#7ea4ee}.board-item span{color:#536173;background:#e6ebf2;border-radius:6px;grid-row:1/3;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.board-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.board-item small{color:var(--muted);font-size:11px}.board-tree{border-radius:9px;grid-auto-rows:max-content;align-content:start;gap:2px;padding:2px 0;display:grid;position:relative}.board-tree.parent-drop-range{background:#2d6dff0b}.element-tree{border-radius:9px;grid-auto-rows:max-content;align-content:start;gap:2px;padding:2px 0;display:grid;position:relative}.element-tree.parent-drop-range,.element-tree-node.parent-drop-range{background:#2d6dff0b}.element-tree.parent-drop-range:before,.element-tree-node.parent-drop-range:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;border:1px solid #2d6dffb8;position:absolute;inset:0}.element-tree-node{border-radius:8px;gap:2px;display:grid;position:relative}.tree-element-row{border-radius:7px;grid-template-columns:20px minmax(0,1fr);align-items:center;min-height:28px;padding:0 5px 0 8px;display:grid;position:relative}.tree-element-row[draggable=true]{cursor:grab}.tree-element-row[draggable=true]:active{cursor:grabbing}.tree-element-row.active{z-index:1;color:#1e5ee8;background:#eaf2ff}.tree-element-row.drop-before:before,.tree-element-row.drop-after:after{content:"";z-index:4;background:#2d6dff;border-radius:999px;height:2px;position:absolute;left:27px;right:7px;box-shadow:0 0 0 2px #2d6dff26}.tree-element-row.drop-before:before{top:-1px}.tree-element-row.drop-after:after{bottom:-1px}.tree-element-row.drop-inside{background:#e8f1ff;box-shadow:inset 0 0 0 1px #2d6dff9e}.tree-element-button{min-width:0;min-height:26px;color:inherit;text-align:left;background:0 0;border:0;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;padding:0 5px;display:grid}.tree-element-button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;line-height:18px;overflow:hidden}.tree-element-button.rename-active{cursor:text}.tree-element-rename-input{color:#223047;width:100%;min-width:0;height:22px;font:inherit;background:#fff;border:1px solid #2d6dff;border-radius:5px;outline:0;padding:0 5px;font-size:12px;line-height:20px}.element-type-icon{color:#607087;border:1px solid #9aa8ba;border-radius:3px;place-items:center;width:16px;height:16px;font-size:9px;font-weight:800;line-height:1;display:grid}.element-type-icon.text:before{content:"T"}.element-type-icon.rect:before{content:"R"}.element-type-icon.circle{border-radius:50%}.element-type-icon.circle:before{content:"O"}.element-type-icon.line:before{content:"—"}.element-type-icon.arrow:before{content:"→"}.element-type-icon.image:before{content:"▧"}.element-type-icon.file:before{content:"F"}.element-type-icon.table:before{content:"#"}.element-type-icon.annotation:before{content:"!"}.element-tree-empty{color:#98a2b3;text-align:center;margin:18px 6px;font-size:12px;line-height:1.5}.board-tree.parent-drop-range:before,.board-tree-node.parent-drop-range:before{content:"";z-index:3;border-radius:inherit;pointer-events:none;border:1px solid #2d6dffb8;position:absolute;inset:0}.board-tree-node{border-radius:9px;gap:2px;display:grid;position:relative}.board-tree-node.parent-drop-range{background:#2d6dff0b}.tree-board-row{border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;min-height:30px;padding:1px 6px 1px 8px;display:grid;position:relative}.tree-board-row[draggable=true]{cursor:grab}.tree-board-row[draggable=true]:active{cursor:grabbing}.tree-board-row.active{z-index:1;background:#f0f3f7}.tree-board-row.drop-before:before,.tree-board-row.drop-after:after{content:"";z-index:2;background:#2d6dff;border-radius:999px;height:2px;position:absolute;left:28px;right:8px;box-shadow:0 0 0 2px #2d6dff29,0 2px 5px #2d6dff3d}.tree-board-row.drop-before:before{top:-1px}.tree-board-row.drop-after:after{bottom:-1px}.tree-board-row.drop-inside{background:#e8f1ff;box-shadow:inset 0 0 0 1px #2d6dff9e,0 3px 10px #2d6dff1f}.tree-board-row.drop-inside .tree-board-button{color:#1e5ee8}.tree-toggle{color:#667085;background:0 0;border:0;place-items:center;width:20px;height:28px;font-size:15px;line-height:1;display:grid}.tree-toggle.empty{cursor:default}.tree-arrow{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #667085;width:0;height:0;display:block}.tree-arrow.expanded{border:4px solid #0000;border-top:6px solid #667085;border-bottom:0}.tree-board-button{color:#223047;text-align:left;background:0 0;border:0;align-items:center;min-width:0;min-height:28px;padding:1px 6px;display:flex}.tree-board-button:hover{background:#f8fafc}.tree-board-button.rename-active{cursor:text}.tree-board-rename-input{color:#223047;width:min(148px,100%);min-width:0;height:22px;font:inherit;background:#fff;border:1px solid #1e73ff;border-radius:5px;outline:0;padding:0 7px;font-size:13px;font-weight:600;line-height:20px;box-shadow:0 0 0 1px #1e73ff29}.tree-board-row.active .tree-board-button:hover{background:0 0}.tree-board-button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:600;line-height:18px;overflow:hidden;transform:translateY(1px)}.board-drag-preview{z-index:-1;color:#223047;white-space:nowrap;background:0 0;border:0;max-width:180px;padding:0;font-size:13px;font-weight:600;line-height:18px;position:fixed;top:-1000px;left:-1000px}.board-context-menu{z-index:20;background:#fff;border:1px solid #c8d2df;border-radius:8px;min-width:128px;padding:6px;position:fixed;box-shadow:0 12px 28px #1c26372e}.board-context-menu button{color:#223047;text-align:left;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;width:100%;height:32px;padding:0 10px;font-size:13px;display:flex}.board-context-menu button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-context-menu button kbd{color:#8a96a8;flex:none;font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:800}.board-context-menu button.danger kbd{color:#b4231894}.board-context-menu button:hover{background:#eef4ff}.board-context-menu button:disabled{color:#a8b1bf;cursor:not-allowed}.board-context-menu button:disabled:hover{background:0 0}.board-context-menu button.danger{color:#b42318}.board-context-menu button.danger:hover{background:#fff1f0}.element-context-menu{z-index:35;background:#fff;border:1px solid #c8d2df;border-radius:8px;min-width:128px;padding:6px;position:fixed;box-shadow:0 12px 28px #1c26372e}.element-context-menu button{color:#223047;text-align:left;background:0 0;border:0;border-radius:6px;width:100%;height:32px;padding:0 10px;font-size:13px}.element-context-menu button:hover{background:#eef4ff}.element-context-menu button:disabled{color:#a8b1bf;cursor:not-allowed;background:0 0}.element-context-menu button.danger{color:#b42318}.element-context-menu button.danger:hover{background:#fff1f0}.board-delete-backdrop{z-index:45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12182352;place-items:center;display:grid;position:fixed;inset:0}.board-delete-modal{background:#fff;border:1px solid #d9e1ea;border-radius:10px;width:340px;padding:20px;box-shadow:0 22px 60px #1c263738}.board-delete-modal span,.board-delete-modal strong,.board-delete-modal p{display:block}.board-delete-modal span{color:#b42318;font-size:12px;font-weight:800}.board-delete-modal strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:20px;line-height:1.2;overflow:hidden}.board-delete-modal p{color:#5d687a;margin:12px 0 0;font-size:13px;line-height:1.6}.board-delete-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.board-delete-actions button{color:#223047;background:#fff;border:1px solid #c8d2df;border-radius:7px;height:34px;padding:0 14px;font-size:13px;font-weight:700}.board-delete-actions button.danger{color:#fff;background:#d92d20;border-color:#e5a5a1}.board-rename-modal span{color:#2666cf}.board-rename-modal input{color:#172033;background:#fbfcff;border:1px solid #c8d2df;border-radius:7px;outline:0;width:100%;height:38px;margin-top:14px;padding:0 11px}.board-rename-modal input:focus{border-color:#6e8be8;box-shadow:0 0 0 3px #6e8be829}.board-delete-actions button.primary{color:#fff;background:#2666cf;border-color:#9bb6e8}.component-grid{grid-template-columns:1fr;gap:7px;min-height:0;padding-right:1px;display:grid;overflow:hidden auto}.component-button{color:#223047;cursor:grab;text-align:center;background:#f8fafc;border:1px solid #dce4ed;border-radius:7px;place-items:center;width:100%;min-width:0;min-height:66px;padding:8px 4px 7px;display:grid;container-type:inline-size}.component-button:hover{background:#f7faff;border-color:#7ea4ee}.component-button:active{cursor:grabbing}.component-button.dragging{background:#eef4ff;border-color:#2666cf;box-shadow:0 10px 24px #2666cf29}.component-button:focus{outline:none}.component-button:focus-visible{box-shadow:none;border-color:#9eb7df}.component-drag-preview{z-index:80;pointer-events:none;opacity:.72;filter:drop-shadow(0 16px 28px #1c26373d);position:fixed;top:0;left:0;overflow:visible;transform:translate(-9999px,-9999px)translate(-50%,-50%)}.component-button strong,.component-button small{display:block}.component-button strong{overflow-wrap:anywhere;text-align:center;text-wrap:balance;max-width:96cqw;margin-top:3px;font-size:14px;line-height:1.2;overflow:hidden}@container (width<=70px){.component-button strong{font-size:12px}}@container (width<=62px){.component-button strong{font-size:11px}}@container (width<=54px){.component-button strong{font-size:10px}}.component-button small{color:var(--muted);margin-top:0;font-size:11px;line-height:1.35;display:none}.component-icon{place-items:center;width:28px;height:22px;display:grid;position:relative}.component-icon.text:before{content:"T";color:#20304f;font-size:20px;font-weight:800}.component-icon.rect:before{content:"";border:2px solid #3455b5;border-radius:5px;width:28px;height:20px;display:block}.component-icon.image{width:31px;height:27px}.component-icon.image:before{content:"";background:radial-gradient(circle at 35% 35%,#bcc5d0 0 4px,#0000 4.5px),linear-gradient(#f2f5f8 0%,#e5eaf0 100%);border:1px solid #d8dee7;border-radius:5px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffbf}.component-icon.image:after{content:"";clip-path:polygon(0 100%,34% 45%,48% 70%,69% 22%,100% 100%);background:linear-gradient(135deg,#0000 0 20%,#b8c0cc 21% 48%,#0000 49%),linear-gradient(45deg,#0000 0 28%,#c4cbd6 29% 58%,#0000 59%);width:18px;height:11px;position:absolute;bottom:7px;left:8px}.component-icon.file:before{content:"";clip-path:polygon(0 0,68% 0,100% 27%,100% 100%,0 100%);background:#f7f9fd;border:2px solid #596b91;border-radius:3px;width:22px;height:26px;position:absolute}.component-icon.file:after{content:"";border-top:2px solid #91a0bd;border-bottom:2px solid #91a0bd;width:12px;height:7px;position:absolute;top:11px}.component-button:has(.component-icon.file)>.component-icon{transform:translateY(2px)}.component-button:has(.component-icon.file)>strong{transform:translateY(2px)}.component-icon.circle:before{content:"";border:2px solid #d8922f;border-radius:50%;width:24px;height:24px;display:block}.component-icon.line:before,.component-icon.arrow:before{content:"";background:#20304f;width:30px;height:2px;position:absolute;top:11px;left:0}.component-icon.arrow:after{content:"";border-top:2px solid #20304f;border-right:2px solid #20304f;width:10px;height:10px;position:absolute;top:6px;right:-2px;transform:rotate(45deg)}.component-icon.table:before{content:"";background:linear-gradient(#227c68,#227c68) 0 7px/100% 2px no-repeat,linear-gradient(#227c68,#227c68) 10px 0/2px 100% no-repeat,linear-gradient(#227c68,#227c68) 20px 0/2px 100% no-repeat;border:2px solid #227c68;border-radius:3px;width:30px;height:22px;display:block}.component-icon.table{width:32px}.component-icon.annotation{width:32px;height:28px}.component-icon.annotation:before{content:"";background:#ffd266;border:1px solid #f0b13b;border-radius:3px;width:17px;height:17px;position:absolute;top:6px;left:7px;box-shadow:-5px -4px 0 -1px #ffe3a2}.component-icon.annotation:after{content:"W";color:#aeb5bf;font-size:10px;font-weight:800;position:absolute;top:-5px;left:-2px}.workspace{grid-area:2/3;grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.route-project-loading{color:#172033;background-color:#e6ebf1;background-image:linear-gradient(#d8e0e8 1px,#0000 1px),linear-gradient(90deg,#d8e0e8 1px,#0000 1px);background-size:24px 24px;place-items:center;min-height:100vh;display:grid}.route-project-loading div{text-align:center;gap:10px;display:grid}.project-loading-spinner{border:3px solid #0087f92e;border-top-color:#0087f9;border-radius:50%;justify-self:center;width:28px;height:28px;animation:.8s linear infinite project-loading-spin;display:block}.route-project-loading .project-loading-spinner{color:#0000;font-size:0}.board-content-loading{z-index:70;color:#172033;background:#fffffff0;border:1px solid #94a3b857;border-radius:6px;place-items:center;gap:8px;min-width:190px;padding:18px 24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 38px #0f172a29}.board-content-loading strong{font-size:14px}.board-content-loading small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:12px;overflow:hidden}.image-upload-backdrop{z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#e6ebf19e;place-items:center;display:grid;position:fixed;inset:0}.image-upload-dialog{color:#172033;background:#fffffffa;border:1px solid #94a3b861;border-radius:6px;place-items:center;gap:9px;min-width:250px;padding:22px 28px;display:grid;box-shadow:0 16px 42px #0f172a2e}.image-upload-dialog strong{font-size:15px}.image-upload-dialog small{color:#64748b;font-size:12px}@keyframes project-loading-spin{to{transform:rotate(360deg)}}.route-project-loading strong{font-size:18px;font-weight:900}.route-project-loading span{color:#64748b;font-size:13px}.planner-app.view-only .workspace{grid-column:2}.topbar{z-index:80;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;grid-area:1/3/auto/5;grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);align-items:center;gap:12px;padding:0 14px 0 18px;display:grid;position:relative}.planner-app.view-only .topbar{grid-column:2/4}.topbar-board-info{align-items:center;gap:14px;min-width:0;display:flex}.topbar-board-copy{min-width:0}.topbar strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;display:block;overflow:hidden}.topbar span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.topbar-auth{justify-content:flex-end;align-items:center;min-width:0;display:flex}.zoom-tools{z-index:1;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.topbar-zoom-controls{flex:none;align-items:center;gap:8px;min-width:0;display:inline-flex}.auth-profile{color:#223047;white-space:nowrap;align-items:center;gap:8px;min-height:28px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.home-nav .auth-profile{color:#f7dfbd;letter-spacing:.06em;font-size:11px}.auth-profile.muted{color:var(--muted);font-weight:700}.home-nav .auth-profile.muted{color:#ffeacd94}.auth-profile.login{background:#48bb7814;border:1px solid #48bb7852;border-radius:999px;height:30px;padding:0 10px}.auth-profile.local-login{color:#f7dfbd;background:#07081047;border-color:#eeb67557}.topbar .auth-profile.local-login{color:#0067c4;background:#0087f91a;border-color:#0087f947;height:28px;padding:0 12px;box-shadow:inset 0 0 0 1px #ffffffb8}.topbar .auth-profile.local-login:hover{color:#defeff;background:#0087f9;text-decoration:none}.home-nav .auth-profile.login{background:#07081047;border-color:#eeb67557}.wechat-dot{background:#21c063;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #21c0631f}.auth-profile.signed-in{background:#ffffffb8;border:1px solid #d6e0ea;border-radius:999px;max-width:210px;padding:2px 8px 2px 2px}.home-nav .auth-profile.signed-in{background:#07081052;border-color:#eeb67547}.home-nav .auth-profile img,.home-nav .auth-avatar-fallback{width:22px;height:22px}.home-nav .auth-avatar-fallback{font-size:12px}.auth-profile img{object-fit:cover;border-radius:50%;flex:none;width:23px;height:23px}.auth-avatar-fallback{color:#defeff;text-align:center;background:#0087f9;border-radius:50%;flex:none;justify-content:center;align-items:center;width:23px;height:23px;font-size:13px;font-weight:900;line-height:1;display:flex}.topbar .auth-avatar-fallback{color:#defeff;justify-content:center;align-items:center;line-height:1;display:flex}.auth-profile strong{min-width:0;max-width:96px;color:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-profile a,.auth-profile button{color:#2666cf;background:0 0;border:0;font-size:11px;font-weight:800;text-decoration:none}.auth-profile button{padding:0}.auth-profile button:hover{text-decoration:underline}.auth-profile .message-button{color:#c89156;position:relative}.home-nav .auth-profile a,.home-nav .auth-profile button{color:#f2d0a8}.home-nav .auth-profile .message-button{color:#ffd89f}.messages-popover{z-index:55;color:#fff4e5;background:#08080ff5;border:1px solid #e2a86961;width:280px;padding:12px;position:fixed;top:54px;right:44px;box-shadow:0 22px 58px #00000075}.messages-dismiss-layer{z-index:54;cursor:default;background:0 0;border:0;position:fixed;inset:0}.messages-popover.editor-messages-popover{top:64px;right:28px}.messages-popover>strong{color:#f7dfbd;margin-bottom:8px;font-size:13px;display:block}.messages-popover button{color:#fff4e5;text-align:left;background:#ffffff0e;border:0;gap:4px;width:100%;padding:10px;display:grid}.messages-popover button+button{margin-top:6px}.messages-popover button:hover{background:#c891562e}.messages-popover button span,.messages-popover button em,.messages-popover p{font-family:Inter,Arial,sans-serif;font-size:12px}.messages-popover button em,.messages-popover p{color:#ffe8ca9e;margin:0;font-style:normal}.topbar-zoom-controls button{background:#fff;border:1px solid #c8d2df;border-radius:6px;width:26px;height:26px;position:relative}.topbar-zoom-controls input[type=range]{width:150px}.zoom-percent{text-align:left;font-variant-numeric:tabular-nums;width:44px}.history-tools{align-items:center;gap:6px;display:inline-flex}.multi-align-tools{align-items:center;gap:6px;margin-right:0;display:inline-flex}.multi-align-button{color:#172033;cursor:pointer;width:24px;height:24px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid;position:relative}.multi-align-button:hover{color:#000}.multi-align-button[aria-disabled=true]{cursor:not-allowed}.multi-align-button[aria-disabled=true]:hover{color:#172033}.multi-align-icon{object-fit:contain;pointer-events:none;max-width:20px;max-height:20px;display:block}.multi-align-button[aria-disabled=true] .multi-align-icon{opacity:.28}.multi-align-button[aria-disabled=false]:hover .multi-align-icon{opacity:.72}.multi-align-button .text-align-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.multi-align-button .text-align-icon.vertical{transform:translate(-50%,-50%)rotate(90deg)}.zoom-tools .history-tools>button{color:#172033;width:24px;height:24px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid;position:relative}.history-tools button[aria-disabled=true]{cursor:not-allowed}.history-tools button[aria-disabled=false]:hover{color:#000}.history-tools button[aria-disabled=true] .history-icon{opacity:.28}.history-tools button[aria-disabled=false]:hover .history-icon{opacity:.72}.history-icon{object-fit:contain;pointer-events:none;width:18px;height:18px}.redo-icon{transform:scaleX(-1)}.history-tool-tip{z-index:120;color:#fff;text-align:center;opacity:0;pointer-events:none;width:182px;text-shadow:none;background:#262626f5;border-radius:6px;padding:14px 16px 15px;transition:opacity .12s,transform .12s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,-4px)}.history-tools button.tooltip-visible .history-tool-tip{opacity:1;transform:translate(-50%)}.history-tool-tip strong,.history-tool-tip small{text-overflow:clip;white-space:normal;min-width:0;max-width:none;display:block;overflow:visible}.history-tool-tip strong{color:#fff;font-size:16px;font-weight:800;line-height:1.2}.history-tool-tip small{color:#ffffffdb;margin-top:18px;font-size:14px;line-height:1.35}.history-tool-tip.compact{width:max-content;min-width:112px;max-width:180px;padding:8px 12px;top:calc(100% + 8px)}.multi-align-button.tooltip-visible .history-tool-tip{opacity:1;transform:translate(-50%)}.history-tool-tip.compact strong{font-size:12px;line-height:1.2}.canvas-viewport{cursor:default;background-color:#e6ebf1;background-image:linear-gradient(#d8e0e8 1px,#0000 1px),linear-gradient(90deg,#d8e0e8 1px,#0000 1px);background-size:24px 24px;position:relative;overflow:hidden}.canvas-viewport.panning,.canvas-viewport.panning *{cursor:none!important}.canvas-file-drop-overlay{z-index:120;color:#2459a8;pointer-events:none;background:#e8f2ffd1;border:2px dashed #2f75df;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.canvas-file-drop-overlay strong{font-size:16px;line-height:1.4}.canvas-file-drop-icon{clip-path:polygon(0 0,68% 0,100% 25%,100% 100%,0 100%);background:#fff;border:2px solid #3972c8;border-radius:5px;width:34px;height:40px;position:relative}.canvas-file-drop-icon:before,.canvas-file-drop-icon:after{content:"";border-top:2px solid #7f9bc4;width:16px;position:absolute;left:8px}.canvas-file-drop-icon:before{top:18px}.canvas-file-drop-icon:after{top:25px}.marquee-selection{z-index:20;pointer-events:none;background:#2d6dff1f;border:1px solid #2d6dff;position:absolute;box-shadow:inset 0 0 0 1px #ffffff73}.pan-tool-button{z-index:12;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:grab;background:#1a202a8a;border:1px solid #ffffff47;border-radius:8px;justify-content:center;place-items:center;width:34px;height:34px;display:flex;position:absolute;top:14px;right:18px;box-shadow:0 10px 24px #161f2c33}.pan-tool-button:hover{background:#1a202aa8}.pan-tool-button.active{cursor:none;background:#141a23b8}.pan-tool-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;pointer-events:none;flex:0 0 22px;width:22px;height:22px;display:block}.pan-tool-tip{color:#fff;text-align:left;opacity:0;pointer-events:none;background:#262626f5;border-radius:2px;width:182px;padding:14px 16px 15px;transition:opacity .12s,transform .12s;position:absolute;top:0;right:44px;transform:translate(8px)}.pan-tool-button.tooltip-visible .pan-tool-tip{opacity:1;transform:translate(0)}.pan-tool-tip strong,.pan-tool-tip small{display:block}.pan-tool-tip strong{font-size:16px;font-weight:800;line-height:1.2}.pan-tool-tip small{color:#ffffffdb;margin-top:18px;font-size:14px;line-height:1.35}.canvas-shell{transform-origin:0 0;border:1px solid #c7d1dd;position:absolute;top:0;left:0;overflow:visible;box-shadow:0 18px 45px #1c263729}.canvas-board-fill{z-index:0;pointer-events:none;position:absolute;inset:0}.canvas-safe-title{z-index:0;color:#2330473d;pointer-events:none;font-size:13px;font-weight:700;position:absolute;top:18px;left:24px}.canvas-outside-fade{z-index:1500;pointer-events:none;background:#e6ebf19e;position:absolute}.canvas-outside-fade.top{height:100000px;bottom:100%;left:-100000px;right:-100000px}.canvas-outside-fade.right{width:100000px;top:0;bottom:0;left:100%}.canvas-outside-fade.bottom{height:100000px;top:100%;left:-100000px;right:-100000px}.canvas-outside-fade.left{width:100000px;top:0;bottom:0;right:100%}.canvas-element{z-index:1;-webkit-user-select:none;user-select:none;touch-action:none;cursor:move;transform-origin:50%;position:absolute}.canvas-element.line,.canvas-element.arrow{align-items:center;display:flex}.canvas-element.selected{outline-offset:3px;outline:2px solid #2666cf}.canvas-element.table.selected{outline-offset:-1px}.project-file-picker{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.file-node{color:#223047;cursor:move;background:#f7f9fc;border:1px solid #c9d4e2;border-radius:6px;align-items:center;gap:11px;width:100%;min-width:0;height:100%;padding:0 12px;text-decoration:none;display:flex;overflow:hidden}.file-node:hover{background:#eef5ff;border-color:#7fa8ef}.file-node-icon{clip-path:polygon(0 0,68% 0,100% 25%,100% 100%,0 100%);background:#fff;border:2px solid #5b6f9d;border-radius:4px;flex:0 0 28px;width:28px;height:34px;position:relative}.file-node-icon:after{content:"";border-top:2px solid #a1aec6;border-bottom:2px solid #a1aec6;width:13px;height:8px;position:absolute;top:14px;left:6px}.file-node-copy{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;height:100%;display:flex}.file-node-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.25;overflow:hidden}.file-node-copy small{color:#748198;font-size:11px;line-height:1.2}.file-node-download{color:#5271b6;cursor:pointer;background:0 0;border:0;flex:0 0 20px;width:20px;height:24px;padding:0;position:relative}.file-node-download:hover{color:#315fae;background:0 0}.file-node-download:disabled{cursor:wait}.file-node-download:not(.downloading):before{content:"";background:currentColor;position:absolute;inset:3px 1px;-webkit-mask:url(/generated/file-download.png) 50%/contain no-repeat;mask:url(/generated/file-download.png) 50%/contain no-repeat}.file-node-download.downloading:before{content:"";border:2px solid #c4d3ec;border-top-color:#2d6ed3;border-radius:50%;animation:.72s linear infinite file-download-spin;position:absolute;inset:3px 1px}@keyframes file-download-spin{to{transform:rotate(360deg)}}.canvas-element.selected.editing{cursor:text;outline:0}.element-move-gizmo{z-index:60;pointer-events:none;width:92px;height:92px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.element-move-gizmo button{box-shadow:none;pointer-events:auto;border:0;border-radius:0;margin:0;padding:0;display:block;position:absolute}.element-move-axis.x{cursor:ew-resize;background:#e32929;width:42px;height:4px;top:44px;left:45px}.element-move-axis.x:after{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid #e32929;position:absolute;top:-6px;right:-5px}.element-move-axis.y{cursor:ns-resize;background:#36b62b;width:4px;height:42px;top:5px;left:44px}.element-move-axis.y:after{content:"";border-bottom:13px solid #36b62b;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;top:-6px;left:-6px}.element-move-center{cursor:move;background:#2563eb;width:18px;height:18px;top:37px;left:37px;border:2px solid #fff!important;border-radius:2px!important;box-shadow:0 0 0 1px #164191a6!important}.selection-tag{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#2666cf;border-radius:5px;max-width:160px;padding:4px 7px;font-size:11px;line-height:1;position:absolute;top:-25px;left:-2px;overflow:hidden}.resize-handle,.rotate-handle{z-index:5;background:#fff;border:1px solid #2666cf;position:absolute;box-shadow:0 2px 6px #1c26372e}.resize-handle{width:18px;height:18px;box-shadow:none;background:0 0;border:0;border-radius:50%}.resize-handle.nw{cursor:nwse-resize;top:-12px;left:-12px}.resize-handle.n{cursor:ns-resize;top:-12px;left:calc(50% - 9px)}.resize-handle.ne{cursor:nesw-resize;top:-12px;right:-12px}.resize-handle.e{cursor:ew-resize;top:calc(50% - 9px);right:-12px}.resize-handle.se{cursor:nwse-resize;bottom:-12px;right:-12px}.resize-handle.s{cursor:ns-resize;bottom:-12px;left:calc(50% - 9px)}.resize-handle.sw{cursor:nesw-resize;bottom:-12px;left:-12px}.resize-handle.w{cursor:ew-resize;top:calc(50% - 9px);left:-12px}.resize-handle:after{content:"";background:#fff;border:1px solid #2666cf;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:4px;box-shadow:0 2px 6px #1c26372e}.canvas-element.line .resize-handle,.canvas-element.arrow .resize-handle{cursor:grab;width:22px;height:22px;top:calc(50% - 11px)}.canvas-element.line .resize-handle.e,.canvas-element.arrow .resize-handle.e{right:-14px}.canvas-element.line .resize-handle.w,.canvas-element.arrow .resize-handle.w{left:-14px}.canvas-element.line .resize-handle:after,.canvas-element.arrow .resize-handle:after{width:14px;height:14px;top:4px;left:4px}.rotate-handle{color:#1f2937;cursor:grab;background:#fff;border:1px solid #c8d2df;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;top:-54px;left:calc(50% - 17px);box-shadow:0 4px 12px #1c26372e}.rotate-handle:hover{color:#174ea6;background:#f4f8ff;border-color:#8aa8e8}.rotate-handle img{object-fit:contain;pointer-events:none;width:24px;height:auto;max-height:24px;display:block;transform:translate(-2px)}.rotate-handle:after{content:"";background:#2666cf;width:1px;height:15px;position:absolute;top:33px;left:16px}.text-node{white-space:pre-wrap;word-break:break-word;width:100%;height:100%;padding:0 2px;line-height:1.5;overflow:hidden}.text-node.text-line-bullets{padding-left:18px;position:relative}.text-node.text-line-bullets:before{width:12px;height:calc(var(--line-bullet-count,1) * var(--line-bullet-height,1.5em));background-image:radial-gradient(circle at 5px calc(var(--line-bullet-height,1.5em) / 2), var(--line-bullet-color,#2d6dff) 0 4px, transparent 4.5px);background-repeat:repeat-y;background-size:12px var(--line-bullet-height,1.5em);content:"";pointer-events:none;position:absolute;top:0;left:0}.canvas-element.text:not(.editing) .text-node{transform:translateY(-.08em)}.text-node div,.text-node p{margin:0!important}.text-node *,.rich-text-surface *{line-height:inherit!important}.text-inline-editor{resize:none;background:#ffffffeb;border:0;border-radius:5px;outline:0;padding:0 2px;display:block;box-shadow:0 0 0 1px #2666cf}.rich-text-surface{cursor:text;-webkit-user-select:text;user-select:text}.rich-text-surface font,.rich-text-surface span,.table-node td span font,.table-node td span span{font:inherit}.shape-node{border:2px solid;width:100%;height:100%;position:absolute;inset:0}.shape-container{width:100%;height:100%;position:relative}.shape-text-layer{pointer-events:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;inset:0}.circle-text-layer{width:70.7107%;height:70.7107%;top:50%;left:50%;transform:translate(-50%,-50%)}.shape-text-layer .text-node{width:100%;height:auto;max-height:100%;transform:none}.shape-text-node{text-align:center;display:block}.shape-rich-text-editor{box-shadow:none;pointer-events:auto;background:0 0;border:0;border-radius:0;outline:0;min-height:1.5em;padding:0}.circle-shape{border-radius:50%}.line-node{align-items:center;width:100%;height:100%;padding:11px 0;display:flex;position:relative}.line-node span{border-radius:999px;width:100%;height:3px;display:block}.arrow-line:after{content:"";border-top:3px solid var(--arrow-color,#4257b2);border-right:3px solid var(--arrow-color,#4257b2);width:14px;height:14px;position:absolute;right:-2px;transform:rotate(45deg)}.image-node{object-fit:cover;pointer-events:none;border:1px solid #c9d4e2;border-radius:8px;width:100%;height:100%}.image-placeholder{color:#6b778c;background:#f5f7fa;border:1px dashed #aab8c8;border-radius:8px;place-items:center;width:100%;height:100%;display:grid}.image-placeholder span{border:2px solid #aab8c8;border-radius:5px;width:44px;height:30px}.image-placeholder strong{margin-top:-22px;font-size:13px}.canvas-element.annotation{z-index:1000;overflow:visible}.canvas-element.annotation:not(.selected),.canvas-element.annotation.selected{width:24px!important;height:24px!important}.canvas-element.annotation.marquee-selected{cursor:default;width:24px!important;height:24px!important}.canvas-element.annotation.selected{z-index:2000;outline:0}.canvas-element.annotation.selected.marquee-selected{outline:0}.annotation-node{width:100%;height:100%;position:relative}.annotation-marker{z-index:1;background:var(--annotation-color,#ffd13b);color:#1f2937;cursor:move;border:0;border-radius:5px;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:800;line-height:22px;position:absolute;top:0;left:0;box-shadow:0 4px 10px #1c26372e}.canvas-element.annotation.selected.marquee-selected .annotation-marker:after{content:"";pointer-events:none;border:2px solid #2666cf;border-radius:9px;position:absolute;inset:-4px}.annotation-node.open .annotation-marker{left:0}.annotation-card{z-index:2;border:1px solid var(--annotation-color,#ffd13b);background:#fff;border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:30px;overflow:hidden;box-shadow:0 8px 18px #1c263729}.annotation-strip{background:var(--annotation-color,#ffd13b);height:23px}.annotation-text{width:100%;height:calc(100% - 23px);min-height:0;color:inherit;cursor:text;resize:none;background:#fff;border:0;outline:0;padding:12px;line-height:1.45;display:block;overflow:hidden}.table-node{border:1px solid var(--table-divider-color,#c9d4e2);border-collapse:separate;border-spacing:0;table-layout:fixed;cursor:text;background:#fff;width:100%;height:100%}.table-node td{border:0;border-right:1px solid var(--table-divider-color,#c9d4e2);border-bottom:1px solid var(--table-divider-color,#c9d4e2);overflow-wrap:anywhere;white-space:normal;word-break:break-word;-webkit-user-select:text;user-select:text;padding:8px;position:relative;overflow:hidden}.table-node tr>td:last-child{border-right:0}.table-node tr:last-child>td{border-bottom:0}.table-first-row-resizer{z-index:7;cursor:row-resize;background:0 0;border:0;width:100%;height:12px;padding:0;position:absolute;left:0;transform:translateY(-50%)}.table-first-row-resizer:after{content:"";opacity:0;background:#2f6df6;border-radius:1px;height:2px;transition:opacity .12s;position:absolute;top:50%;left:6px;right:6px;transform:translateY(-50%)}.canvas-element.table:hover .table-first-row-resizer:after,.canvas-element.table.selected .table-first-row-resizer:after,.table-first-row-resizer:focus-visible:after,.table-first-row-resizer:active:after{opacity:1}.table-column-resizer{z-index:9;cursor:col-resize;background:0 0;border:0;width:12px;height:100%;padding:0;position:absolute;top:0;transform:translate(-50%)}.table-column-resizer:after{content:"";opacity:0;background:#2f6df6;border-radius:1px;width:2px;transition:opacity .12s;position:absolute;top:6px;bottom:6px;left:50%;transform:translate(-50%)}.canvas-element.table:hover .table-column-resizer:after,.canvas-element.table.selected .table-column-resizer:after,.table-column-resizer:focus-visible:after,.table-column-resizer:active:after{opacity:1}.table-node td:hover{background:#f8fbff;box-shadow:inset 0 0 0 1px #8db5ff}.table-node td.selected-cell,.table-node td.selected-cell:hover{z-index:1;box-shadow:none;background-image:linear-gradient(#2f6df624,#2f6df624)!important}.table-cell-content{flex-direction:column;justify-content:center;align-items:stretch;gap:4px;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.table-cell-text{overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word;min-width:0;display:block;overflow:hidden}.table-cell-image-frame{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.table-cell-image{object-fit:contain;pointer-events:none;width:100%;min-width:0;height:100%;min-height:0;display:block}.table-cell-content.has-image .table-cell-text,.table-cell-content.has-image .table-cell-editor{flex:none;max-height:38%}.table-cell-editor{width:100%;min-width:0;height:100%;min-height:28px;color:inherit;font:inherit;cursor:text;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;white-space:pre-wrap;word-break:break-word;background:0 0;border:0;border-radius:0;outline:0;padding:0;display:block}.table-node td:has(.table-cell-editor){box-shadow:none;padding:7px;background-image:linear-gradient(#2f6df624,#2f6df624)!important}.table-node tr:first-child td{background:#eef4fb;font-weight:700}.table-node tr:first-child td.selected-cell{box-shadow:none}.inspector{padding:18px}.inspector-fields{border:0;min-width:0;margin:0;padding:0}.inspector-fields:disabled{opacity:1}.inspector-fields:disabled input,.inspector-fields:disabled textarea,.inspector-fields:disabled select,.inspector-fields:disabled button{cursor:not-allowed}.inspector-fields:disabled .field input,.inspector-fields:disabled .field textarea,.inspector-fields:disabled .field select{color:#667085;background:#f3f6fa;border-color:#d5dde8}.inspector-fields:disabled .color-input,.inspector-fields:disabled .annotation-palette{opacity:.72}.annotation-palette{flex-wrap:wrap;gap:9px;display:flex}.annotation-palette button{cursor:pointer;border:1px solid #cfd8e3;border-radius:50%;width:24px;height:24px;box-shadow:inset 0 1px #ffffff73}.annotation-palette button.active{outline-offset:2px;outline:2px solid #2f6df6}.inspector-heading{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:14px}.inspector-heading span{color:var(--muted);font-size:12px;font-weight:700;display:block}.inspector-heading strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:6px;font-size:18px;display:block;overflow:hidden}.field{color:#2d3748;gap:7px;margin-bottom:14px;font-size:12px;font-weight:700;display:grid}.field input,.field textarea,.field select{color:#172033;background:#fff;border:1px solid #c8d2df;border-radius:7px;width:100%;min-width:0;font-size:13px;font-weight:500}.field input,.field select{height:34px;padding:0 9px}.field textarea{resize:vertical;min-height:82px;padding:9px}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.checkbox-field{color:#2d3748;cursor:pointer;align-items:center;gap:9px;min-height:34px;margin-bottom:14px;font-size:13px;font-weight:600;display:flex}.checkbox-field input{accent-color:#2d6dff;cursor:pointer;width:16px;height:16px;margin:0}.line-bullet-properties{margin-top:2px}.line-bullet-toggle{margin-bottom:10px}.inspector-fields:disabled .checkbox-field,.inspector-fields:disabled .checkbox-field input{cursor:not-allowed}.table-cell-image-field{display:grid}.table-cell-image-preview{background:#f7f9fc;border:1px solid #d7e0eb;border-radius:7px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;padding:8px;display:grid}.table-cell-image-preview img{object-fit:contain;background:#fff;border-radius:4px;width:48px;height:48px}.table-cell-image-preview span{color:#516078;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.table-cell-image-actions{gap:8px;display:flex}.file-action-button,.table-cell-image-actions button{color:#255ab6;cursor:pointer;background:#fff;border:1px solid #b8c8dc;border-radius:7px;flex:1;justify-content:center;align-items:center;min-width:0;height:34px;font-size:12px;font-weight:700;display:inline-flex}.file-action-button input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.table-cell-image-actions button.danger{color:#c53636;border-color:#f1c0c0}.color-input{grid-template-columns:42px 1fr;gap:8px;display:grid}.color-input input[type=color]{padding:3px}.icon-button-row{align-items:center;gap:8px;display:flex}.icon-toggle{color:#172033;cursor:pointer;background:#fff;border:1px solid #c8d2df;border-radius:7px;place-items:center;width:34px;height:30px;display:grid;position:relative}.icon-toggle:hover{background:#f5f8ff;border-color:#9bb6e8}.icon-toggle.active{color:#2563eb;background:#e9f1ff;border-color:#b9d2ff}.icon-toggle:after{content:attr(data-tooltip);z-index:60;color:#fff;opacity:0;pointer-events:none;background:#172033eb;border-radius:6px;width:max-content;max-width:132px;padding:6px 8px;font-size:11px;font-weight:700;line-height:1.2;transition:opacity 80ms,transform 80ms;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.icon-toggle.tooltip-visible:after{opacity:1;transform:translate(-50%)}.text-align-icon{width:18px;height:14px;display:block;position:relative}.text-align-icon:before,.text-align-icon:after{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute}.text-align-icon:before{width:18px;top:6.2px;left:0}.text-align-icon:after{width:12px;top:.6px;box-shadow:0 11.2px}.text-align-icon.align-left:before,.text-align-icon.align-left:after{left:0}.text-align-icon.align-center:before,.text-align-icon.align-center:after{left:3px}.text-align-icon.align-center:before{left:0}.text-align-icon.align-right:before,.text-align-icon.align-right:after{right:0}.text-align-icon.align-right:before{left:0;right:auto}.text-align-icon.vertical{transform:rotate(90deg)}.text-style-icon{font-size:16px;line-height:1}.underline-icon{text-underline-offset:4px;text-decoration:underline}.hint-box{color:#536173;background:#f8fafc;border:1px solid #dce4ed;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}.inspector-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.inspector-actions button{color:#223047;background:#fff;border:1px solid #c8d2df;border-radius:7px;height:36px;font-weight:700}.inspector-actions .danger{color:#b42318;background:#fff5f5;border-color:#efb8b8}@media (width<=1180px){html,body{min-width:0;overflow:auto}.planner-app{grid-template-columns:var(--directory-width,172px) 77px minmax(520px, 1fr) 300px;width:1069px}.planner-app.view-only{grid-template-columns:var(--directory-width,172px) minmax(520px, 1fr) 300px;width:992px}}@media (width>=901px) and (height<=800px){.home-hero{min-height:284px;padding:18px 0 20px}.home-kicker{font-size:10px}.home-copy h1{margin:12px 0 14px;font-size:clamp(64px,5.6vw,78px)}.home-copy p{max-width:590px;font-size:14px;line-height:1.6}.home-create-button{height:46px;margin-top:20px}.project-library{min-height:380px;padding-top:20px}.library-heading{min-height:44px;margin-bottom:16px;padding-bottom:14px}}@media (width<=900px){.home-nav{z-index:6;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;width:calc(100% - 32px);height:54px;padding:0}.home-nav span:not(.home-nav-brand){display:none}.home-nav .auth-profile.login{letter-spacing:.04em;pointer-events:auto;border-radius:999px;justify-content:center;justify-self:end;width:auto;min-width:88px;max-width:120px;height:30px;min-height:30px;padding:0 12px}.home-hero{grid-template-columns:minmax(0,1fr);gap:30px;width:calc(100% - 32px);min-height:0;padding:32px 0 35px}.home-copy h1{font-size:clamp(48px,14vw,68px)}.home-copy p{font-size:14px;line-height:1.7}.home-create-button{width:100%;height:50px}.project-library{width:100%;margin:0 0 42px;padding:28px 16px 34px}.library-heading{text-align:left;align-items:center;gap:18px;min-height:0;padding-left:14px;display:flex}.library-tools{margin-left:auto;position:static}.project-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}}@media (width<=560px){.home-nav{grid-template-columns:minmax(0,1fr) auto auto}.home-nav-brand{font-size:15px}.home-kicker{letter-spacing:.36em}.library-heading{grid-template-columns:minmax(0,1fr) auto;display:grid}.library-heading>div:first-child{min-width:0}.library-heading strong{font-size:24px}.library-tools{min-width:72px}.project-grid{grid-template-columns:1fr}}@media (width<=820px),(pointer:coarse) and (width<=1100px){html,body{overscroll-behavior:none;width:100%;min-width:0;height:100%;overflow:hidden}.planner-app.mobile-editor,.planner-app.mobile-editor.view-only{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(48px + env(safe-area-inset-top)) minmax(0, 1fr) calc(58px + env(safe-area-inset-bottom));width:100vw;height:100dvh;min-height:100vh;display:grid;overflow:hidden}.mobile-editor .topbar,.mobile-editor.view-only .topbar{min-width:0;padding:env(safe-area-inset-top) 10px 0;background:#fffffff0;grid-area:1/1;grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.mobile-editor .mobile-topbar-menu,.mobile-editor .mobile-share-button{color:#174ea6;background:#fff;border:1px solid #c8d5e5;border-radius:7px;justify-content:center;align-items:center;height:34px;font-size:12px;font-weight:800;display:inline-flex}.mobile-editor .mobile-topbar-menu{width:36px;padding:0}.mobile-editor .mobile-topbar-menu span,.mobile-editor .mobile-topbar-menu span:before,.mobile-editor .mobile-topbar-menu span:after{content:"";background:currentColor;border-radius:999px;width:17px;height:2px;display:block}.mobile-editor .mobile-topbar-menu span{position:relative;overflow:visible}.mobile-editor .mobile-topbar-menu span:before{position:absolute;top:-5px}.mobile-editor .mobile-topbar-menu span:after{position:absolute;top:5px}.mobile-editor .mobile-share-button{color:#defeff;background:#0087f9;border-color:#0087f9;padding:0 13px}.mobile-editor .topbar-board-info,.mobile-editor .topbar-board-copy{min-width:0}.mobile-editor .topbar-board-copy{display:grid}.mobile-editor .topbar-board-copy strong{font-size:13px}.mobile-editor .topbar-board-copy span{font-size:10px}.mobile-editor .topbar-zoom-controls,.mobile-editor .zoom-tools,.mobile-editor .topbar-auth{display:none}.mobile-editor .workspace,.mobile-editor.view-only .workspace{grid-area:2/1;min-width:0;min-height:0}.mobile-editor .canvas-viewport{touch-action:none;width:100%;height:100%}.mobile-editor .pan-tool-button{display:none}.mobile-editor .left-panel,.mobile-editor .component-rail,.mobile-editor .right-panel,.mobile-editor.view-only .right-panel{z-index:230;background:#fff;border:1px solid #d5deea;grid-area:auto;min-width:0;min-height:0;transition:transform .18s;display:flex;position:fixed;overflow:hidden;box-shadow:0 18px 48px #0f172a38}.mobile-editor .left-panel{box-sizing:border-box;width:min(86vw,330px);height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:calc(58px + env(safe-area-inset-bottom));border-width:0 1px 0 0;top:0;bottom:0;left:0;transform:translate(-105%)}.mobile-editor .left-panel.mobile-open{transform:translate(0)}.mobile-editor .component-rail,.mobile-editor .right-panel,.mobile-editor.view-only .right-panel{right:8px;bottom:calc(66px + env(safe-area-inset-bottom));border-radius:10px;flex-direction:column;width:auto;height:min(58dvh,560px);padding:0;left:8px;transform:translateY(calc(100% + 90px))}.mobile-editor .component-rail.mobile-open,.mobile-editor .right-panel.mobile-open,.mobile-editor.view-only .right-panel.mobile-open{transform:translateY(0)}.mobile-editor .right-panel>:not(.mobile-drawer-heading){flex:1;overflow:auto}.mobile-editor .mobile-drawer-heading{color:#172033;border-bottom:1px solid #dce4ed;flex:0 0 46px;justify-content:space-between;align-items:center;min-height:46px;padding:0 14px;display:flex}.mobile-editor .mobile-drawer-heading strong{font-size:14px}.mobile-editor .mobile-drawer-heading button{color:#64748b;background:0 0;border:0;place-items:center;width:34px;height:34px;padding:0;font-size:26px;line-height:1;display:grid}.mobile-editor .left-panel .mobile-drawer-heading{order:-1}.mobile-editor .directory-resizer,.mobile-editor .component-rail-title{display:none}.mobile-editor .component-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px;display:grid;overflow-y:auto}.mobile-editor .component-button{width:100%;min-height:76px}.mobile-editor .mobile-panel-backdrop{z-index:220;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0f172a3d;border:0;padding:0;animation:.18s ease-out both mobile-panel-backdrop-in;display:block;position:fixed;inset:0}@keyframes mobile-panel-backdrop-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.mobile-editor .mobile-panel-backdrop{animation-duration:1ms}}.mobile-editor .mobile-editor-nav{z-index:240;padding:4px 8px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #d7e0eb;grid-area:3/1;justify-content:space-around;align-items:stretch;display:flex}.mobile-editor .mobile-editor-nav button{color:#64748b;background:0 0;border:0;border-radius:7px;flex:1;place-items:center;gap:2px;min-width:72px;padding:3px 8px;display:grid}.mobile-editor .mobile-editor-nav button.active{color:#0067c4;background:#e9f3ff}.mobile-editor .mobile-editor-nav strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.mobile-nav-icon{color:currentColor;width:19px;height:18px;display:block;position:relative}.mobile-nav-icon.directory{border:1.5px solid;border-radius:2px}.mobile-nav-icon.directory:before,.mobile-nav-icon.directory:after{content:"";background:currentColor;width:11px;height:1.5px;position:absolute;left:3px}.mobile-nav-icon.directory:before{top:5px}.mobile-nav-icon.directory:after{top:10px}.mobile-nav-icon.components{background:linear-gradient(currentColor,currentColor) 0 0/8px 8px no-repeat,linear-gradient(currentColor,currentColor) 11px 0/8px 8px no-repeat,linear-gradient(currentColor,currentColor) 0 11px/8px 7px no-repeat,linear-gradient(currentColor,currentColor) 11px 11px/8px 7px no-repeat}.mobile-nav-icon.properties{object-fit:contain;opacity:.72;width:19px;height:19px}.mobile-editor .mobile-editor-nav button.active .mobile-nav-icon.properties{opacity:1}.mobile-editor .resize-handle{width:26px;height:26px}.mobile-editor .resize-handle:after{width:12px;height:12px;top:7px;left:7px}.mobile-editor .rotate-handle{width:38px;height:38px;left:calc(50% - 19px)}.mobile-editor .board-content-loading{width:min(76vw,280px)}.mobile-editor .annotation-card{max-width:72vw;top:30px;left:50%;transform:translate(-50%)}.route-project-loading{min-height:100dvh;padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom)}}@media (width<=1100px) and (pointer:coarse) and (orientation:landscape){.planner-app.mobile-editor,.planner-app.mobile-editor.view-only{grid-template-columns:minmax(0, 1fr) calc(58px + env(safe-area-inset-right));grid-template-rows:calc(44px + env(safe-area-inset-top)) minmax(0, 1fr)}.mobile-editor .topbar,.mobile-editor.view-only .topbar{grid-area:1/1}.mobile-editor .workspace,.mobile-editor.view-only .workspace{grid-area:2/1}.mobile-editor .mobile-editor-nav{padding:calc(env(safe-area-inset-top) + 6px) env(safe-area-inset-right) calc(env(safe-area-inset-bottom) + 6px) 4px;border-top:0;border-left:1px solid #d7e0eb;flex-direction:column;grid-area:1/2/-1}.mobile-editor .mobile-editor-nav button{flex:0 72px;min-width:0;min-height:56px;padding:4px 2px}.mobile-editor .left-panel{padding-bottom:env(safe-area-inset-bottom)}.mobile-editor .component-rail,.mobile-editor .right-panel,.mobile-editor.view-only .right-panel{right:calc(66px + env(safe-area-inset-right));width:min(54vw,440px);height:calc(100dvh - 60px - env(safe-area-inset-top) - env(safe-area-inset-bottom));bottom:8px;left:auto;transform:translate(calc(100% + 80px))}.mobile-editor .component-rail.mobile-open,.mobile-editor .right-panel.mobile-open,.mobile-editor.view-only .right-panel.mobile-open{transform:translate(0)}}