:root{--b-bg:#020304;--b-panel:#0b0d12;--b-text:#f7f8ff;--b-accent:#00e5ff}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:var(--b-text);background:radial-gradient(circle at 15% 10%,#00e5ff14,#0000 30%),linear-gradient(135deg,#050711,#010202);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow:hidden}button,input,select{font:inherit}button{color:var(--b-text);cursor:pointer;background:#fff1;border:1px solid #ffffff29;border-radius:16px;padding:10px 14px;font-weight:850;transition:all .15s}button:hover,button.active,button.on{border-color:var(--b-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--b-accent) 30%,transparent),0 0 26px color-mix(in srgb,var(--b-accent) 22%,transparent)}button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.primary{color:#020304;background:#fff;border-color:#fff}.danger{color:#ff9b9b;border-color:#ff5a5a73}input,select{color:var(--b-text);background:#ffffff0e;border:1px solid #ffffff29;border-radius:16px;outline:none;padding:12px 14px}select option{color:#fff;background:#111}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.muted,small{opacity:.62}.landing{min-height:100%;padding:44px}.landing header,.appHeader,.boardTop{justify-content:space-between;align-items:center;gap:14px;display:flex}.landing header b,.appHeader b{font-size:24px}.landing header span,.appHeader span{color:var(--b-accent)}.authCard,.heroCard{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#ffffff17,#ffffff09);border:1px solid #ffffff24;border-radius:34px;width:min(920px,100vw - 40px);margin:8vh auto;padding:38px;box-shadow:0 30px 120px #00000073}.authCard h1,.heroCard h1,.managerHead h1{margin:14px 0;font-size:clamp(34px,5vw,68px)}.authCard form,.createRow,.managerTools,.inviteBox{flex-wrap:wrap;gap:12px;display:flex}.authCard input{min-width:240px}.eyebrow{opacity:.85;background:#ffffff14;border-radius:999px;padding:8px 12px;display:inline-flex}.err{color:#ff7b7b;margin-top:12px}.linkBtn{background:0 0;border:0;text-decoration:underline}.shell{height:100%;padding:28px;overflow:auto}.appHeader{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px 0;position:sticky;top:0}.headerActions{align-items:center;gap:12px;display:flex}.projectsView,.manager{max-width:1240px;margin:0 auto}.projectGrid,.fileManager{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:22px;display:grid}.projectTile,.folderBlock{cursor:pointer;background:#ffffff0e;border:1px solid #ffffff24;border-radius:26px;padding:22px}.projectTile b{margin-bottom:12px;font-size:22px;display:block}.empty{text-align:center;opacity:.8;background:#ffffff12;border-radius:22px;padding:24px}.back{margin:12px 0}.managerHead{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.membersLine{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.membersLine span{background:#ffffff12;border-radius:999px;padding:7px 10px;font-size:12px}.boardGrid{gap:10px;display:grid}.boardGrid button{text-align:left;flex-direction:column;display:flex}.boardGrid small{opacity:.55;margin-top:5px}.boardShell{background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--b-accent) 11%,transparent),transparent 35%),var(--b-bg);grid-template-rows:auto 1fr;height:100%;display:grid}.pseudoFull{z-index:99999!important;position:fixed!important;inset:0!important}.boardTop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:linear-gradient(90deg,#131a2eed,#000000bf);border-bottom:1px solid #ffffff1a;padding:12px 18px;overflow-x:auto}.boardTop .spacer{flex:1}.boardTop b{white-space:nowrap}.boardTop em{opacity:.62;white-space:nowrap;font-style:normal}.boardTop select{min-width:150px}.canvasArea{touch-action:none;background:#030303;border:1px solid #ffffff24;border-radius:28px;margin:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 30px 90px #0000005c}[data-grid=fine] .canvasArea{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:48px 48px}[data-grid=dots] .canvasArea{background-image:radial-gradient(circle,#ffffff29 1.2px,#0000 1.8px);background-size:28px 28px}[data-grid=blueprint] .canvasArea{background-image:linear-gradient(#00e5ff14 1px,#0000 1px),linear-gradient(90deg,#00e5ff14 1px,#0000 1px),linear-gradient(#00e5ff29 1px,#0000 1px),linear-gradient(90deg,#00e5ff29 1px,#0000 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px}[data-grid=large] .canvasArea{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:120px 120px}.dockWrap{z-index:50;flex-direction:column;align-items:center;gap:10px;max-width:calc(100vw - 24px);display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.dock{background:color-mix(in srgb,var(--b-panel) 92%,transparent);box-shadow:0 22px 80px #00000080,0 0 42px color-mix(in srgb,var(--b-accent) 13%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid #ffffff2e;border-radius:999px;gap:8px;max-width:100%;padding:10px;display:flex;overflow-x:auto}.dock button{border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:54px;height:52px;padding:5px 8px;display:flex}.dock button span{opacity:.72;font-size:10px}.inspector,.styleDrawer{background:color-mix(in srgb,var(--b-panel) 94%,transparent);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);z-index:45;border:1px solid #ffffff29;border-radius:26px;gap:10px;width:min(360px,100vw - 36px);padding:18px;display:grid;position:absolute;top:18px;right:18px;box-shadow:0 28px 90px #00000073}.styleDrawer{z-index:60;max-height:calc(100% - 36px);overflow:auto}.drawerHead{justify-content:space-between;align-items:center;display:flex}.drawerHead b,.inspector b{font-size:20px}.chips{flex-wrap:wrap;gap:8px;display:flex}.split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.split label,.styleDrawer label{opacity:.9;gap:6px;font-size:12px;display:grid}.mini{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:30;cursor:pointer;background:#0a0c12d1;border:1px solid #ffffff21;border-radius:18px;width:150px;height:92px;padding:10px;position:absolute;bottom:86px;left:16px}.mini b{text-transform:uppercase;font-size:11px;display:block}.mini span{opacity:.62;font-size:10px}.mini svg{background:#ffffff08;border-radius:10px;width:100%;height:48px;margin-top:5px}.konvajs-content{touch-action:none!important}@media (width<=900px),(pointer:coarse){.boardTop{white-space:nowrap;gap:8px;padding:10px}.boardTop button,.boardTop select{padding:9px 11px}.dock{gap:6px;padding:8px}.dock button{min-width:48px;height:48px}.dock button span{display:none}.inspector,.styleDrawer{width:min(340px,100vw - 20px);max-height:48vh;top:auto;bottom:94px;right:10px;overflow:auto}.mini{width:126px;height:78px;bottom:82px;left:10px}.mini svg{height:36px}.canvasArea{border-radius:22px;margin:8px}.shell{padding:18px}.managerHead{display:block}.authCard,.heroCard{padding:24px}.projectGrid,.fileManager{grid-template-columns:1fr}.boardTop .spacer{display:none}}