/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--color-purple:#667eea;--color-purple-dark:#764ba2;--color-orange:#e67e22;--color-orange-dark:#d35400;--color-success:#4caf50;--color-success-dark:#2e7d32;--color-success-light:#e8f5e9;--color-warning:#ff9800;--color-warning-dark:#e65100;--color-warning-light:#fff3e0;--color-error:#f44336;--color-error-dark:#c62828;--color-error-light:#ffebee;--color-border:#d0d0d0;--color-border-light:#e0e0e0;--color-bg-primary:#fff;--color-bg-secondary:#f5f5f5;--color-bg-tertiary:#e5e5e5;--color-text-primary:#1a202c;--color-text-secondary:#718096;--color-text-tertiary:#a0aec0;--color-text-light:#333;--color-trim:red;--color-bleed:#ffeb3b;--color-safe:#4caf50;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:24px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 6px #0000001a;--shadow-lg:0 4px 12px #00000026;--shadow-xl:0 8px 20px #0003;--print-safe-zone:.125in;--print-bleed:.125in;--print-trim-warning:.0625in;--print-dpi:96;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:900;--z-modal:1000;--z-toast:1100}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{width:100%;height:100vh}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.fixed\!{position:fixed!important}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-\[var\(--color-error\)\]{border-color:var(--color-error)}.border-\[var\(--color-success\)\]{border-color:var(--color-success)}.border-\[var\(--color-warning\)\]{border-color:var(--color-warning)}.bg-\[var\(--color-bg-secondary\)\]{background-color:var(--color-bg-secondary)}.bg-\[var\(--color-bg-tertiary\)\]{background-color:var(--color-bg-tertiary)}.bg-\[var\(--color-error\)\]{background-color:var(--color-error)}.bg-\[var\(--color-error-light\)\]{background-color:var(--color-error-light)}.bg-\[var\(--color-success-light\)\]{background-color:var(--color-success-light)}.bg-\[var\(--color-warning-light\)\]{background-color:var(--color-warning-light)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[var\(--color-orange\)\]{--tw-gradient-from:var(--color-orange);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[var\(--color-purple\)\]{--tw-gradient-from:var(--color-purple);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[var\(--color-purple-dark\)\]{--tw-gradient-from:var(--color-purple-dark);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[var\(--color-orange-dark\)\]{--tw-gradient-to:var(--color-orange-dark);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[var\(--color-purple\)\]{--tw-gradient-to:var(--color-purple);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[var\(--color-purple-dark\)\]{--tw-gradient-to:var(--color-purple-dark);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-error-dark\)\]{color:var(--color-error-dark)}.text-\[var\(--color-success-dark\)\]{color:var(--color-success-dark)}.text-\[var\(--color-text-light\)\]{color:var(--color-text-light)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-warning-dark\)\]{color:var(--color-warning-dark)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-\[var\(--color-purple\)\]:hover{border-color:var(--color-purple)}.hover\:bg-\[var\(--color-bg-secondary\)\]:hover{background-color:var(--color-bg-secondary)}.hover\:bg-\[var\(--color-error-dark\)\]:hover{background-color:var(--color-error-dark)}.hover\:bg-\[var\(--color-success\)\]:hover{background-color:var(--color-success)}.hover\:bg-\[var\(--color-warning\)\]:hover{background-color:var(--color-warning)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-\[var\(--color-error\)\]:focus{border-color:var(--color-error)}.focus\:border-\[var\(--color-purple\)\]:focus{border-color:var(--color-purple)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[var\(--color-border\)\]:focus{--tw-ring-color:var(--color-border)}.focus\:ring-\[var\(--color-error\)\]:focus{--tw-ring-color:var(--color-error)}.focus\:ring-\[var\(--color-purple\)\]:focus{--tw-ring-color:var(--color-purple)}.focus\:ring-\[var\(--color-success\)\]:focus{--tw-ring-color:var(--color-success)}.focus\:ring-\[var\(--color-warning\)\]:focus{--tw-ring-color:var(--color-warning)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-100:active{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:bg-\[var\(--color-bg-tertiary\)\]:active{background-color:var(--color-bg-tertiary)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-\[var\(--color-bg-secondary\)\]:disabled{background-color:var(--color-bg-secondary)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}.app{width:100%;height:100vh;overflow:hidden}.auth-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%)}.auth-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6) var(--spacing-6);box-shadow:var(--shadow-2xl);text-align:center;max-width:400px;width:90%}.auth-card h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-3) 0}.auth-card p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0 0 var(--spacing-6) 0}.auth-button{width:100%;padding:var(--spacing-3) var(--spacing-5);background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.auth-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.document-type-selector{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);padding:40px var(--spacing-5)}.selector-header{text-align:center;margin-bottom:60px;color:#fff}.selector-header h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-4) 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.selector-header p{font-size:var(--font-size-lg);margin:0;opacity:.9}.document-types{display:flex;gap:32px;max-width:1000px}.document-type-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:48px 40px;width:300px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg);text-align:center}.document-type-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.document-type-card:active{transform:translateY(-4px)}.card-icon{font-size:64px;margin-bottom:var(--spacing-6)}.document-type-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-3) 0;color:var(--color-text-primary)}.card-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-4) 0;line-height:1.5}.card-dimensions{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0;font-family:Monaco,Courier New,monospace}.canvas-container{height:100vh;background:var(--color-bg-tertiary);display:flex;flex-direction:column;overflow:hidden}.canvas-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;gap:var(--spacing-6);flex-shrink:0}.back-button{padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all .2s}.back-button:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-light)}.document-info h2{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.document-info p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.export-pdf-button{margin-left:auto;padding:10px var(--spacing-5);background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-md)}.export-pdf-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.export-pdf-button:active:not(:disabled){transform:translateY(0)}.export-pdf-button:disabled{opacity:.6;cursor:not-allowed}.zoom-controls{display:flex;align-items:center;gap:var(--spacing-1);margin-left:auto}.zoom-btn{padding:6px var(--spacing-3);background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);cursor:pointer;transition:all .2s;min-width:36px;display:flex;align-items:center;justify-content:center}.zoom-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-purple);transform:translateY(-1px)}.zoom-btn:active:not(:disabled){transform:translateY(0)}.zoom-btn:disabled{opacity:.4;cursor:not-allowed}.zoom-reset{min-width:60px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.zoom-reset:hover{background:var(--color-purple);color:#fff;border-color:var(--color-purple)}.guides-toggle{padding:var(--spacing-2) var(--spacing-4);background:var(--color-bg-secondary);color:var(--color-text-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;margin-left:auto}.guides-toggle.active{background:var(--color-success-light);color:var(--color-success-dark);border-color:var(--color-success)}.guides-toggle:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.preflight-indicator{padding:6px var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-left:auto;cursor:pointer;transition:all .2s;background:none}.preflight-indicator.success{background:var(--color-success-light);color:var(--color-success-dark);border:2px solid var(--color-success)}.preflight-indicator.success:hover{background:#c8e6c9;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.preflight-indicator.warning{background:var(--color-warning-light);color:var(--color-warning-dark);border:2px solid var(--color-warning)}.preflight-indicator.warning:hover{background:#ffe0b2;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.preflight-indicator.error{background:var(--color-error-light);color:var(--color-error-dark);border:2px solid var(--color-error);animation:pulse-error 2s ease-in-out infinite}.preflight-indicator.error:hover{background:#ffcdd2;transform:translateY(-1px);box-shadow:var(--shadow-md);animation:none}@keyframes pulse-error{0%,to{box-shadow:0 0 #f4433666}50%{box-shadow:0 0 0 6px #f4433600}}.canvas-main-with-sidebar,.canvas-main{flex:1;display:flex;overflow:hidden}.canvas-wrapper{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-5);overflow:auto}.canvas-scaler{transform-origin:center center;transition:transform .2s ease}.canvas-with-rulers{display:flex;flex-direction:column}.rulers-top-row,.rulers-bottom-row{display:flex;flex-direction:row}.ruler-corner{width:30px;height:30px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);flex-shrink:0}.blank-page{background:var(--color-bg-primary);box-shadow:var(--shadow-xl);position:relative;display:flex;align-items:center;justify-content:center}.fold-line{pointer-events:none;z-index:100}.page-center-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;opacity:.3}.guide-text{font-size:var(--font-size-xl);color:var(--color-text-light);font-weight:var(--font-weight-medium)}.page-numbers-header{position:absolute;top:-40px;left:0;right:0;height:30px;pointer-events:none;z-index:1000;display:flex;justify-content:space-between;padding:0 var(--spacing-5)}.page-number-badge{background:linear-gradient(135deg,var(--color-orange) 0%,var(--color-orange-dark) 100%);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.page-number-badge.left-badge{margin-right:auto}.page-number-badge.right-badge{margin-left:auto}.panel-labels-header{position:absolute;top:-40px;left:0;right:0;height:30px;pointer-events:none;z-index:1000;display:flex;justify-content:space-around;padding:0 var(--spacing-5);gap:10px}.panel-label-badge{background:linear-gradient(135deg,var(--color-purple-dark) 0%,var(--color-purple) 100%);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;white-space:nowrap}.user-button-wrapper{display:flex;align-items:center;margin-left:var(--spacing-4)}.ruler{background:#d8d8d8;border:1px solid #999;position:relative;flex-shrink:0}.ruler-horizontal{height:24px;border-bottom:1px solid #666}.ruler-vertical{width:24px;border-right:1px solid #666}.ruler-track{position:relative;width:100%;height:100%}.ruler-tick{position:absolute;background:#666}.ruler-horizontal .ruler-tick{bottom:0;width:1px;transform-origin:bottom center}.ruler-horizontal .ruler-tick.major{background:#333;width:1.5px}.ruler-vertical .ruler-tick{right:0;height:1px;transform-origin:right center}.ruler-vertical .ruler-tick.major{background:#333;height:1.5px}.ruler-label{position:absolute;font-size:10px;font-family:system-ui,-apple-system,Helvetica Neue,sans-serif;color:#222;font-weight:400;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.ruler-horizontal .ruler-label{top:2px;transform:translate(-50%)}.ruler-vertical .ruler-label{left:3px;transform:translateY(-50%);writing-mode:horizontal-tb}.ruler-corner{width:24px;height:24px;background:silver;border:1px solid #999;border-right:1px solid #666;border-bottom:1px solid #666;flex-shrink:0}.toolbar{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-2) var(--spacing-4);display:flex;align-items:center;gap:var(--spacing-4);flex-shrink:0}.toolbar-section{display:flex;align-items:center;gap:var(--spacing-2)}.toolbar-dropdown{position:relative}.toolbar-button{display:flex;align-items:center;gap:6px;padding:6px var(--spacing-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text-light);cursor:pointer;transition:all .2s;font-weight:var(--font-weight-medium)}.toolbar-button:hover{background:var(--color-bg-secondary);border-color:var(--color-border-light)}.toolbar-button:active{background:var(--color-bg-tertiary)}.toolbar-button svg{flex-shrink:0}.toolbar-menu{position:absolute;top:calc(100% + var(--spacing-1));left:0;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:160px;padding:6px;z-index:var(--z-dropdown)}.toolbar-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-primary);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--color-text-light);cursor:pointer;text-align:left;transition:background .15s}.toolbar-menu-item:hover{background:var(--color-bg-secondary)}.toolbar-menu-item svg{flex-shrink:0}.canvas-element{position:absolute;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-element.dragging{opacity:.8}.canvas-element.selected{outline:2px solid #007aff;outline-offset:-1px}.resize-handle{position:absolute;width:8px;height:8px;background:#fff;border:1px solid #007aff;border-radius:2px;z-index:10}.resize-handle.nw{top:-4px;left:-4px;cursor:nw-resize}.resize-handle.n{top:-4px;left:50%;transform:translate(-50%);cursor:n-resize}.resize-handle.ne{top:-4px;right:-4px;cursor:ne-resize}.resize-handle.e{top:50%;right:-4px;transform:translateY(-50%);cursor:e-resize}.resize-handle.se{bottom:-4px;right:-4px;cursor:se-resize}.resize-handle.s{bottom:-4px;left:50%;transform:translate(-50%);cursor:s-resize}.resize-handle.sw{bottom:-4px;left:-4px;cursor:sw-resize}.resize-handle.w{top:50%;left:-4px;transform:translateY(-50%);cursor:w-resize}.rotate-handle{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:24px;height:24px;background:#fff;border:2px solid #007aff;border-radius:50%;cursor:grab;z-index:11;display:flex;align-items:center;justify-content:center;color:#007aff;transition:all .2s}.rotate-handle:hover{background:#007aff;color:#fff;transform:translate(-50%) scale(1.1)}.rotate-handle:active{cursor:grabbing;transform:translate(-50%) scale(1)}.element-textbox{width:100%;height:100%;padding:12px;font-size:14px;color:#333;overflow:hidden;background:#fff;border:1px solid #d0d0d0;border-radius:4px;white-space:pre-wrap;word-wrap:break-word}.element-textbox-edit{width:100%;height:100%;padding:12px;font-size:14px;color:#333;background:#fff;border:2px solid #667eea;border-radius:4px;outline:none;overflow:auto;white-space:pre-wrap;word-wrap:break-word}.element-shape{width:100%;height:100%}.element-shape svg{display:block}.element-image{width:100%;height:100%;border:1px solid #d0d0d0;border-radius:4px;overflow:hidden;background:#f5f5f5}.element-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999}.formatting-sidebar{width:280px;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;align-self:stretch;overflow:hidden}.sidebar-header{padding:var(--spacing-4) var(--spacing-5);border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);flex-shrink:0}.sidebar-header h3{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sidebar-empty{padding:40px var(--spacing-5);text-align:center;color:var(--color-text-secondary)}.sidebar-empty p{margin:0;font-size:var(--font-size-sm)}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden}.format-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.format-section:last-child{margin-bottom:0}.format-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.format-sublabel{font-size:11px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-1)}.format-select{padding:var(--spacing-2) 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer}.format-select:focus{outline:none;border-color:var(--color-purple)}.format-input{padding:var(--spacing-2) 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);width:100%}.format-input:focus{outline:none;border-color:var(--color-purple)}.format-input-small{padding:6px var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);width:100%}.format-input-small:focus{outline:none;border-color:var(--color-purple)}.format-row{display:flex;gap:var(--spacing-3)}.format-group{flex:1;display:flex;flex-direction:column}.format-button-group{display:flex;gap:6px}.format-btn{flex:1;padding:var(--spacing-2) var(--spacing-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.format-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-light)}.format-btn.active{background:var(--color-purple);border-color:var(--color-purple);color:#fff}.format-color-picker{width:100%;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-1);background:var(--color-bg-primary)}.format-color-picker:focus{outline:none;border-color:var(--color-purple)}.format-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin:0;line-height:1.5}.format-file-input{width:100%;padding:var(--spacing-2) 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer}.format-file-input:focus{outline:none;border-color:var(--color-purple)}.format-file-input::file-selector-button{padding:6px var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);cursor:pointer;margin-right:10px;font-size:var(--font-size-sm)}.format-file-input::file-selector-button:hover{background:var(--color-bg-tertiary)}.format-section-divider{height:1px;background:linear-gradient(90deg,transparent,var(--color-border-light) 20%,var(--color-border-light) 80%,transparent);margin:var(--spacing-5) 0}.align-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.align-btn{padding:10px var(--spacing-2);background:linear-gradient(135deg,#f5f7fa,#eef1f5);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:40px}.align-btn:hover{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);color:#fff;border-color:var(--color-purple);transform:translateY(-1px);box-shadow:var(--shadow-md)}.align-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.align-btn-small{padding:var(--spacing-2) 6px;background:#f5f7fa;border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.align-btn-small:hover{background:var(--color-purple);color:#fff;border-color:var(--color-purple);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.align-btn-small:active{transform:translateY(0)}.align-icon-text{display:flex;align-items:center;justify-content:center;gap:var(--spacing-1);font-size:var(--font-size-xs)}.format-checkbox{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.format-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-purple)}.format-checkbox span{font-size:var(--font-size-sm);color:var(--color-text-primary)}.format-slider{width:100%;height:6px;border-radius:3px;background:var(--color-border-light);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.format-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-purple);cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.format-slider::-webkit-slider-thumb:hover{background:var(--color-purple-dark);transform:scale(1.1)}.format-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-purple);cursor:pointer;border:none;-moz-transition:all .2s;transition:all .2s}.format-slider::-moz-range-thumb:hover{background:var(--color-purple-dark);transform:scale(1.1)}.format-value{display:inline-block;margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.rotation-controls{display:flex;align-items:center;gap:var(--spacing-2)}.rotation-controls .format-slider{flex:1}.rotation-input{width:70px;flex-shrink:0}.rotation-unit{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);flex-shrink:0}.collapsible-section{border-bottom:1px solid var(--color-border-light)}.collapsible-header{width:100%;padding:14px var(--spacing-4);background:var(--color-bg-primary);border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s;text-align:left}.collapsible-header:hover{background:var(--color-bg-secondary)}.collapsible-header:active{background:var(--color-bg-tertiary)}.collapsible-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px}.collapsible-icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:transform .2s ease}.collapsible-icon.expanded{transform:rotate(0)}.collapsible-icon:not(.expanded){transform:rotate(-90deg)}.collapsible-content{padding:var(--spacing-4);background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:var(--spacing-4)}.print-guide{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.trim-line{animation:trim-pulse 3s ease-in-out infinite}.safe-zone{animation:safe-pulse 3s ease-in-out infinite 1.5s}@keyframes trim-pulse{0%,to{border-color:#ff000080}50%{border-color:#f00c}}@keyframes safe-pulse{0%,to{border-color:#00c80066}50%{border-color:#00c800b3}}.print-guide-labels{pointer-events:none;z-index:1001}.guide-label{font-family:system-ui,-apple-system,sans-serif;font-weight:600;box-shadow:0 2px 4px #0000001a}.preflight-panel-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.preflight-panel{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.preflight-header{padding:var(--spacing-5) var(--spacing-6);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.preflight-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.preflight-close{background:none;border:none;font-size:32px;color:var(--color-text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all .2s}.preflight-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.preflight-summary{padding:var(--spacing-4) var(--spacing-6);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-4)}.preflight-summary-item{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.preflight-summary-item.error{background:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.preflight-summary-item.warning{background:var(--color-warning-light);color:var(--color-warning-dark);border:1px solid var(--color-warning)}.preflight-issues-list{flex:1;overflow-y:auto;padding:var(--spacing-4) var(--spacing-6)}.preflight-no-issues{text-align:center;padding:40px var(--spacing-5);color:var(--color-success-dark);font-size:var(--font-size-md)}.preflight-issue{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);margin-bottom:var(--spacing-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:var(--color-bg-primary);transition:all .2s}.preflight-issue:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.preflight-issue.error{border-left:4px solid var(--color-error);background:#fffaf}.preflight-issue.warning{border-left:4px solid var(--color-warning);background:#fffef5}.issue-icon{font-size:var(--font-size-xl);flex-shrink:0}.issue-content{flex:1;min-width:0}.issue-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.issue-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.issue-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.issue-btn{padding:6px var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;white-space:nowrap;border:1px solid}.fix-btn{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);color:#fff;border-color:var(--color-purple)}.fix-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.ignore-btn{background:var(--color-bg-primary);color:var(--color-text-secondary);border-color:var(--color-border-light)}.ignore-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.preflight-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-border-light);background:var(--color-bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.preflight-help{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);line-height:1.6}.preflight-help strong{color:var(--color-text-primary)}.preflight-close-btn{width:100%;padding:10px;background:var(--color-border-light);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s}.preflight-close-btn:hover{background:var(--color-border)}.page-thumbnails{width:140px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.thumbnails-header{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-primary);flex-shrink:0}.thumbnails-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.thumbnails-list{flex:1;overflow-y:auto;padding:var(--spacing-3) var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-3)}.thumbnail-item{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-2);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:var(--spacing-2)}.thumbnail-item:hover{border-color:var(--color-purple);transform:translate(2px);box-shadow:var(--shadow-md)}.thumbnail-item.active{border-color:var(--color-purple);background:#f0f4ff;box-shadow:var(--shadow-lg)}.thumbnail-preview{width:100%;aspect-ratio:8.5 / 11;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.thumbnail-canvas{transform-origin:center center;box-shadow:var(--shadow-sm)}.thumbnail-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs)}.thumbnail-number{background:var(--color-purple);color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:10px;flex-shrink:0}.thumbnail-item.active .thumbnail-number{background:var(--color-purple-dark)}.thumbnail-name{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-item.active .thumbnail-name{color:var(--color-purple)}.sheet-controls{padding:var(--spacing-3) var(--spacing-2);border-top:1px solid var(--color-border);background:var(--color-bg-primary);display:flex;flex-direction:column;gap:var(--spacing-2);flex-shrink:0}.ui-button{padding:var(--spacing-2) var(--spacing-4);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.ui-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.ui-button:active:not(:disabled){transform:translateY(0)}.ui-button:disabled{opacity:.5;cursor:not-allowed}.ui-button-primary{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-purple-dark) 100%);color:#fff}.ui-button-success{background:var(--color-success);color:#fff}.ui-button-success:hover:not(:disabled){background:var(--color-success-dark)}.ui-button-danger{background:var(--color-error);color:#fff}.ui-button-danger:hover:not(:disabled){background:var(--color-error-dark)}.ui-button-sm{padding:6px var(--spacing-3);font-size:var(--font-size-xs)}.ui-button-md{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.ui-button-lg{padding:var(--spacing-3) var(--spacing-5);font-size:var(--font-size-md)}.w-full{width:100%}