*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#101822,#05070b 45%,#020308);color:#f8fafc}.app-root{min-height:100vh;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:linear-gradient(90deg,#020617,#0f172a);border-bottom:1px solid rgba(148,163,184,.3);box-shadow:0 18px 45px #0f172ad9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.logo{font-weight:700;font-size:1.1rem;letter-spacing:.08em;text-transform:uppercase;color:#e5e7eb;margin-right:1rem}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.5rem}button{border-radius:999px;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at top,#0f172a,#020617);color:#e5e7eb;padding:.45rem .9rem;font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-out}button:hover{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf873,0 12px 30px #0f172acc;transform:translateY(-.5px)}button.active{background:radial-gradient(circle at top,#22c55e,#16a34a);border-color:#16a34ae6;color:#022c22;font-weight:600}.workspace{flex:1;display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:1.25rem;padding:1.25rem 1.5rem 1.75rem}.sidebar{background:radial-gradient(circle at top left,#020617,#020617 30%,#000);border-radius:1.25rem;padding:1.25rem 1.25rem 1.5rem;border:1px solid rgba(148,163,184,.4);box-shadow:0 20px 55px #0f172ad9}.sidebar h2{margin:0;font-size:1.2rem}.subtitle{margin-top:.35rem;margin-bottom:.75rem;font-size:.9rem;color:#9ca3af}.steps{margin:0;padding-left:1.15rem;font-size:.9rem;color:#e5e7eb}.steps li+li{margin-top:.35rem}.note{margin-top:.9rem;font-size:.82rem;color:#9ca3af;line-height:1.4}.editor-pane{display:flex;flex-direction:column;min-width:0}.file-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;font-size:.85rem;color:#9ca3af}.file-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-canvas-wrapper{flex:1;background:radial-gradient(circle at top,#020617,#020617 40%,#020617);border-radius:1.25rem;border:1px solid rgba(148,163,184,.4);box-shadow:0 24px 70px #0f172ad9;padding:1rem;display:flex;align-items:center;justify-content:center;overflow:auto}.pdf-canvas{max-width:100%;max-height:100%;border-radius:.75rem;background:#fdfdfd}@media(max-width:900px){.workspace{grid-template-columns:1fr}.sidebar{order:-1}}