:root{--background:#f4f4f4;--foreground:#1f2937;--primary:#2563eb;--secondary:#8b5cf6;--border:#e5e7eb;--border-soft:#0f172a0f;--card:#ffffffd9;--surface:#fff;--muted:#6b7280;--panel-shadow-left:-1px 0 0 #0f172a0a, -12px 0 28px -12px #0f172a14;--panel-shadow-right:1px 0 0 #0f172a0a, 12px 0 28px -12px #0f172a14;--elev-1:0 1px 2px #0f172a0a, 0 1px 1px #0f172a08;--elev-2:0 4px 14px -4px #0f172a1a, 0 1px 2px #0f172a0a;--sai-top:env(safe-area-inset-top,0px);--sai-bottom:env(safe-area-inset-bottom,0px);--sai-left:env(safe-area-inset-left,0px);--sai-right:env(safe-area-inset-right,0px)}[data-theme=dark]{--background:#0f172a;--foreground:#e2e8f0;--border:#334155;--card:#1e293be6;--surface:#1e293b;--muted:#94a3b8}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:#f8f9fb;height:100%}html,body{overscroll-behavior:none;overscroll-behavior-x:none;min-height:100dvh}body{color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fb;height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{margin-bottom:2rem}.title{background:linear-gradient(to right, var(--primary), var(--secondary));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.subtitle{color:#6b7280}.upload-card{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem}.drop-zone{text-align:center;color:#9ca3af;cursor:pointer;background:#ffffff08;border:2px dashed #ffffff26;border-radius:12px;padding:3rem;transition:all .2s}.drop-zone:hover{border-color:var(--primary);color:var(--foreground);background:#2563eb08}.pdf-page-hidden canvas{display:none!important}.ix-canvas-area{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#fafbfc;background-image:radial-gradient(circle,#0f172a17 .6px,#0000 .6px);background-size:24px 24px}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],[contenteditable=true] *{-webkit-user-select:text;user-select:text}::selection{color:inherit;background:#6366f138}.ix-scroll-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (hover:none) and (pointer:coarse){.ix-tool-btn,.ix-nav-btn{min-width:44px!important;min-height:44px!important}input,select,textarea{font-size:16px!important}.ix-close-btn{justify-content:center!important;align-items:center!important;min-width:44px!important;min-height:44px!important;display:flex!important}}@media (hover:hover){.ix-tool-btn:hover{transform:translateY(-1px);background:#2563eb14!important}.ix-tool-btn:active{transform:scale(.95)}.ix-header-btn:hover{background:#2563eb0f!important}.ix-header-secondary:hover{background:#f3f4f6!important}.ix-nav-btn:hover{background:#0000000a!important}}.ix-tool-btn:focus-visible,.ix-nav-btn:focus-visible,.ix-header-btn:focus-visible{outline-offset:2px;outline:2px solid #2563eb}@media screen and (max-width:1024px){.ix-properties-panel{width:min(280px,85vw)!important}.ix-device-picker{width:min(320px,90vw)!important}}@media screen and (max-width:900px){.ix-demo-grid{grid-template-columns:1fr!important}.ix-welcome-buttons{flex-direction:column!important;gap:12px!important}}.ix-header::-webkit-scrollbar{width:0;height:0}.ix-header{flex-wrap:nowrap!important;height:44px!important;min-height:44px!important;max-height:44px!important;overflow:visible!important}.ix-project-name{max-width:220px;overflow:hidden}.ix-hamburger-btn{display:none!important}.ix-header-desktop{display:flex!important}.ix-header-dropdown{display:none!important}@media screen and (max-width:900px){.ix-header-dropdown{display:flex!important}}@media screen and (max-width:1024px){.ix-header-btn-text{display:none!important}.ix-header-btn{padding:6px 8px!important}.ix-project-name{max-width:140px}.ix-header-ai{display:none!important}}@media screen and (max-width:900px){.ix-hamburger-btn{display:flex!important}.ix-header-desktop{display:none!important}.ix-project-name{max-width:120px}}@media (hover:none) and (pointer:coarse){.ix-header-btn{min-width:44px!important;min-height:44px!important}}.ix-panel-right{border-left:1px solid var(--border-soft)!important;box-shadow:var(--panel-shadow-left)!important;background:#fff!important}.ix-panel-left{border-right:1px solid var(--border-soft)!important;box-shadow:var(--panel-shadow-right)!important;background:#fff!important}.ix-sidebar-edge{box-shadow:1px 0 #0f172a0a,2px 0 10px -6px #0f172a14}@keyframes ix-select-pulse{0%{box-shadow:0 0 #2563eb47,0 2px 8px #2563eb2e}70%{box-shadow:0 0 0 6px #2563eb00,0 2px 8px #2563eb2e}to{box-shadow:0 0 #2563eb00,0 2px 8px #2563eb2e}}.ix-device-selected{animation:1.6s ease-out ix-select-pulse}.ix-scroll-panel::-webkit-scrollbar{width:8px;height:8px}.ix-properties-panel::-webkit-scrollbar{width:8px;height:8px}[class*=ix-panel]::-webkit-scrollbar{width:8px;height:8px}.ix-scroll-panel::-webkit-scrollbar-track{background:0 0}.ix-properties-panel::-webkit-scrollbar-track{background:0 0}[class*=ix-panel]::-webkit-scrollbar-track{background:0 0}.ix-scroll-panel::-webkit-scrollbar-thumb{background:#0f172a24 padding-box padding-box;border:2px solid #0000;border-radius:10px}.ix-properties-panel::-webkit-scrollbar-thumb{background:#0f172a24 padding-box padding-box;border:2px solid #0000;border-radius:10px}[class*=ix-panel]::-webkit-scrollbar-thumb{background:#0f172a24 padding-box padding-box;border:2px solid #0000;border-radius:10px}.ix-scroll-panel::-webkit-scrollbar-thumb:hover{background:#0f172a42 padding-box padding-box}.ix-properties-panel::-webkit-scrollbar-thumb:hover{background:#0f172a42 padding-box padding-box}[class*=ix-panel]::-webkit-scrollbar-thumb:hover{background:#0f172a42 padding-box padding-box}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{transition:border-color .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),background .18s}input:not([type=checkbox]):not([type=radio]):not([type=range]):focus,textarea:focus,select:focus{border-color:#2563eb!important;outline:none!important;box-shadow:0 0 0 3px #2563eb29!important}.ix-card{box-shadow:var(--elev-1);background:#fff;border:1px solid #0f172a0f;border-radius:12px}.ix-card-lift{box-shadow:var(--elev-2);background:#fff;border:1px solid #0f172a0f;border-radius:12px}.ix-btn-primary{transition:transform .12s cubic-bezier(.2,.8,.2,1),box-shadow .18s;color:#fff!important;background:linear-gradient(#3b82f6 0%,#2563eb 100%)!important;border:1px solid #1d4ed8!important;box-shadow:inset 0 1px #ffffff40,0 2px 8px -2px #2563eb73!important}.ix-btn-primary:hover{box-shadow:inset 0 1px #ffffff40,0 4px 14px -2px #2563eb8c!important}.ix-btn-primary:active{transform:translateY(1px)scale(.99)}