html,body,#root{height:100%;margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#05060a;display:flex;justify-content:center;align-items:center;min-height:100vh}@page{size:A4;margin:0}.w-full{width:100%}.min-h-screen{min-height:100vh}.bg-neutral-950{background:#05060a}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mt-2{margin-top:.5rem}.p-3{padding:.75rem}.max-w-\[1100px\]{max-width:1100px}.rounded-md{border-radius:.375rem}.rounded-2xl{border-radius:1rem}.overflow-hidden{overflow:hidden}.shadow-2xl{box-shadow:0 25px 60px #000c}.ring-1{box-shadow:0 0 0 1px #0000001a inset}.border{border-width:1px}.border-4{border-width:4px}.text-white{color:#fff}.text-white\/80{color:#fffc}.text-green-200{color:#a7f3d0}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.tracking-wide{letter-spacing:.02em}.tracking-tight{letter-spacing:-.025em}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.whitespace-pre-wrap{white-space:pre-wrap}.opacity-70{opacity:.7}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-10{left:2.5rem}.right-10{right:2.5rem}.bottom-24{bottom:6rem}.bg-black\/30{background:#0000004d}.bg-black\/40{background:#0006}.bg-black\/60{background:#0009}.bg-white{background:#fff}.bg-white\/90{background:#ffffffe6}.text-black{color:#000}.text-neutral-800{color:#262626}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.mode-strip-wrap{position:relative;display:flex;align-items:center;gap:8px;max-width:1100px;width:100%}.mode-strip{position:relative;display:flex;gap:6px;overflow:auto hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:0 2px 12px #00000059 inset,0 1px #ffffff0f}.mode-strip::-webkit-scrollbar{display:none}.scroll-mask{-webkit-mask-image:linear-gradient(to right,transparent,black 24px,black calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,black 24px,black calc(100% - 24px),transparent)}.mode-chip{white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:800;letter-spacing:.02em;border-radius:999px;border:1px solid #333;color:#fff;background:#00000059;transition:all .2s ease;-webkit-user-select:none;user-select:none}.mode-chip:hover{background:#ffffff14;transform:translateY(-1px)}.mode-chip.is-active{color:#000;background:#fff;box-shadow:0 0 0 2px #6c63ffcc,0 0 16px #6c63ff80}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#00000080;color:#fff;cursor:pointer;transition:all .2s ease;z-index:2}.scroll-btn:hover{background:#ffffff26}.scroll-btn--left{left:4px}.scroll-btn--right{right:4px}.export-menu-container{position:relative;display:inline-block}.export-menu-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:#000c;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 4px 12px #0009;z-index:10;display:flex;flex-direction:column;min-width:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.export-menu-item{padding:8px 12px;font-size:12px;font-weight:700;color:#fff;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease;white-space:nowrap}.export-menu-item:hover{background:#6c63ff4d}.export-menu-item:first-child{border-radius:7px 7px 0 0}.export-menu-item:last-child{border-radius:0 0 7px 7px}@media print{body,html{background:#fff!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important}body *{visibility:hidden!important}#suzan-print-canvas,#suzan-print-canvas *{visibility:visible!important}#suzan-print-canvas{position:fixed!important;left:0!important;top:0!important;margin:0!important;page-break-after:avoid!important;page-break-inside:avoid!important;break-after:avoid!important;break-inside:avoid!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:210mm 297mm;margin:0}#suzan-print-canvas{width:210mm!important;height:297mm!important}#suzan-print-canvas svg{width:210mm!important;height:297mm!important;display:block!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-radius:0!important}.print-only-watermark{display:none!important}}@media screen{.print-only-watermark{display:none}}.screen-frame{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:1rem;overflow:hidden;box-shadow:0 25px 60px #000c;pointer-events:none;border:1px solid rgba(0,0,0,.08)}.no-print{display:block}@media print{.no-print{display:none!important}}