@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,system-ui,sans-serif;line-height:1.5;font-weight:400;background-color:#f3f1ee;color:#101010;text-rendering:optimizeLegibility}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}button,input,select,textarea{font-family:inherit}:root{--bg: #f3f1ee;--ink: #101010;--muted: #5c5c5c;--accent: #ff6a3d;--accent-dark: #d94b21;--teal: #1a7f7b;--indigo: #2a2b7c;--card: #ffffff;--glass: rgba(255, 255, 255, .7);--stroke: rgba(20, 20, 20, .12);--shadow: 0 24px 60px rgba(20, 20, 20, .16)}.app{min-height:100vh;position:relative}.ambient{position:fixed;inset:0;overflow:hidden;z-index:-1}.orb{position:absolute;border-radius:50%;opacity:.75}.orb-1{width:420px;height:420px;background:radial-gradient(circle at 30% 30%,#ffac7a,transparent 65%);top:-120px;left:-40px}.orb-2{width:520px;height:520px;background:radial-gradient(circle at 60% 40%,#6ae6db,transparent 68%);bottom:-220px;right:-120px}.mesh{position:absolute;inset:0;background-image:radial-gradient(rgba(0,0,0,.08) 1px,transparent 0);background-size:24px 24px;opacity:.35}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 56px 12px}.logo{display:flex;gap:14px;align-items:center}.logo-mark{font-family:Fraunces,serif;font-size:32px;padding:12px 16px;background:var(--ink);color:#fff;border-radius:18px}.logo-title{font-weight:700;font-size:20px}.logo-sub{color:var(--muted);font-size:13px}.top-actions{display:flex;gap:12px}button{border:none;background:none;cursor:pointer}.primary{background:var(--accent);color:#fff;padding:12px 18px;border-radius:14px;box-shadow:0 12px 24px #ff6a3d4d}.primary:hover{background:var(--accent-dark)}.primary.inline{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.outline{border:1px solid var(--stroke);padding:12px 18px;border-radius:14px;background:#ffffffa6}.outline.inline{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:inherit}.ghost{padding:10px 16px;border-radius:12px;border:1px solid transparent}.ghost:hover{border-color:var(--stroke);background:#ffffff80}.ghost.danger{color:#b3341a}.shell{padding:10px 56px 80px}.board{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:24px}.side{background:var(--card);border-radius:24px;padding:20px;border:1px solid var(--stroke);display:grid;gap:18px;height:fit-content}.side-header{display:flex;justify-content:space-between;align-items:center}.server-list{display:grid;gap:12px}.server-item{padding:14px;border-radius:16px;border:1px solid transparent;background:#faf9f7;display:grid;gap:10px}.server-item>div{cursor:pointer;display:grid;gap:6px}.server-item.active{border-color:#ff6a3d73;background:#ff6a3d1f}.server-item h4{font-size:15px}.server-item p{font-size:12px;color:var(--muted)}.server-actions{display:flex;gap:8px;flex-wrap:wrap}.workspace{background:var(--glass);border-radius:26px;padding:24px;border:1px solid var(--stroke);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:grid;gap:20px}.workspace-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.workspace-actions{display:flex;gap:10px;flex-wrap:wrap}.file-upload{background:var(--accent);color:#fff;padding:12px 18px;border-radius:14px;position:relative;overflow:hidden}.file-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.muted{color:var(--muted);font-size:13px}.path{display:flex;gap:8px;flex-wrap:wrap;font-size:13px}.path button{background:#ffffffb3;padding:6px 10px;border-radius:999px;border:1px solid var(--stroke)}.panel{background:var(--card);border-radius:18px;padding:16px;border:1px solid var(--stroke);display:grid;gap:12px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.panel-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search{border-radius:999px;border:1px solid var(--stroke);padding:8px 12px;font-size:13px;min-width:180px}.toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.toggle input{accent-color:var(--teal)}.file-table{display:grid;gap:10px}.file-row{display:grid;grid-template-columns:1.1fr .5fr .5fr .7fr 1.1fr;gap:10px;padding:10px;border-radius:12px;background:#faf9f7;font-size:13px;align-items:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.file-row.header{background:transparent;font-weight:600;cursor:default;box-shadow:none}.file-row.header:hover{transform:none;box-shadow:none}.file-row span{color:var(--muted)}.file-row:hover{transform:translateY(-1px);box-shadow:0 6px 16px #14141414}.file-name{cursor:pointer}.file-name.dir{font-weight:600;color:var(--indigo)}.row-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.empty{padding:18px;border-radius:16px;background:#fff9;border:1px dashed var(--stroke);color:var(--muted)}.error{padding:10px 12px;border-radius:12px;border:1px solid rgba(255,106,61,.3);background:#ff6a3d1f;color:#b3341a}.modal-backdrop{position:fixed;inset:0;background:#0f0f0f66;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:22px;padding:22px;width:min(540px,90vw);display:grid;gap:16px;border:1px solid var(--stroke)}.modal.preview,.modal.editor,.modal.permissions,.modal.move{width:min(920px,92vw)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-form{display:grid;gap:12px}.modal-form label{font-size:12px;color:var(--muted);display:grid;gap:6px}.modal-form input,.modal-form textarea,.modal-form select{border-radius:12px;border:1px solid var(--stroke);padding:10px 12px;font-size:14px}.modal.preview img,.modal.preview video,.modal.preview iframe{width:100%;max-height:60vh;border-radius:12px;border:1px solid var(--stroke);object-fit:contain;background:#f4f1ed}.modal.preview audio{width:100%}.modal.editor textarea{border-radius:12px;border:1px solid var(--stroke);padding:12px;font-family:Space Grotesk,system-ui,sans-serif;font-size:14px;min-height:320px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.preview-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.preview-info{background:#f8f6f2;border:1px solid var(--stroke);border-radius:16px;padding:14px;display:grid;gap:10px}.preview-info h4{margin-bottom:4px}.kv{display:grid;gap:4px;font-size:12px;color:var(--muted)}.kv strong{color:var(--ink);font-size:13px}.editor-grid{display:grid;grid-template-columns:48px minmax(0,1fr);border:1px solid var(--stroke);border-radius:12px;overflow:hidden;background:#f8f6f2}.editor-grid textarea{border:none;border-radius:0;min-height:360px;padding:14px;background:#fff;resize:vertical;font-family:Space Grotesk,system-ui,sans-serif}.editor-grid textarea[readonly]{background:#fbfaf7;color:#353535}.line-numbers{margin:0;padding:14px 10px;background:#f0ece6;color:#9b958d;text-align:right;font-size:12px;line-height:1.6;-webkit-user-select:none;user-select:none}.permissions-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px}.properties{background:#f8f6f2;border:1px solid var(--stroke);border-radius:16px;padding:14px;display:grid;gap:10px}.perm-panel{display:grid;gap:12px}.perm-mode input{border-radius:10px;border:1px solid var(--stroke);padding:8px 10px;width:120px}.perm-grid{display:grid;gap:12px}.perm-row{display:grid;grid-template-columns:120px repeat(4,minmax(0,1fr));gap:8px;align-items:center;font-size:12px}.perm-row strong{font-size:13px}.apply-row{display:grid;gap:8px;font-size:12px}.move-body{display:grid;gap:12px}.move-info{display:grid;gap:4px;font-size:13px;color:var(--muted)}.move-info strong{color:var(--ink)}.move-path{margin-bottom:4px}.move-list{display:grid;gap:8px;max-height:240px;overflow:auto;border:1px solid var(--stroke);border-radius:12px;padding:10px;background:#faf9f7}.move-item{padding:8px 10px;border-radius:10px;border:1px solid transparent;background:#fff;text-align:left}.move-item:hover{border-color:var(--stroke);background:#f2efe9}.toast{position:fixed;right:24px;bottom:24px;padding:12px 16px;border-radius:14px;background:#111;color:#fff;box-shadow:0 10px 24px #00000040;cursor:pointer}.toast.success{background:#1a7f7b}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:1100px){.board{grid-template-columns:1fr}}@media(max-width:720px){.topbar{padding:20px 24px 12px;flex-direction:column;gap:12px;align-items:flex-start}.shell{padding:10px 24px 60px}.file-row{grid-template-columns:1fr;align-items:flex-start}.row-actions{justify-content:flex-start}.preview-body,.permissions-body{grid-template-columns:1fr}}