:root{--bg:#f6f7fb;--bg-strong:#eef3f8;--panel:#fff;--panel-soft:#f9fafc;--ink:#18222f;--muted:#667085;--line:#d9e1ea;--line-strong:#c5cfdb;--brand:#0f766e;--brand-dark:#115e59;--brand-soft:#e8f6f4;--accent:#3157d5;--accent-soft:#eef2ff;--warning-soft:#fff7e6;--danger:#b42318;--danger-soft:#fff1f0;--shadow:0 22px 60px #1018281f;--shadow-soft:0 10px 28px #10182814}*{box-sizing:border-box}html,body{background:linear-gradient(180deg, #fff 0, var(--bg) 320px), var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.68}:focus-visible{outline-offset:2px;outline:3px solid #3157d538}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;justify-content:space-between;align-items:center;gap:16px;padding:14px 32px;display:flex;position:sticky;top:0}.brand{letter-spacing:0;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--brand), var(--accent));color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 10px 22px #0f766e3d}.content{max-width:1180px;margin:0 auto;padding:38px 24px 48px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.toolbar h1{letter-spacing:0;margin:0;font-size:40px;line-height:1.1}.toolbar p{margin:8px 0 0}.muted{color:var(--muted)}.button,.icon-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font-weight:700;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.button.primary{background:var(--brand);color:#fff;box-shadow:0 10px 20px #0f766e2e}.button.primary:hover{background:var(--brand-dark);transform:translateY(-1px)}.button.secondary,.icon-button{border-color:var(--line);color:var(--ink);background:#ffffffeb}.button.secondary:hover,.icon-button:hover{background:var(--panel-soft);border-color:var(--line-strong)}.button.danger{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.button.danger:hover{border-color:#fda29b}.icon-button{aspect-ratio:1;width:40px;padding:0}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:8px;overflow:hidden}.drawing-card{flex-direction:column;min-height:238px;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex}.drawing-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 18px 36px #1018281f}.thumb{border-bottom:1px solid var(--line);background-color:#f3f6fa;background-image:linear-gradient(90deg,#0f766e14 1px,#0000 1px),linear-gradient(0deg,#3157d514 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:22px 22px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;justify-content:center;align-items:center;height:142px;display:flex;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.card-body{gap:12px;padding:16px;display:grid}.card-title{overflow-wrap:anywhere;font-size:17px;font-weight:800;line-height:1.25}.card-title:hover{color:var(--brand-dark)}.card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.badge{background:var(--accent-soft);color:#2442a8;text-transform:capitalize;border:1px solid #d8defe;border-radius:999px;padding:6px 8px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.badge.neutral{background:var(--panel-soft);border-color:var(--line);color:var(--muted)}.empty-state{background:var(--panel);border:1px dashed var(--line-strong);text-align:center;border-radius:8px;place-items:center;gap:10px;margin-top:18px;padding:36px 18px;display:grid}.empty-state h2{margin:0;font-size:20px}.empty-state p{max-width:440px;margin:0}.row{align-items:center;gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.status-pill{background:var(--brand-soft);color:var(--brand-dark);white-space:nowrap;border:1px solid #b9e4de;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.field{gap:7px;display:grid}.field span{color:var(--muted);font-size:13px;font-weight:700}.input,.select{border:1px solid var(--line);color:var(--ink);background:#fffffff5;border-radius:8px;min-height:42px;padding:9px 11px;transition:border-color .16s,box-shadow .16s,background .16s}.toolbar .input{min-width:240px}.input:focus,.select:focus,.editor-title:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #3157d51f}.auth-wrap{background:linear-gradient(120deg, #0f766e1f, transparent 38%), linear-gradient(300deg, #3157d51f, transparent 34%), var(--bg);align-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:8px;gap:18px;width:100%;max-width:420px;margin:0 auto;padding:28px;display:grid}.auth-card h1{letter-spacing:0;margin:0;font-size:30px;line-height:1.1}.notice{background:var(--brand-soft);color:var(--brand-dark);border:1px solid #b9e4de;border-radius:8px;padding:10px 12px}.error{background:var(--danger-soft);color:var(--danger);border:1px solid #fecaca;border-radius:8px;padding:10px 12px}.editor-page{grid-template-rows:auto 1fr;height:100vh;display:grid}.editor-bar{border-bottom:1px solid var(--line);z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;align-items:center;gap:10px;padding:12px 14px;display:flex}.editor-title{background:0 0;border:1px solid #0000;border-radius:8px;min-width:160px;padding:7px 9px;font-size:18px;font-weight:800}.editor-title:focus{background:#fff}.editor-canvas{background:var(--bg-strong);height:100%;min-height:0;position:relative;overflow:hidden}.editor-canvas .excalidraw{width:100%;height:100%}.modal-backdrop{z-index:80;background:#0f172a7a;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border:1px solid #ffffffb8;border-radius:8px;gap:16px;width:100%;max-width:560px;padding:22px;display:grid}.modal h2{margin:0}@media (max-width:720px){.topbar,.editor-bar{flex-direction:column;align-items:stretch}.content{padding:24px 16px}.toolbar h1{font-size:30px}.row{flex-direction:column;align-items:stretch}.button,.input,.select{width:100%}}