@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Patrick+Hand&family=Indie+Flower&family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-paper: #faf8f3;--bg-paper-alt: #f5f0e8;--bg-card: #ffffff;--bg-card-hover: #fffef9;--bg-ruled: rgba(100, 140, 200, .08);--bg-margin: rgba(220, 80, 80, .15);--bg-sticky-yellow: #fff9c4;--bg-sticky-pink: #fce4ec;--bg-sticky-blue: #e3f2fd;--bg-sticky-green: #e8f5e9;--bg-sticky-purple: #f3e5f5;--text-ink: #2c2c2c;--text-pencil: #555555;--text-light: #888888;--text-marker-blue: #1565c0;--text-marker-red: #c62828;--text-marker-green: #2e7d32;--text-marker-purple: #6a1b9a;--text-marker-orange: #e65100;--doodle-line: #333333;--doodle-line-light: rgba(0, 0, 0, .12);--doodle-blue: #42a5f5;--doodle-red: #ef5350;--doodle-green: #66bb6a;--doodle-yellow: #ffca28;--doodle-purple: #ab47bc;--doodle-orange: #ffa726;--doodle-pink: #ec407a;--doodle-teal: #26a69a;--accent-primary: #1565c0;--accent-secondary: #6a1b9a;--accent-success: #2e7d32;--accent-warning: #e65100;--accent-danger: #c62828;--shadow-sketch: 3px 3px 0px rgba(0, 0, 0, .08);--shadow-sketch-hover: 4px 4px 0px rgba(0, 0, 0, .12);--shadow-sketch-active: 1px 1px 0px rgba(0, 0, 0, .06);--shadow-sticker: 2px 3px 6px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .06);--font-hand: "Caveat", cursive;--font-hand-alt: "Patrick Hand", cursive;--font-hand-fun: "Indie Flower", cursive;--font-clean: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--border-sketch: 2.5px solid var(--doodle-line);--border-sketch-light: 2px solid var(--doodle-line-light);--border-dashed: 2.5px dashed var(--doodle-line);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 18px;--radius-blob: 42% 58% 62% 38% / 45% 55% 45% 55%;--radius-pill: 255px 15px 225px 15px / 15px 225px 15px 255px;--radius-hand: 30px 2px 30px 2px / 2px 30px 2px 30px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-clean);background:var(--bg-paper);color:var(--text-ink);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:linear-gradient(var(--bg-ruled) 1px,transparent 1px);background-size:100% 2rem;background-position:0 0}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{border:none;cursor:pointer;font-family:inherit;font-size:inherit;background:none}input,textarea,select{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-paper-alt)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:99px;border:2px solid var(--bg-paper-alt)}::-webkit-scrollbar-thumb:hover{background:#aaa}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}@media(max-width:640px){.container{padding:0 var(--space-md)}}.page{flex:1;padding-top:80px;padding-bottom:var(--space-3xl)}.page-header{text-align:center;margin-bottom:var(--space-2xl);padding-top:var(--space-2xl);position:relative}.page-header h1{font-family:var(--font-hand);font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;color:var(--text-ink);position:relative;display:inline-block}.page-header h1:after{content:"";position:absolute;bottom:-4px;left:-5%;width:110%;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='12' viewBox='0 0 200 12'%3E%3Cpath d='M2 8 C 30 2, 50 10, 80 6 S 130 2, 160 7 S 190 4, 198 6' stroke='%2342a5f5' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;background-size:200px 12px}.page-header p{font-family:var(--font-hand-alt);color:var(--text-pencil);font-size:clamp(1rem,2.5vw,1.35rem);max-width:550px;margin:var(--space-md) auto 0;line-height:1.5}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--bg-card);border-bottom:var(--border-sketch);height:68px;box-shadow:0 2px #0000000a}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar-brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-hand);font-size:1.65rem;font-weight:700;color:var(--text-ink);text-decoration:none}.navbar-brand .brand-icon{width:38px;height:38px;background:var(--bg-sticky-yellow);border:var(--border-sketch);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.1rem;transform:rotate(-3deg);box-shadow:var(--shadow-sketch)}.navbar-brand .brand-text{background:none;-webkit-text-fill-color:initial;color:var(--text-ink)}.navbar-links{display:flex;align-items:center;gap:2px}.nav-link{display:flex;align-items:center;gap:var(--space-sm);padding:8px 14px;border-radius:var(--radius-md);color:var(--text-pencil);font-family:var(--font-hand-alt);font-weight:400;font-size:1.05rem;transition:all var(--transition-base);position:relative;border:2px solid transparent}.nav-link:hover{color:var(--text-ink);background:var(--bg-paper-alt)}.nav-link.active{color:var(--accent-primary);background:var(--bg-sticky-blue);border:2px solid var(--accent-primary);border-radius:var(--radius-pill);font-weight:600;transform:rotate(-1deg);box-shadow:var(--shadow-sketch)}.navbar-mobile-toggle{background:none;color:var(--text-ink);padding:var(--space-sm);border:var(--border-sketch);border-radius:var(--radius-sm);width:40px;height:40px;display:none;align-items:center;justify-content:center}@media(max-width:768px){.navbar{height:60px}.page{padding-top:70px}.navbar-links{display:none;position:absolute;top:60px;left:0;right:0;background:var(--bg-card);border-bottom:var(--border-sketch);flex-direction:column;padding:var(--space-sm);gap:2px}.navbar-links.open{display:flex}.nav-link{width:100%;justify-content:flex-start;padding:12px 16px}.navbar-mobile-toggle{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;font-family:var(--font-hand-alt);font-weight:600;font-size:1.05rem;border:var(--border-sketch);transition:all var(--transition-base);position:relative;cursor:pointer}.btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-sketch-active)!important}.btn-primary{background:var(--doodle-blue);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-sketch);transform:rotate(-.5deg)}.btn-primary:hover{background:#2196f3;box-shadow:var(--shadow-sketch-hover);transform:rotate(.5deg) scale(1.02)}.btn-secondary{background:var(--bg-card);color:var(--text-ink);border-radius:var(--radius-hand);box-shadow:var(--shadow-sketch)}.btn-secondary:hover{background:var(--bg-paper-alt);box-shadow:var(--shadow-sketch-hover);transform:rotate(-1deg)}.btn-ghost{background:transparent;color:var(--text-pencil);border:2px solid transparent;border-radius:var(--radius-md)}.btn-ghost:hover{color:var(--text-ink);background:var(--bg-paper-alt);border-color:var(--doodle-line-light)}.btn-danger{background:var(--bg-sticky-pink);color:var(--accent-danger);border-color:var(--accent-danger);border-radius:var(--radius-hand);box-shadow:var(--shadow-sketch)}.btn-danger:hover{background:#ffcdd2}.btn-sm{padding:6px 14px;font-size:.95rem}.btn-lg{padding:14px 28px;font-size:1.15rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm)}.card{background:var(--bg-card);border:var(--border-sketch);border-radius:var(--radius-sm);padding:var(--space-xl);box-shadow:var(--shadow-sketch);transition:all var(--transition-base);position:relative}.card:hover{box-shadow:var(--shadow-sketch-hover);transform:translateY(-2px) rotate(-.3deg)}.card-taped:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-2deg);width:60px;height:20px;background:#ffeb96b3;border:1px solid rgba(0,0,0,.08);border-radius:2px;z-index:1}.card-sticky{border:none;border-radius:2px;box-shadow:var(--shadow-sticker);transform:rotate(-1deg)}.card-sticky:nth-child(2n){transform:rotate(.8deg)}.card-sticky:nth-child(3n){transform:rotate(-.5deg)}.card-sticky:hover{transform:rotate(0) scale(1.02);box-shadow:3px 4px 8px #00000026}.hero{position:relative;min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;padding:var(--space-3xl) 0;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-bg .orb{position:absolute;opacity:.06}.hero-bg .orb-1{width:200px;height:200px;top:8%;left:3%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='%23333' stroke-width='3' stroke-dasharray='8 6'/%3E%3Ccircle cx='100' cy='100' r='50' fill='none' stroke='%23333' stroke-width='2' stroke-dasharray='5 5'/%3E%3C/svg%3E") no-repeat;animation:doodleSpin 30s linear infinite}.hero-bg .orb-2{width:150px;height:150px;top:15%;right:5%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Crect x='20' y='20' width='110' height='110' rx='5' fill='none' stroke='%23333' stroke-width='3' stroke-dasharray='10 5' transform='rotate(15 75 75)'/%3E%3C/svg%3E") no-repeat;animation:doodleFloat 15s ease-in-out infinite}.hero-bg .orb-3{width:120px;height:120px;bottom:12%;left:8%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cpolygon points='60,10 110,95 10,95' fill='none' stroke='%23333' stroke-width='3' stroke-dasharray='7 5' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;animation:doodleFloat 20s ease-in-out infinite reverse}@keyframes doodleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes doodleFloat{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(10px,-15px) rotate(3deg)}50%{transform:translate(-8px,8px) rotate(-2deg)}75%{transform:translate(5px,12px) rotate(1deg)}}.hero-content{position:relative;text-align:center;max-width:780px;padding:0 var(--space-lg)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 18px;background:var(--bg-sticky-yellow);border:var(--border-sketch);border-radius:var(--radius-pill);font-family:var(--font-hand-alt);font-size:1rem;color:var(--text-ink);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sketch);transform:rotate(-2deg);animation:fadeInDown .5s ease-out}.hero-badge .pulse-dot{width:10px;height:10px;background:var(--doodle-green);border-radius:50%;border:2px solid var(--doodle-line);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.hero h1{font-family:var(--font-hand);font-size:clamp(2.8rem,7vw,5rem);font-weight:700;line-height:1.15;margin-bottom:var(--space-lg);color:var(--text-ink);animation:fadeInUp .6s ease-out .1s both}.hero h1 .gradient-text{color:var(--doodle-blue);position:relative;display:inline;background:none;-webkit-text-fill-color:var(--doodle-blue);-webkit-background-clip:initial;background-clip:initial}.hero h1 .gradient-text-2{color:var(--doodle-purple);background:none;-webkit-text-fill-color:var(--doodle-purple);-webkit-background-clip:initial;background-clip:initial}.hero h1 .gradient-text:before{content:"";position:absolute;top:-8px;right:-12px;bottom:-8px;left:-12px;border:3px solid var(--doodle-blue);border-radius:var(--radius-blob);opacity:.2;pointer-events:none}.hero p{font-family:var(--font-hand-alt);font-size:clamp(1.05rem,2.5vw,1.4rem);color:var(--text-pencil);max-width:560px;margin:0 auto var(--space-2xl);line-height:1.6;animation:fadeInUp .6s ease-out .2s both}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-md);flex-wrap:wrap;animation:fadeInUp .6s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-xl);margin-top:var(--space-3xl)}@media(max-width:640px){.features-grid{grid-template-columns:1fr;gap:var(--space-lg)}}.feature-card{text-align:left;padding:var(--space-xl) var(--space-xl) var(--space-lg)}.feature-card:nth-child(1){background:var(--bg-sticky-blue)}.feature-card:nth-child(2){background:var(--bg-sticky-green)}.feature-card:nth-child(3){background:var(--bg-sticky-yellow)}.feature-card:nth-child(4){background:var(--bg-sticky-pink)}.feature-card:nth-child(5){background:var(--bg-sticky-purple)}.feature-card:nth-child(6){background:#fff3e0}.feature-card .feature-icon{width:52px;height:52px;border:var(--border-sketch);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);font-size:1.4rem;background:var(--bg-card);box-shadow:var(--shadow-sketch);transition:transform var(--transition-bounce)}.feature-card:hover .feature-icon{transform:rotate(-10deg) scale(1.1)}.feature-card .feature-icon.icon-upload{color:var(--doodle-blue)}.feature-card .feature-icon.icon-print{color:var(--doodle-teal)}.feature-card .feature-icon.icon-handwrite{color:var(--doodle-purple)}.feature-card h3{font-family:var(--font-hand);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs);color:var(--text-ink)}.feature-card p{font-family:var(--font-hand-alt);color:var(--text-pencil);font-size:1rem;line-height:1.5}.upload-zone{border:3px dashed var(--doodle-line);border-radius:var(--radius-sm);padding:var(--space-3xl) var(--space-xl);text-align:center;transition:all var(--transition-base);cursor:pointer;position:relative;background:var(--bg-card);box-shadow:var(--shadow-sketch)}.upload-zone:before{content:"";position:absolute;top:0;left:50px;bottom:0;width:2px;background:var(--bg-margin)}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--doodle-blue);background:var(--bg-sticky-blue);transform:rotate(-.5deg);box-shadow:var(--shadow-sketch-hover)}.upload-zone-content{position:relative;z-index:1}.upload-zone .upload-icon{width:72px;height:72px;margin:0 auto var(--space-md);background:var(--bg-sticky-blue);border:var(--border-sketch);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--doodle-blue);box-shadow:var(--shadow-sketch);transition:transform var(--transition-bounce)}.upload-zone:hover .upload-icon{transform:scale(1.08) rotate(-5deg)}.upload-zone h3{font-family:var(--font-hand);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs)}.upload-zone .upload-hint{font-family:var(--font-hand-alt);color:var(--text-pencil);font-size:1.05rem}.upload-zone .upload-formats{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.upload-zone .format-badge{padding:3px 10px;background:var(--bg-card);border:2px solid var(--doodle-line);border-radius:var(--radius-pill);font-family:var(--font-hand-alt);font-size:.85rem;color:var(--text-pencil);box-shadow:1px 1px #0000000f}.upload-progress-list{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-xl)}.upload-progress-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:var(--border-sketch);border-radius:var(--radius-sm);box-shadow:var(--shadow-sketch)}.upload-progress-item .file-info{flex:1;min-width:0}.upload-progress-item .file-name{font-family:var(--font-hand-alt);font-weight:600;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-progress-item .file-size{color:var(--text-light);font-family:var(--font-hand-alt);font-size:.85rem}.progress-bar-track{width:100%;height:8px;background:var(--bg-paper-alt);border:1.5px solid var(--doodle-line-light);border-radius:99px;overflow:hidden;margin-top:var(--space-xs)}.progress-bar-fill{height:100%;background:var(--doodle-blue);border-radius:99px;transition:width var(--transition-base);background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,255,255,.3) 4px,rgba(255,255,255,.3) 8px)}.status-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.status-icon.success{background:var(--bg-sticky-green);color:var(--accent-success)}.status-icon.error{background:var(--bg-sticky-pink);color:var(--accent-danger)}.status-icon.uploading{background:var(--bg-sticky-blue);color:var(--doodle-blue);animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.handwriting-workspace{display:grid;grid-template-columns:260px 1fr;gap:var(--space-lg);min-height:calc(100vh - 260px)}@media(max-width:900px){.handwriting-workspace{grid-template-columns:1fr;min-height:auto}}.handwriting-toolbar{display:flex;flex-direction:column;gap:var(--space-md)}@media(max-width:900px){.handwriting-toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.toolbar-section{padding:var(--space-md) var(--space-lg)}.toolbar-section h4{font-family:var(--font-hand);font-size:1.1rem;color:var(--text-pencil);margin-bottom:var(--space-sm);font-weight:600;border-bottom:2px solid var(--doodle-line-light);padding-bottom:4px}.tool-group{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tool-btn{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--bg-card);border:2px solid var(--doodle-line-light);color:var(--text-pencil);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);cursor:pointer}.tool-btn:hover{border-color:var(--doodle-line);background:var(--bg-paper-alt);transform:rotate(-3deg)}.tool-btn.active{background:var(--bg-sticky-blue);border-color:var(--doodle-blue);color:var(--accent-primary);box-shadow:var(--shadow-sketch);transform:rotate(-2deg) scale(1.05)}.color-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.color-swatch{width:30px;height:30px;border-radius:50%;border:2.5px solid var(--doodle-line);cursor:pointer;transition:all var(--transition-fast)}.color-swatch:hover{transform:scale(1.2)}.color-swatch.active{transform:scale(1.25);box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--doodle-line)}.stroke-slider{width:100%;-webkit-appearance:none;height:6px;border-radius:99px;background:var(--doodle-line-light);border:1px solid rgba(0,0,0,.1);outline:none}.stroke-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--doodle-blue);border:2.5px solid var(--doodle-line);cursor:pointer;box-shadow:var(--shadow-sketch)}.canvas-container{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:var(--border-sketch);background:#fff;box-shadow:var(--shadow-sketch)}.canvas-container canvas{display:block;width:100%;cursor:crosshair;touch-action:none}.canvas-actions{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs)}.text-note-area{min-height:400px;padding:var(--space-xl) var(--space-xl) var(--space-xl) 70px;background:#fffff8;border:var(--border-sketch);border-radius:var(--radius-sm);position:relative;box-shadow:var(--shadow-sketch);overflow:hidden}.text-note-area:before{content:"";position:absolute;top:0;left:55px;bottom:0;width:2px;background:var(--bg-margin)}.text-note-area:after{content:"";position:absolute;left:20px;top:40px;width:16px;height:16px;border-radius:50%;background:var(--bg-paper);border:2px solid var(--doodle-line-light);box-shadow:0 80px 0 0 var(--bg-paper),0 80px 0 2px var(--doodle-line-light),0 160px 0 0 var(--bg-paper),0 160px 0 2px var(--doodle-line-light),0 240px 0 0 var(--bg-paper),0 240px 0 2px var(--doodle-line-light)}.text-note-area textarea{width:100%;min-height:400px;background:transparent;border:none;outline:none;font-family:var(--font-hand);font-size:1.7rem;line-height:2.2;color:var(--text-ink);resize:none;background-image:repeating-linear-gradient(transparent,transparent 2.15rem,var(--doodle-line-light) 2.15rem,var(--doodle-line-light) 2.2rem);background-size:100% 2.2em;background-position:0 .3em}.text-note-area textarea::placeholder{color:#0003;font-style:italic}.files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}@media(max-width:640px){.files-grid{grid-template-columns:1fr}}.file-card{position:relative}.file-card-header{display:flex;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md)}.file-card-icon{width:46px;height:46px;border:var(--border-sketch);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;box-shadow:var(--shadow-sketch)}.file-card-icon.pdf{background:var(--bg-sticky-pink);color:var(--accent-danger)}.file-card-icon.image{background:var(--bg-sticky-green);color:var(--accent-success)}.file-card-icon.doc{background:var(--bg-sticky-blue);color:var(--accent-primary)}.file-card-icon.default{background:var(--bg-sticky-purple);color:var(--text-marker-purple)}.file-card-meta{flex:1;min-width:0}.file-card-meta .file-name{font-family:var(--font-hand-alt);font-weight:600;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.file-card-meta .file-details{display:flex;align-items:center;gap:var(--space-sm);color:var(--text-light);font-size:.82rem;font-family:var(--font-hand-alt)}.file-card-divider{border:none;border-top:2px dashed var(--doodle-line-light);margin:var(--space-md) 0}.file-card-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.file-card-actions .btn{flex:1;min-width:0;font-size:.9rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--space-lg);animation:fadeIn .2s ease-out}.modal{background:var(--bg-card);border:var(--border-sketch);border-radius:var(--radius-sm);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:5px 5px #0000001a;animation:modalSlideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl) var(--space-xl) var(--space-md)}.modal-header h3{font-family:var(--font-hand);font-size:1.4rem;font-weight:700;display:flex;align-items:center}.modal-body{padding:0 var(--space-xl) var(--space-xl)}.modal-footer{display:flex;gap:var(--space-sm);justify-content:flex-end;padding:var(--space-md) var(--space-xl) var(--space-xl);border-top:2px dashed var(--doodle-line-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.print-settings-panel{padding:0}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) 0;gap:var(--space-md)}.setting-row+.setting-row{border-top:1.5px dashed var(--doodle-line-light)}.setting-row label{font-family:var(--font-hand-alt);font-size:1rem;color:var(--text-pencil);font-weight:500;white-space:nowrap}.setting-row select,.setting-row input[type=number]{background:var(--bg-card);border:var(--border-sketch);color:var(--text-ink);padding:6px 10px;border-radius:var(--radius-sm);min-width:130px;outline:none;font-family:var(--font-hand-alt);font-size:1rem;box-shadow:var(--shadow-sketch);transition:border-color var(--transition-fast)}.setting-row select:focus,.setting-row input[type=number]:focus{border-color:var(--doodle-blue)}.setting-row select option{background:var(--bg-card)}.toast-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:3000;display:flex;flex-direction:column;gap:var(--space-sm)}@media(max-width:640px){.toast-container{left:var(--space-md);right:var(--space-md);bottom:var(--space-md)}}.toast{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:var(--border-sketch);border-radius:var(--radius-sm);box-shadow:var(--shadow-sticker);min-width:280px;max-width:400px;animation:toastSlideIn .3s ease-out;font-family:var(--font-hand-alt);font-size:1rem}.toast.toast-success{border-left:5px solid var(--doodle-green);background:var(--bg-sticky-green)}.toast.toast-error{border-left:5px solid var(--doodle-red);background:var(--bg-sticky-pink)}.toast.toast-info{border-left:5px solid var(--doodle-blue);background:var(--bg-sticky-blue)}.toast-message{flex:1;font-size:.95rem}.toast-close{background:none;color:var(--text-light);padding:2px;cursor:pointer}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%) rotate(3deg)}to{opacity:1;transform:translate(0) rotate(0)}}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}@media(max-width:640px){.stats-row{grid-template-columns:repeat(2,1fr)}}.stat-card{text-align:center;padding:var(--space-lg) var(--space-md)}.stat-card .stat-value{font-family:var(--font-hand);font-size:2.2rem;font-weight:700;color:var(--text-ink)}.stat-card .stat-label{color:var(--text-light);font-size:.85rem;margin-top:2px;font-family:var(--font-hand-alt)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-lg)}.empty-state .empty-icon{width:80px;height:80px;margin:0 auto var(--space-md);background:var(--bg-sticky-blue);border:var(--border-sketch);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--doodle-blue);font-size:2rem;box-shadow:var(--shadow-sketch);transform:rotate(-3deg)}.empty-state h3{font-family:var(--font-hand);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-xs)}.empty-state p{font-family:var(--font-hand-alt);color:var(--text-pencil);margin-bottom:var(--space-lg);font-size:1.05rem}.footer{border-top:var(--border-sketch);padding:var(--space-xl) 0;margin-top:auto;background:var(--bg-card)}.footer-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.footer-text{color:var(--text-light);font-family:var(--font-hand-alt);font-size:.95rem}.footer-links{display:flex;gap:var(--space-lg)}.footer-links a{color:var(--text-pencil);font-family:var(--font-hand-alt);font-size:.95rem;transition:color var(--transition-fast);text-decoration:underline;text-decoration-style:wavy;text-underline-offset:4px;text-decoration-color:var(--doodle-line-light)}.footer-links a:hover{color:var(--doodle-blue);text-decoration-color:var(--doodle-blue)}@media(max-width:640px){.footer-content{flex-direction:column;text-align:center}}.tabs{display:flex;gap:2px;flex-wrap:wrap;margin-bottom:var(--space-lg)}.tab-btn{padding:8px 16px;background:var(--bg-card);color:var(--text-pencil);font-family:var(--font-hand-alt);font-weight:500;font-size:.95rem;transition:all var(--transition-fast);cursor:pointer;border:2px solid var(--doodle-line-light);border-bottom:none;border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;top:2px}.tab-btn:hover{color:var(--text-ink);background:var(--bg-paper-alt)}.tab-btn.active{background:var(--bg-sticky-blue);color:var(--accent-primary);border-color:var(--doodle-line);font-weight:600;box-shadow:var(--shadow-sketch);z-index:1}.spinner{width:24px;height:24px;border:3px solid var(--doodle-line-light);border-top-color:var(--doodle-blue);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:4px}.mode-switch{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg)}.switch{position:relative;width:52px;height:28px;background:var(--bg-paper-alt);border:var(--border-sketch);border-radius:99px;cursor:pointer;transition:background var(--transition-fast);box-shadow:inset 1px 1px 3px #00000014}.switch.active{background:var(--doodle-blue)}.switch .switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border:2px solid var(--doodle-line);border-radius:50%;transition:transform var(--transition-base);box-shadow:1px 1px 2px #0000001a}.switch.active .switch-knob{transform:translate(24px)}.mode-label{font-family:var(--font-hand-alt);font-size:1rem;color:var(--text-pencil)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.doodle-divider{height:20px;margin:var(--space-2xl) 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='20' viewBox='0 0 300 20'%3E%3Cpath d='M0 10 Q 15 2, 30 10 T 60 10 T 90 10 T 120 10 T 150 10 T 180 10 T 210 10 T 240 10 T 270 10 T 300 10' stroke='%23ddd' stroke-width='2' fill='none'/%3E%3C/svg%3E") repeat-x center}.doodle-arrow{display:inline-block;font-family:var(--font-hand);color:var(--text-pencil);transform:rotate(-5deg)}.highlight-yellow{background:linear-gradient(180deg,transparent 60%,rgba(255,235,59,.35) 60%)}.highlight-blue{background:linear-gradient(180deg,transparent 60%,rgba(66,165,245,.2) 60%)}.highlight-pink{background:linear-gradient(180deg,transparent 60%,rgba(236,64,122,.2) 60%)}.crossed-out{text-decoration:line-through;text-decoration-style:wavy;text-decoration-color:var(--doodle-red);opacity:.6}@media(max-width:480px){:root{--space-xl: 1.25rem;--space-2xl: 2rem;--space-3xl: 2.5rem}.container{padding:0 12px}.page{padding-top:68px;padding-bottom:2rem}.page-header{margin-bottom:1.5rem;padding-top:1rem}.page-header h1{font-size:2rem}.page-header p{font-size:1rem}.card{padding:1.2rem 1rem}input[type=text],input[type=tel],input[type=password],input[type=number],select,textarea{font-size:16px!important;min-height:44px}.modal{margin:10px;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:92vh!important;padding:1rem!important}.modal-header h3{font-size:1.25rem}.modal-footer{flex-direction:column-reverse;gap:8px}.modal-footer .btn{width:100%}.stats-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.stats-row .card{padding:.8rem .5rem!important}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;display:flex;flex-wrap:nowrap;padding-bottom:4px}.tab-btn{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:.9rem}#quick-order-form{padding:1.25rem 1rem!important;border-radius:8px!important}}@media(min-width:481px)and (max-width:1024px){.container{padding:0 20px}.features-grid,.files-grid{grid-template-columns:repeat(2,1fr)!important;gap:16px!important}.stats-row{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.modal{max-width:600px!important;max-height:88vh!important}}@media(min-width:1025px){.features-grid,.files-grid{grid-template-columns:repeat(3,1fr)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.navbar-links{box-shadow:0 10px 25px #00000026;border-bottom:3px solid var(--doodle-line)}.navbar-links .nav-link{font-size:1.15rem;padding:14px 20px;border-bottom:1px dashed var(--doodle-line-light)}.navbar-links .nav-link:last-child{border-bottom:none}}