:root{color:#eaf7ff;background:#02070d;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button,.upload{border:1px solid color-mix(in srgb,var(--accent,#31d7ff) 38%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent,#31d7ff) 20%,#07111f),#07111f);color:#eef9ff;box-shadow:0 0 24px color-mix(in srgb,var(--accent,#31d7ff) 18%,transparent);cursor:pointer;border-radius:16px;padding:12px 16px;text-decoration:none}button.on{outline:2px solid var(--accent,#31d7ff);box-shadow:0 0 35px color-mix(in srgb,var(--accent,#31d7ff) 45%,transparent)}button.danger{border-color:#ff5b8d}.top{border-bottom:1px solid color-mix(in srgb,var(--accent,#31d7ff) 22%,transparent);z-index:20;background:#020813e8;justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 22px;display:flex;position:relative}.topTitle{align-items:center;gap:14px;display:flex}.page{color:#eaf7ff;background:#02070d;height:100vh;overflow:auto}.hero{padding:58px 6vw}.heroCard,.card,.folderPane,.contentPane,.item{background:#06111fcc;border:1px solid #12435b;border-radius:28px;box-shadow:0 0 40px #00d8ff14}.heroCard{margin-bottom:28px;padding:34px}.create,.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}input,textarea,select{color:#eef9ff;background:#06111f;border:1px solid #164b64;border-radius:14px;padding:12px}.projectGrid,.items{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.card,.item{padding:22px}.manager{grid-template-columns:320px 1fr;gap:28px;padding:34px;display:grid}.folderPane,.contentPane{padding:26px}.folderPane{align-content:start;gap:12px;display:grid}.folderBtn{justify-content:space-between;gap:10px;display:flex}.upload input{display:none}.empty{color:#9fb5c9;border:1px dashed #275c72;border-radius:20px;padding:28px}.muted{color:#9fb5c9}.board{background:var(--bg,#041020);height:100vh;position:relative;overflow:hidden}.canvas{touch-action:none;background:var(--bg);position:absolute;inset:72px 0 0;overflow:hidden}.stage{touch-action:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.bgInfinite{display:none}.pattern-grid .canvas{background-image:linear-gradient(color-mix(in srgb,var(--accent) 20%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 20%,transparent) 1px,transparent 1px);background-size:var(--gridSize) var(--gridSize);background-position:var(--gridX) var(--gridY)}.pattern-dots .canvas{background-image:radial-gradient(color-mix(in srgb,var(--accent) 45%,transparent) 1.8px,transparent 2px);background-size:calc(var(--gridSize) * .6) calc(var(--gridSize) * .6);background-position:var(--gridX) var(--gridY)}.pattern-micro .canvas{background-image:radial-gradient(color-mix(in srgb,var(--accent) 35%,transparent) 1px,transparent 1.4px);background-size:calc(var(--gridSize) * .3) calc(var(--gridSize) * .3);background-position:var(--gridX) var(--gridY)}.pattern-none .canvas{background-image:none}.pattern-blueprint .canvas{background-image:linear-gradient(color-mix(in srgb,var(--accent) 25%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 25%,transparent) 1px,transparent 1px);background-size:calc(var(--gridSize) * .75) calc(var(--gridSize) * .75);background-position:var(--gridX) var(--gridY)}.pattern-tri .canvas{background-image:linear-gradient(45deg,color-mix(in srgb,var(--accent) 13%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--accent) 13%,transparent) 25%,transparent 25%);background-size:var(--gridSize) var(--gridSize);background-position:var(--gridX) var(--gridY)}.dock{z-index:10;background:color-mix(in srgb,var(--panel,#06111f) 82%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:0 18px 80px #00000073,0 0 42px color-mix(in srgb,var(--accent) 18%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;align-items:center;gap:10px;padding:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.pop{border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:color-mix(in srgb,var(--panel) 92%,#000 8%);border-radius:20px;padding:14px;position:absolute;bottom:78px;left:50%;transform:translate(-50%);box-shadow:0 20px 70px #0009}.gridBtns{grid-template-columns:repeat(2,120px);gap:9px;display:grid}.viewBtns,.brushPop{gap:10px;min-width:260px;display:grid}.brushPop label{gap:6px;display:grid}.brushList{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.inspector,.themePanel{z-index:12;background:color-mix(in srgb,var(--panel,#06111f) 92%,#000 8%);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);width:min(360px,100vw - 44px);max-height:calc(100vh - 124px);box-shadow:0 30px 90px #0008,0 0 36px color-mix(in srgb,var(--accent) 18%,transparent);border-radius:28px;padding:22px;position:fixed;top:92px;right:22px;overflow:auto}.inspector h2,.themePanel h2{margin:0 0 18px}.x{border-radius:50%;padding:8px 12px;position:absolute;top:16px;right:16px}.inspector label,.themePanel label{color:#b8c7d9;gap:7px;margin:11px 0;display:grid}.inspector input,.inspector textarea,.inspector select,.themePanel select{border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);color:#eef9ff;background:#04101d;border-radius:14px;width:100%;min-width:0;padding:11px 12px}.inspector textarea{resize:vertical;white-space:pre-wrap;height:110px}.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.mini{z-index:5;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);background:color-mix(in srgb,var(--panel) 84%,transparent);color:#9fb5c9;border-radius:18px;padding:16px 22px;position:fixed;bottom:28px;right:24px}.objText{white-space:pre-wrap;word-break:break-word;color:#fff;width:100%;height:100%;font-size:16px;line-height:1.35;overflow:hidden}.objText p{color:#b8c7d9;margin:.45em 0 0}.theme-white,.theme-paper{color:#111;--bg:#fff!important;--panel:#f6f9ff!important;--text:#111!important}.theme-white .top,.theme-paper .top{color:#111;background:#f8fbff}.check{align-items:center;grid-template-columns:auto 1fr!important;display:flex!important}@media (width<=900px){.manager{grid-template-columns:1fr;padding:18px}.inspector,.themePanel{width:auto;max-height:42vh;inset:auto 16px 96px}.dock{max-width:calc(100vw - 24px);overflow:auto}.gridBtns{grid-template-columns:repeat(2,110px)}}.canvas{will-change:background-position;background-repeat:repeat}.stage{shape-rendering:geometricprecision}@media (pointer:coarse){.dock,.inspector,.themePanel{-webkit-backdrop-filter:none;backdrop-filter:none}}.authPage{color:#eaf7ff;background:radial-gradient(circle at 20% 10%,#00d8ff22,#0000 35%),radial-gradient(circle at 80% 20%,#b836ff22,#0000 35%),#02070d;place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{background:#06111fe8;border:1px solid #18506b;border-radius:32px;gap:16px;width:min(520px,100%);padding:34px;display:grid;box-shadow:0 24px 90px #0009,0 0 55px #00d8ff22}.authCard h1{margin:0;font-size:42px}.authCard p{color:#b8c7d9}.authCard label{color:#b8c7d9;gap:8px;display:grid}.tabs{gap:10px;display:flex}.err{color:#ffe5ef;background:#35101d;border:1px solid #ff5b8d;border-radius:16px;padding:12px 14px}.wait{text-align:center}.adminGrid{gap:20px;padding:30px;display:grid}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.stats b{background:#071827;border:1px solid #164b64;border-radius:18px;padding:16px}.adminTable{background:#06111fcc;border:1px solid #164b64;border-radius:28px;padding:24px;box-shadow:0 0 40px #00d8ff14}.adminRow{border-bottom:1px solid #12384c;grid-template-columns:minmax(0,1fr) 180px auto;align-items:center;gap:12px;padding:14px;display:grid}.adminRow small{color:#9fb5c9;margin-top:4px;display:block}@media (width<=800px){.adminRow{grid-template-columns:1fr}.authCard h1{font-size:32px}}.inviteLink{background:#071827;border:1px solid #164b64;border-radius:18px;gap:8px;margin:14px 0;padding:14px;display:grid}.s99cShade{z-index:1100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 20% 10%,#00d8ff29,#0000 34%),#0000009e;place-items:center;display:grid;position:fixed;inset:0}.s99cPanel{color:#eaf7ff;background:linear-gradient(135deg,#06111ff5,#040a12f0);border:1px solid #31d7ff3d;border-radius:34px;width:min(1080px,100vw - 28px);max-height:calc(100vh - 34px);padding:26px;position:relative;overflow:auto;box-shadow:0 34px 130px #000000b8,0 0 80px #31d7ff2b}.s99cHead{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.s99cHead h2{margin:0;font-size:30px}.s99cHead p{color:#9fb5c9;margin:7px 0 0}.s99cTabs{flex-wrap:wrap;gap:10px;margin:12px 0 18px;display:flex}.s99cTabs button{border-radius:999px}.s99cSection{gap:16px;display:grid}.s99cCard,.s99cMember,.s99cInvite,.s99cEmpty{background:#071827b8;border:1px solid #31d7ff29;border-radius:24px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff05}.s99cCard h3{margin:0 0 14px}.s99cCard label{color:#b8c7d9;gap:8px;margin:10px 0;display:grid}.s99cCheck{align-items:center;gap:10px;display:flex!important}.s99cAdd{grid-template-columns:minmax(180px,1fr) minmax(120px,.5fr) 150px auto;align-items:center;gap:10px;display:grid}.s99cAdd input,.s99cAdd select,.s99cInviteBox input{width:100%;min-width:0}.s99cMeta{color:#9fb5c9;flex-wrap:wrap;gap:14px;margin:14px 0;display:flex}.s99cList{gap:10px;display:grid}.s99cMember,.s99cInvite{grid-template-columns:minmax(220px,1fr) auto 150px auto;align-items:center;gap:12px;display:grid}.s99cMember small,.s99cInvite small{color:#9fb5c9;margin-top:4px;display:block}.roleBadge{white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:13px;display:inline-flex}.role_owner,.role_admin,.role_super_admin{color:#ffd36d}.role_pending{color:#ff9bbf}.s99cInviteBox{background:#00000038;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:12px;display:grid}.s99cOk{color:#72ffd2}.s99cOff{color:#ff9bbf}.s99cRoles{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.s99cRoles div{background:#0000002e;border-radius:18px;padding:14px}.s99cLoading{color:#9fb5c9;padding:30px}@media (width<=850px){.s99cPanel{padding:18px}.s99cAdd,.s99cMember,.s99cInvite,.s99cInviteBox{grid-template-columns:1fr}.s99cHead h2{font-size:24px}}.authCard .err{white-space:pre-wrap;word-break:break-word}.settingsPage{color:#eaf7ff;background:radial-gradient(circle at 20% 10%,#00d8ff1f,#0000 30%),#030910;min-height:100vh}.settingsTop{background:#020813eb;border-bottom:1px solid #31d7ff2e;justify-content:space-between;align-items:center;gap:16px;height:74px;padding:0 24px;display:flex}.settingsTop div{gap:4px;display:grid}.settingsTop span{color:#9fb5c9;font-size:14px}.settingsLayout{grid-template-columns:330px minmax(0,1fr);gap:24px;padding:28px;display:grid}.settingsNav,.settingsWork{background:linear-gradient(135deg,#071422d6,#030a12e6);border:1px solid #31d7ff2e;border-radius:28px;box-shadow:0 24px 80px #0000005c,0 0 46px #31d7ff14}.settingsNav{height:calc(100vh - 130px);padding:22px;position:sticky;top:92px}.settingsNav h2{margin:0 0 8px}.settingsNav p{color:#9fb5c9;margin:0 0 20px}.settingsNav button{text-align:left;width:100%;margin:7px 0}.settingsWork{min-height:calc(100vh - 130px);padding:26px}.settingsStack{gap:16px;display:grid}.settingsCard,.memberRow,.inviteRow,.accessCard{background:#05101cc2;border:1px solid #31d7ff29;border-radius:24px;padding:18px;box-shadow:inset 0 0 0 1px #ffffff05}.settingsCard h1{margin:0 0 8px;font-size:32px}.settingsCard p,.accessCard p{color:#b8c7d9}.settingsCard label{color:#b8c7d9;gap:8px;margin:12px 0;display:grid}.memberAdd{grid-template-columns:minmax(180px,1fr) minmax(120px,.55fr) 150px auto;align-items:center;gap:10px;display:grid}.memberAdd input,.memberAdd select,.inviteCopy input{width:100%;min-width:0}.memberList{gap:10px;display:grid}.memberRow{grid-template-columns:48px minmax(220px,1fr) auto 150px auto;align-items:center;gap:12px;display:grid}.avatar{background:linear-gradient(135deg,#31d7ff59,#8b5cf640);border:1px solid #31d7ff47;border-radius:16px;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.memberInfo{gap:4px;display:grid}.memberInfo span,.inviteRow span,.inviteRow small{color:#9fb5c9}.rolePill{white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;padding:8px 12px;display:inline-flex}.role_owner{color:#ffd36d}.role_admin{color:#b589ff}.role_editor{color:#72ffd2}.role_viewer{color:#b7d6ff}.inviteRow{grid-template-columns:minmax(280px,1fr) auto auto auto;align-items:center;gap:12px;display:grid}.inviteRow div{gap:4px;display:grid}.inviteCopy{grid-template-columns:minmax(220px,1fr) auto;gap:10px;margin-top:14px;display:grid}.statusOn{color:#72ffd2}.statusOff{color:#ff8baa}.settingsErr{color:#ffb7ca;background:#ff40781f;border:1px solid #ff407847;border-radius:18px;margin-bottom:14px;padding:16px}@media (width<=900px){.settingsLayout{grid-template-columns:1fr;padding:14px}.settingsNav{height:auto;position:static}.settingsWork{min-height:auto}.memberAdd,.memberRow,.inviteRow,.inviteCopy{grid-template-columns:1fr}.settingsTop{flex-wrap:wrap;height:auto;min-height:74px}}.s100Summary{background:#05101cb8;border:1px solid #31d7ff29;border-radius:20px;grid-template-columns:auto 1fr;gap:8px 12px;padding:14px;display:grid}.s100Summary b{color:#72ffd2;font-size:24px}.s100Summary span{color:#9fb5c9;align-self:center}.inviteRow{grid-template-columns:minmax(280px,1fr) auto auto auto auto}@media (width<=900px){.inviteRow{grid-template-columns:1fr}}.sessionBox h1{color:#ffd7e4}.sessionBox{max-width:760px;margin:0 auto 18px;background:linear-gradient(135deg,#500c238c,#05101ce0)!important;border-color:#ff5b8d61!important}.sessionBox h1{color:#ffd7e4;margin-top:0}.sessionBox button{margin-top:10px;margin-right:10px}