@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 50px var(--accent-glow),0 0 80px #7c3aed26}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rotate3d{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes star-drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes logo-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0}60%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes spinner-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes depth-pulse{0%,to{transform:perspective(600px) rotateX(0) rotateY(0)}25%{transform:perspective(600px) rotateX(2deg) rotateY(-2deg)}75%{transform:perspective(600px) rotateX(-2deg) rotateY(2deg)}}@keyframes card-hover-3d{0%{transform:perspective(800px) rotateX(0) rotateY(0) translateZ(0)}to{transform:perspective(800px) rotateX(-6deg) rotateY(6deg) translateZ(20px)}}@keyframes neon-flicker{0%,95%,to{opacity:1}96%,99%{opacity:.4}}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow-pulse{animation:glow-pulse 3s ease-in-out infinite}.animate-fade-up{animation:fade-slide-up .6s ease both}.animate-fade-in{animation:fade-in .5s ease both}.animate-depth-pulse{animation:depth-pulse 8s ease-in-out infinite}.animate-neon-flicker{animation:neon-flicker 5s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes ls-spin-1{0%{transform:rotate(0) rotateX(60deg)}to{transform:rotate(360deg) rotateX(60deg)}}@keyframes ls-spin-2{0%{transform:rotate(0) rotateY(45deg)}to{transform:rotate(360deg) rotateY(45deg)}}@keyframes ls-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes ls-particle-float{0%{transform:translateY(0) translate(0) scale(1);opacity:.6}25%{transform:translateY(-30px) translate(10px) scale(.8);opacity:1}50%{transform:translateY(-60px) translate(-5px) scale(.6);opacity:.4}75%{transform:translateY(-90px) translate(8px) scale(.4);opacity:.1}to{transform:translateY(-120px) translate(0) scale(.2);opacity:0}}@keyframes ls-progress{0%{width:0}to{width:100%}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 40% 40%,#12092a,#07070f 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:999;overflow:hidden;perspective:800px}.ls-scene{position:relative;width:180px;height:180px;margin-bottom:36px}.ls-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent}.ls-ring-1{border-top-color:var(--accent-purple);border-bottom-color:var(--accent-purple);animation:ls-spin-1 1.8s linear infinite;box-shadow:0 0 24px var(--accent-glow),inset 0 0 24px #7c3aed14}.ls-ring-2{top:18px;right:18px;bottom:18px;left:18px;border-left-color:var(--accent-cyan);border-right-color:var(--accent-cyan);animation:ls-spin-2 1.4s linear infinite;box-shadow:0 0 18px var(--accent-glow2)}.ls-ring-3{top:36px;right:36px;bottom:36px;left:36px;border-top-color:var(--accent-pink);border-bottom-color:#ec48994d;animation:ls-spin-1 2.2s linear infinite reverse}.ls-core{position:absolute;top:56px;right:56px;bottom:56px;left:56px;background:radial-gradient(circle,rgba(124,58,237,.5) 0%,transparent 70%);border-radius:50%;animation:ls-pulse 2s ease-in-out infinite}.ls-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent-purple);animation:ls-particle-float calc(3s + var(--i, 0) * .3s) ease-in-out infinite;left:calc(30% + var(--i, 0) * 5%);top:calc(20% + var(--i, 0) * 4%);opacity:.6}.ls-p0{background:var(--accent-cyan);width:6px;height:6px}.ls-p1{background:var(--accent-pink);width:3px;height:3px}.ls-p2{background:var(--accent-purple)}.ls-p3{background:var(--accent-cyan)}.ls-p4{background:#fff;opacity:.3}.ls-p5{background:var(--accent-pink);width:5px;height:5px}.ls-logo{display:flex;align-items:baseline;gap:6px;animation:logo-reveal 1.2s .3s ease both}.ls-logo-rb,.ls-logo-accent{font-family:Bebas Neue,sans-serif;font-size:52px;letter-spacing:4px;color:#4c1d97}.ls-by{font-size:12px;color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;margin-top:4px;animation:fade-slide-up .8s .6s ease both}.ls-by span{color:var(--text-primary);font-weight:600}.loading-tagline{margin-top:14px;color:var(--text-muted);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;animation:fade-slide-up .8s .8s ease both}.ls-progress-track{width:200px;height:2px;background:#ffffff14;border-radius:4px;margin-top:28px;overflow:hidden;animation:fade-slide-up .6s 1s ease both}.ls-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));border-radius:4px;animation:ls-progress 2s 1s cubic-bezier(.4,0,.2,1) forwards;width:0}.home-view{display:flex;flex-direction:column;height:100%;background:var(--bg-deep);animation:fade-in .4s ease}.home-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--glass-border);background:#080812d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10;flex-shrink:0}.home-logo{display:flex;align-items:center;gap:10px}.home-logo-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-cyan));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;box-shadow:0 4px 18px var(--accent-glow)}.home-logo-text{font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:3px;color:#4c1d97}.home-body{display:flex;flex:1;overflow:hidden}.home-sidebar{width:230px;flex-shrink:0;border-right:1px solid var(--glass-border);padding:20px 14px;display:flex;flex-direction:column;gap:4px;background:#08081299}.home-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);border:none;background:transparent;text-align:left;width:100%;transition:var(--transition)}.home-nav-item:hover{color:var(--text-primary);background:var(--bg-card)}.home-nav-item.active{color:var(--accent-cyan);background:#06b6d414}.home-nav-item i{width:18px;text-align:center;font-size:14px}.home-main{flex:1;overflow-y:auto;padding:32px 36px}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.starfield:before,.starfield:after{content:"";position:absolute;width:100%;height:200%;top:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 35% 70%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 80% 55%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 25% 90%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 55% 45%,rgba(124,58,237,.8) 0%,transparent 100%),radial-gradient(1px 1px at 90% 10%,rgba(6,182,212,.8) 0%,transparent 100%),radial-gradient(1px 1px at 15% 50%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 45% 5%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 70% 80%,rgba(255,255,255,.4) 0%,transparent 100%);background-size:350px 350px;animation:star-drift 40s linear infinite}.starfield:after{background-size:200px 200px;animation-duration:60s;opacity:.5}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:20px}.template-gallery{display:grid;grid-template-columns:repeat(auto-fill,168px);justify-content:start;gap:20px;margin-bottom:36px}.template-card-wrapper{width:100%;scroll-snap-align:start;perspective:800px}.template-card{width:100%;height:238px;position:relative;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--shadow-card)}.template-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000059,var(--shadow-glow);border-color:#7c3aed59}.template-card-front,.template-card-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;background:var(--bg-surface)}.template-card-front{padding:0}.template-card-front.blank i{font-size:28px;color:var(--accent-purple)}.template-card-front.blank span{font-size:13px;font-weight:600;color:var(--text-secondary)}.tmpl-line{height:3px;border-radius:2px;background:#ffffff1f;margin-bottom:8px}.tmpl-line.w-50{width:50%}.tmpl-line.w-70{width:70%}.tmpl-line.w-100{width:100%}.tmpl-line.h1{height:5px}.tmpl-label{margin-top:auto;font-size:11px;font-weight:600;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-preview-root{position:relative;width:100%;aspect-ratio:1 / 1.414;overflow:hidden;background:#fff;border-radius:calc(var(--radius-sm) - 2px);box-shadow:inset 0 0 0 1px #0000000d}.mini-preview-container{backface-visibility:hidden;-webkit-font-smoothing:antialiased}.tmpl-mini-blank{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:8px;background:linear-gradient(135deg,#7c3aed0d,#06b6d408)}.tmpl-mini-blank i{font-size:32px;color:var(--accent-purple);opacity:.8}.recent-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.recent-card{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition);overflow:hidden;box-shadow:var(--shadow-card)}.recent-card:hover{transform:translateY(-4px) translateZ(10px);border-color:#7c3aed4d;box-shadow:0 16px 48px #0009,var(--shadow-glow)}.recent-card-thumb{aspect-ratio:1 / 1.414;background:#fff;overflow:hidden;position:relative}.recent-card-footer{padding:10px 12px;border-top:1px solid var(--glass-border);display:flex;align-items:flex-start;justify-content:space-between}.recent-card-title{font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.recent-card-date{font-size:10px;color:var(--text-muted);margin-top:2px}.recent-card-delete{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px 4px;border-radius:4px;font-size:12px;transition:var(--transition)}.recent-card-delete:hover{color:#ef4444;background:#ef44441a}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.empty-state i{font-size:42px;display:block;margin-bottom:14px;opacity:.3}.filter-bar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:16px 18px;background:#ffffff06;border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.filter-row-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;min-width:68px;flex-shrink:0}.filter-pills{display:flex;gap:6px;flex-wrap:wrap}.filter-pill{padding:4px 12px;border-radius:20px;border:1px solid var(--glass-border);background:transparent;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:all .18s ease;white-space:nowrap}.filter-pill:hover{border-color:#7c3aed66;color:var(--text-primary);background:#7c3aed0f}.filter-pill.active{border-color:var(--accent-purple);color:var(--accent-purple);background:#7c3aed1f;box-shadow:0 0 10px #7c3aed33}.filter-result-count{font-size:11px;color:var(--text-muted);margin-bottom:12px;padding-left:2px}.tmpl-accent-line{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-md) var(--radius-md) 0 0;opacity:.85}.tmpl-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-top:1px solid var(--glass-border);gap:4px}[data-theme=light] .tmpl-footer{border-top:1px solid rgba(0,0,0,.08)}.tmpl-label{font-size:11px;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .tmpl-label{color:#111}.tmpl-badge{font-size:9px;font-weight:700;padding:2px 6px;border-radius:8px;border:1px solid;flex-shrink:0;letter-spacing:.3px;white-space:nowrap}[data-theme=light]{--bg-deep: #f0f0f7;--bg-surface: #ffffff;--bg-card: rgba(0, 0, 0, .04);--bg-card-hover: rgba(0, 0, 0, .08);--glass-border: rgba(0, 0, 0, .1);--text-primary: #0f0f1a;--text-secondary: #3d3d5c;--text-muted: #8888aa;--accent-glow: rgba(124, 58, 237, .2);--accent-glow2: rgba(6, 182, 212, .15)}[data-theme=light] .home-view{background:#f0f0f7}[data-theme=light] .starfield{opacity:.03}[data-theme=light] .loading-screen{background:radial-gradient(ellipse at 40% 40%,#e8e0ff,#f0f0f7 70%)}[data-theme=light] .home-header{background:#ffffffeb;border-color:#00000014}[data-theme=light] .home-sidebar{background:#ffffffb3;border-color:#00000014}[data-theme=light] .template-card-front{background:#ffffffe6;border-color:#0000001a}[data-theme=light] .template-card-front:hover{background:#fff;box-shadow:0 8px 32px #7c3aed1f}[data-theme=light] .recent-card{background:#ffffffd9;border-color:#0000001a}[data-theme=light] .filter-bar{background:#fffc;border-color:#0000001a}[data-theme=light] .home-nav-item{color:var(--text-secondary)}[data-theme=light] .home-nav-item.active{color:var(--accent-purple);background:#7c3aed14}[data-theme=light] .section-title{color:var(--text-primary)}.theme-toggle-btn{display:flex;align-items:center;gap:7px;padding:7px 16px;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:20px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition)}.template-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);height:240px;overflow:hidden;position:relative;cursor:pointer;transition:var(--transition)}.theme-toggle-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:#06b6d414}.theme-toggle-btn i{font-size:14px}.home-logo-by{display:block;font-size:10px;color:var(--accent-cyan);letter-spacing:1.5px;font-weight:500;line-height:1;margin-top:1px}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;background:var(--accent-purple);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:0 5px;margin-left:auto}.home-nav-item{display:flex;align-items:center;gap:8px;width:100%}.project-thumb{position:relative;overflow:hidden}.project-edit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#7c3aedd1;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:13px;font-weight:600;opacity:0;transition:opacity .2s}.project-thumb:hover .project-edit-overlay{opacity:1}.trash-card .recent-card-thumb{background:#ef44440d;border-color:#ef444426}.trash-restore-btn{width:28px;height:28px;border-radius:50%;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:var(--transition);flex-shrink:0}.trash-restore-btn:hover{background:#22c55e33;transform:scale(1.1)}.home-footer-credit{text-align:center;font-size:12px;color:var(--text-muted);padding:28px 0 12px;letter-spacing:.3px}.home-footer-credit a{color:var(--accent-cyan);text-decoration:none;font-weight:600;transition:var(--transition)}.home-footer-credit a:hover{color:var(--accent-purple);text-decoration:underline}.template-card-front{display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden;position:relative;background:#fff}[data-theme=dark] .template-card-front{background:#111}.tmpl-preview{flex:1;padding:10px;position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:140px;background:#fff}[data-theme=dark] .tmpl-preview{background:#111}.tmpl-preview-blank{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:11px;min-height:140px}.tmpl-preview-blank i{font-size:24px}.tp-photo{width:28px;height:28px;border-radius:50%;border:2px solid;flex-shrink:0;margin-bottom:6px;background:#f0f0f0}.tp-photo-placeholder{width:28px;height:28px;border-radius:50%;flex-shrink:0;margin-bottom:6px}.tp-photo-center{width:32px;height:32px;border-radius:50%;border:2px solid;margin:0 auto 6px;background:#f0f0f0}.tp-photo-sm{width:24px;height:24px;border-radius:50%;border:1.5px solid;flex-shrink:0;background:#f0f0f0}.tp-photo-bold{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:#fff6}.tp-section-label{font-size:4.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin:4px 0 2px;opacity:.9}.mt-2{margin-top:5px}.mt-3{margin-top:8px}.tp-line{height:3px;background:#64646433;border-radius:1.5px;width:100%;margin:1.5px 0}[data-theme=dark] .tp-line{background:#fff3}.tp-line.w90{width:90%}.tp-line.w80{width:80%}.tp-line.w70{width:70%}.tp-line.w60{width:60%}.tp-line.w40{width:40%}.tp-exp-item{display:flex;flex-direction:column;gap:1px}.tp-exp-title{height:4px;border-radius:2px;width:50%;margin-bottom:1.5px}.two-col-layout{flex-direction:row!important;padding:0!important;gap:0!important}.tp-sidebar{width:33%;flex-shrink:0;padding:10px 8px;display:flex;flex-direction:column;gap:2.5px}.tp-sbar-line{height:3px;border-radius:1.5px;width:100%;margin-bottom:1.5px}.tp-sbar-line.short{width:70%}.tp-skill-bar{height:2.5px;border-radius:1.5px;margin-bottom:2px}.tp-main{flex:1;padding:12px 10px;display:flex;flex-direction:column}.tp-name-lg{height:7px;border-radius:3px;width:65%;margin-bottom:3px}.tp-role-sm{height:4px;border-radius:2px;width:45%;margin-bottom:6px}.tp-divider-main{height:1px;margin-bottom:6px}.centered-layout{padding:14px 12px!important}.tp-center-header{display:flex;flex-direction:column;align-items:center;margin-bottom:6px}.tp-center-name-lg{height:8px;border-radius:4px;width:60%;margin-bottom:4px}.tp-center-role-sm{height:4px;border-radius:2px;width:40%;margin-bottom:5px}.tp-center-contact{display:flex;gap:4px;justify-content:center}.tp-contact-dot{width:22px;height:3px;border-radius:1.5px}.tp-divider-center{height:1.5px;margin:4px 0 6px}.tp-center-body{display:flex;flex-direction:column}.text-center{text-align:center}.tp-exp-item-center{display:flex;flex-direction:column;align-items:center}.tp-exp-title-center{height:4.5px;border-radius:2.5px;width:45%;margin-bottom:2px}.center-obj{margin-left:auto;margin-right:auto}.minimal-layout{padding:12px!important}.tp-min-header{display:flex;flex-direction:column;gap:4px}.tp-min-name-lg{height:8px;border-radius:4px;width:65%}.tp-min-role-sm{height:4px;border-radius:2px;width:40%}.tp-divider-min{height:1px;margin:8px 0}.tp-min-body{display:flex;flex-direction:column}.tp-min-row{display:flex;gap:8px}.tp-min-col-left{width:14px;font-size:4.5px;font-weight:800;opacity:.9;padding-top:1px}.tp-min-col-right{flex:1;display:flex;flex-direction:column}.bold-layout{padding:0!important;gap:0!important}.tp-bold-header{padding:10px 12px;display:flex;gap:8px;align-items:center}.tp-bold-header-text{flex:1;display:flex;flex-direction:column;justify-content:center}.tp-bold-name-lg{height:7px;background:#fffffff2;border-radius:3px;width:75%;margin-bottom:4px}.tp-bold-role-sm{height:3.5px;background:#fff9;border-radius:2px;width:55%}.tp-bold-body{padding:8px 12px;flex:1;display:flex;flex-direction:column}.tp-skill-grid{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.tp-skill-chip-solid{height:7px;border-radius:3.5px;width:calc(50% - 2px)}.default-layout{padding:12px!important}.tp-header{display:flex;gap:8px;align-items:center;padding-bottom:8px;margin-bottom:8px}.tp-header-text{flex:1;display:flex;flex-direction:column;justify-content:center}.tp-def-name-lg{height:8px;border-radius:4px;width:70%;margin-bottom:4px}.tp-def-role-sm{height:4.5px;border-radius:2px;width:50%}.tp-def-body{display:flex;flex-direction:column}.ats-checker{padding:4px 0}.ats-gauge{position:relative;width:104px;height:104px;margin:0 auto 16px}.ats-gauge-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ats-score-num{font-size:24px;font-weight:800;line-height:1}.ats-score-label{font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:2px}.ats-stats{display:flex;justify-content:center;gap:24px;margin-bottom:16px}.ats-stat{text-align:center}.ats-stat-val{font-size:18px;font-weight:700;color:var(--text-primary)}.ats-stat-name{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ats-checks{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.ats-check-item{display:flex;align-items:center;gap:7px;padding:6px 8px;border-radius:var(--radius-sm);font-size:11px;border:1px solid transparent}.ats-check-item.pass{background:#22c55e0f;border-color:#22c55e26}.ats-check-item.fail{background:#ef44440d;border-color:#ef44441f}.ats-check-item.pass i{color:#22c55e;font-size:12px}.ats-check-item.fail i{color:#ef4444;font-size:12px}.ats-check-label{flex:1;color:var(--text-secondary);line-height:1.3}.ats-check-pts{font-size:10px;font-weight:700;color:var(--text-muted);flex-shrink:0}.ats-tip{font-size:11px;color:var(--text-muted);text-align:center;padding:8px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:var(--radius-sm);line-height:1.5}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#7c3aed0d;border:2px dashed rgba(124,58,237,.3);border-radius:4px;color:var(--accent-purple);font-size:11px;cursor:pointer}.image-placeholder i{font-size:24px;opacity:.7}.ls-core{position:absolute;top:56px;right:56px;bottom:56px;left:56px;border-radius:50%;animation:ls-pulse 2s ease-in-out infinite;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(124,58,237,.25) 0%,transparent 70%)}.ls-logo-icon{border-radius:16px;filter:drop-shadow(0 0 16px rgba(124,58,237,.7));animation:ls-pulse 2.5s ease-in-out infinite}.undo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1e1e2d;color:#f0f0ff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px #00000080;border:1px solid rgba(255,255,255,.1);z-index:9999;animation:toast-slide-up .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}@keyframes toast-slide-up{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.undo-toast-btn{background:transparent;border:none;color:#06b6d4;font-weight:700;font-size:13px;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.undo-toast-btn:hover{text-decoration:underline;color:#fff}.undo-toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#7c3aed;animation:toast-shrink 5s linear forwards}@keyframes toast-shrink{0%{width:100%}to{width:0%}}.editor-view{display:flex;flex-direction:column;height:100%;animation:fade-in .3s ease}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(to right,#13101f,#0e0e1a);border-bottom:1px solid var(--glass-border);flex-shrink:0;gap:12px;z-index:20}.editor-header-left{display:flex;align-items:center;gap:10px}.editor-header-right{display:flex;align-items:center;gap:8px}.editor-title-input{background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-weight:600;padding:5px 10px;max-width:200px;transition:var(--transition);outline:none}.editor-title-input:focus{border-color:var(--accent-purple);background:#7c3aed14}.editor-title-input::placeholder{color:var(--text-muted)}.btn-save{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--glass-border);color:var(--text-secondary);padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-save:hover{border-color:var(--accent-purple);color:var(--text-primary)}.formatting-toolbar{display:flex;align-items:center;padding:6px 16px;gap:4px;background:#0a0a16eb;border-bottom:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-shrink:0;overflow-x:auto;transition:opacity .2s}.formatting-toolbar.disabled{opacity:.35;pointer-events:none}.tb-divider{width:1px;height:22px;background:var(--glass-border);margin:0 6px;flex-shrink:0}.tb-select{background:var(--bg-surface);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer;outline:none;transition:var(--transition)}.tb-select:focus{border-color:var(--accent-purple)}.tb-font-size-group{display:flex;align-items:center;border:1px solid var(--glass-border);border-radius:6px;overflow:hidden}.tb-font-size-group button{background:none;border:none;color:var(--text-secondary);padding:4px 8px;cursor:pointer;font-size:14px;transition:var(--transition)}.tb-font-size-group button:hover{background:#ffffff0d;color:var(--text-primary)}.tb-font-size-input{width:42px;background:none;border:none;border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);color:var(--text-primary);font-size:13px;font-weight:600;text-align:center;outline:none;padding:4px 0}.color-picker-wrapper{position:relative;display:flex;align-items:center;gap:4px}.color-preview-btn{width:26px;height:26px;border-radius:6px;border:2px solid var(--glass-border);cursor:pointer;transition:var(--transition);padding:0}.color-preview-btn:hover{border-color:var(--accent-purple)}.hidden-color-input{position:absolute;left:0;top:0;width:26px;height:26px;opacity:0;cursor:pointer}.editor-body{display:flex;flex:1;overflow:hidden}.sidebar-rail{width:66px;flex-shrink:0;background:#0a0a14;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:4px;z-index:10}.rail-btn{display:flex;flex-direction:column;align-items:center;gap:3px;width:52px;padding:10px 4px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);font-size:10px;font-weight:500;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.rail-btn i{font-size:18px}.rail-btn:hover{color:#7c3aed;background:#7c3aed14}.rail-btn.active{color:var(--accent-purple);background:#7c3aed1a}.rail-page-controls{margin-top:auto;padding-top:12px;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.rail-page-btn{display:flex;flex-direction:column;align-items:center;gap:3px;width:52px;padding:8px 4px;border-radius:var(--radius-sm);border:none;background:#7c3aed14;color:var(--accent-purple);font-size:9px;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.rail-page-btn i{font-size:14px}.rail-page-btn:hover{background:#7c3aed2e}.rail-page-btn.delete{background:#ef444414;color:#ef4444}.rail-page-btn.delete:hover{background:#ef44442e}.rail-page-count{font-size:9px;color:var(--text-muted);font-weight:600;letter-spacing:.5px}.context-panel{width:300px;flex-shrink:0;background:#0a0a14b3;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden}.context-panel-inner{flex:1;overflow-y:auto;padding:18px 14px}.panel-title{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:14px;letter-spacing:.3px}.panel-sub{font-size:11px;color:var(--text-muted);margin-bottom:16px;line-height:1.5}.tmpl-sidebar-btn{width:100%;padding:12px 14px;text-align:left;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);margin-bottom:8px}.tmpl-sidebar-btn:hover{border-color:var(--accent-purple);color:var(--text-primary);background:#7c3aed14}.add-text-btn{width:100%;padding:14px;background:var(--bg-card);border:1px dashed var(--glass-border);border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:var(--transition);margin-bottom:8px;color:var(--text-primary)}.add-text-btn:hover{border-color:var(--accent-cyan);background:#06b6d40d}.add-text-heading{font-size:22px;font-weight:800}.add-text-subheading{font-size:16px;font-weight:600}.add-text-body{font-size:13px}.section-block-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition);margin-bottom:8px;text-align:left}.section-block-btn i{font-size:15px;color:var(--accent-purple);width:16px}.section-block-btn:hover{border-color:var(--accent-purple);color:var(--text-primary);transform:translate(3px)}.layer-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;color:var(--text-secondary);transition:var(--transition);border:1px solid transparent;margin-bottom:4px}.layer-item:hover{background:var(--bg-card);color:var(--text-primary)}.layer-item.selected{background:#7c3aed1a;border-color:#7c3aed4d;color:var(--text-primary)}.layer-item i{font-size:13px;color:var(--text-muted)}.canvas-wrapper{flex:1;overflow:auto;background:#111119;background-image:radial-gradient(circle at center,#18182a,#0c0c18 60%,#080810);display:flex;justify-content:center;align-items:flex-start;padding:40px;position:relative}.canvas-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.05) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.print-area{background:#fff;box-shadow:0 0 0 1px #7c3aed1f,0 30px 80px #000c,0 0 120px #7c3aed14;position:relative;transform-origin:top center;width:var(--a4-width);height:var(--a4-height);flex-shrink:0;transition:transform .15s ease}.canvas-element{position:absolute;outline:1px solid transparent;min-width:40px;min-height:16px;cursor:default}.canvas-element:hover{outline:1px dashed rgba(124,58,237,.5)}.canvas-element.selected{outline:2px solid var(--accent-purple);z-index:10}.element-content{width:100%;height:100%;outline:none;cursor:text;white-space:pre-wrap;word-wrap:break-word;line-height:1.4;overflow:hidden}.drag-handle{position:absolute;top:-22px;left:50%;transform:translate(-50%);background:var(--accent-purple);color:#fff;border-radius:4px;padding:2px 8px;font-size:11px;cursor:grab;display:none;align-items:center;justify-content:center;white-space:nowrap;box-shadow:0 2px 8px var(--accent-glow);z-index:20}.canvas-element.selected .drag-handle{display:flex}.drag-handle:active{cursor:grabbing}.resize-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid var(--accent-purple);border-radius:2px;z-index:20;box-shadow:0 2px 6px #0006}.resize-handle.nw{top:-5px;left:-5px;cursor:nw-resize}.resize-handle.n{top:-5px;left:50%;transform:translate(-50%);cursor:n-resize}.resize-handle.ne{top:-5px;right:-5px;cursor:ne-resize}.resize-handle.e{top:50%;right:-5px;transform:translateY(-50%);cursor:e-resize}.resize-handle.se{bottom:-5px;right:-5px;cursor:se-resize}.resize-handle.s{bottom:-5px;left:50%;transform:translate(-50%);cursor:s-resize}.resize-handle.sw{bottom:-5px;left:-5px;cursor:sw-resize}.resize-handle.w{top:50%;left:-5px;transform:translateY(-50%);cursor:w-resize}.zoom-control{position:fixed;bottom:20px;right:24px;display:flex;align-items:center;gap:10px;background:#0a0a1666;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:40px;padding:8px 16px;z-index:30;box-shadow:0 8px 32px #00000080;opacity:.5;transition:var(--transition)}.zoom-control:hover{opacity:1;background:#0a0a16e6}.zoom-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;transition:var(--transition)}.zoom-btn:hover{color:var(--text-primary);background:#ffffff0f}.zoom-label{font-size:12px;font-weight:600;color:var(--text-primary);min-width:42px;text-align:center}.grid-toggle-btn{position:fixed;bottom:20px;right:180px;background:#0a0a1666;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:40px;padding:8px 14px;font-size:12px;color:var(--text-muted);cursor:pointer;z-index:30;transition:var(--transition);opacity:.5}.grid-toggle-btn:hover{opacity:1;background:#0a0a16e6;color:var(--accent-cyan);border-color:#06b6d44d}.grid-toggle-btn.active{opacity:1;background:#0a0a16e6;color:var(--accent-cyan);border-color:#06b6d466}.undo-redo-group{display:flex;align-items:center;gap:2px}.undo-redo-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);font-size:14px;transition:var(--transition)}.undo-redo-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.undo-redo-btn:disabled{opacity:.25;cursor:not-allowed}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:fixed;left:0;top:0;width:var(--a4-width)!important;height:var(--a4-height)!important;transform:scale(1)!important;margin:0!important;padding:0!important;box-shadow:none!important}.canvas-element{outline:none!important}.drag-handle,.resize-handle{display:none!important}@page{size:A4 portrait;margin:0}}.sidebar-groupby{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:12px;padding:8px 10px;background:#ffffff06;border:1px solid var(--glass-border);border-radius:var(--radius-sm)}.sidebar-groupby-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-right:4px;font-weight:600}.sidebar-groupby-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);border-radius:10px;padding:3px 9px;font-size:10px;font-weight:500;cursor:pointer;transition:all .15s ease}.sidebar-groupby-btn:hover{color:var(--text-secondary);border-color:#7c3aed4d}.sidebar-groupby-btn.active{color:var(--accent-purple);border-color:var(--accent-purple);background:#7c3aed1a}.sidebar-group{margin-bottom:12px}.sidebar-group-header{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;padding:4px 2px;border-bottom:1px solid var(--glass-border);color:var(--text-muted)}.tmpl-sidebar-btn{display:flex;align-items:center}.sidebar-format-tag{font-size:9px;font-weight:700;padding:2px 6px;border-radius:8px;border:1px solid;white-space:nowrap;letter-spacing:.3px;flex-shrink:0}.add-text-btn{display:block;width:100%;text-align:left;background:#ffffff08;border:1px dashed var(--glass-border);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 14px;margin-bottom:8px;cursor:pointer;transition:var(--transition);font-family:inherit}.add-text-btn:hover{border-color:#7c3aed66;background:#7c3aed0d;color:var(--text-primary)}.add-text-btn.heading{font-size:18px;font-weight:700}.add-text-btn.subheading{font-size:14px;font-weight:600}.add-text-btn.body{font-size:12px;font-weight:400}.page-break-line{position:absolute;left:0;right:0;height:1px;background:repeating-dashed-gradient(to right,transparent,transparent 10px,var(--accent-purple) 10px,var(--accent-purple) 20px)!important;background-image:repeating-linear-gradient(to right,var(--text-muted) 0,var(--text-muted) 8px,transparent 8px,transparent 16px);z-index:5;pointer-events:none}.page-break-line span{position:absolute;right:-60px;top:-9px;font-size:10px;color:var(--text-muted);background:var(--bg-surface);padding:2px 6px;border-radius:10px;border:1px solid var(--glass-border)}.add-page-wrapper{width:794px;display:flex;justify-content:center;margin-top:24px;padding-bottom:40px}.add-page-btn{background:transparent;border:1px dashed var(--text-muted);color:var(--text-secondary);padding:10px 24px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}.add-page-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:#7c3aed0d}[data-theme=light] .editor-header{background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .formatting-toolbar{background:#fffffffa;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .sidebar-rail{background:#f0f0f7cc;border-right:1px solid rgba(0,0,0,.1)}[data-theme=light] .rail-btn i,[data-theme=light] .rail-btn span,[data-theme=light] .rail-page-btn i,[data-theme=light] .rail-page-btn span,[data-theme=light] .rail-page-count{color:#444}[data-theme=light] .rail-btn:hover i,[data-theme=light] .rail-btn:hover span,[data-theme=light] .rail-page-btn:hover i,[data-theme=light] .rail-page-btn:hover span{color:#7c3aed}[data-theme=light] .context-panel{background:#fff;border-right:1px solid rgba(0,0,0,.1)}[data-theme=light] .panel-title{color:#111}[data-theme=light] .panel-sub{color:#555}[data-theme=light] .add-text-btn,[data-theme=light] .section-block-btn,[data-theme=light] .layer-item{color:#333}[data-theme=light] .add-text-btn:hover,[data-theme=light] .section-block-btn:hover,[data-theme=light] .layer-item:hover{background:#0000000d;color:#000}[data-theme=light] .sidebar-groupby-label{color:#444}[data-theme=light] .sidebar-groupby-btn{border-color:#0003;color:#444}[data-theme=light] .sidebar-groupby-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}[data-theme=light] .canvas-wrapper{background:#e2e2e8}[data-theme=light] .tb-select,[data-theme=light] .tb-font-size-group{background:#fff;border-color:#0003;color:#111}[data-theme=light] .tb-font-size-group button{color:#333}[data-theme=light] .tb-font-size-group button:hover{background:#0000000d}[data-theme=light] .tb-font-size-input{color:#111}[data-theme=light] .print-area{background:transparent;box-shadow:none}[data-theme=light] .editor-title-input{color:#111}[data-theme=light] .btn-save,[data-theme=light] .btn-preview,[data-theme=light] .undo-redo-btn,[data-theme=light] .btn-icon{color:#222}[data-theme=light] .btn-icon:hover,[data-theme=light] .undo-redo-btn:hover{background:#00000014}[data-theme=light] .toolbar-btn{color:#333}[data-theme=light] .toolbar-btn:hover,[data-theme=light] .toolbar-btn.active{background:#7c3aed26;color:var(--accent-purple)}[data-theme=light] .color-picker-flyout{background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 8px 32px #0000001a}[data-theme=light] .color-swatch{border-color:#0000001a}[data-theme=light] .color-hex-input{background:#f0f0f7;border:1px solid rgba(0,0,0,.1);color:#000}.canvas-pages-layer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1}.canvas-page-bg{position:absolute;left:0;right:0;background:#fff;box-shadow:0 4px 20px #00000026}.page-number-label{position:absolute;top:-24px;left:0;font-size:13px;font-weight:600;color:var(--text-muted)}.canvas-elements-layer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;color:#111}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);width:90%;max-width:400px;animation:fadeUp .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--glass-border)}.modal-header h3{margin:0;font-size:16px}.btn-cancel{background:transparent;border:1px solid var(--glass-border);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-weight:500}.btn-cancel:hover{background:#ffffff0d}.canvas-element:hover{cursor:move}.canvas-element[contenteditable=true]:hover{cursor:text}body.preview-mode .sidebar-rail,body.preview-mode .context-panel,body.preview-mode .formatting-toolbar,body.preview-mode .zoom-control,body.preview-mode .grid-toggle-btn,body.preview-mode .canvas-grid,body.preview-mode .page-break-line,body.preview-mode .add-page-wrapper,body.preview-mode .drag-handle,body.preview-mode .resize-handle{display:none!important}body.preview-mode .canvas-element{outline:none!important;border:none!important;cursor:default!important}body.preview-mode .canvas-element.selected{outline:none!important}body.preview-mode .editor-header-left,body.preview-mode .btn-save,body.preview-mode .theme-toggle-btn{visibility:hidden}body.preview-mode .editor-header{justify-content:flex-end;background:transparent!important;border:none!important}body.preview-mode .canvas-wrapper{background:#111!important}.btn-preview{background:transparent;border:1px solid var(--glass-border);color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;margin-right:8px;transition:var(--transition)}.btn-preview:hover{background:#ffffff0d}[data-theme=light] .btn-preview{color:#333}.save-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#14141ef2;border:1px solid var(--glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:14px;z-index:9999;box-shadow:0 10px 30px #00000080;animation:save-toast-slide-up .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}[data-theme=light] .save-toast{background:#fffffff2;color:#111;border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 30px #00000026}.save-toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#22c55e;animation:save-toast-shrink 3s linear forwards}@keyframes save-toast-slide-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes save-toast-shrink{0%{width:100%}to{width:0%}}@media(max-width:1024px){.context-panel{width:260px}.home-sidebar{width:200px}}@media(max-width:768px){html,body,#root{overflow-x:hidden}.home-header{padding:12px 16px;flex-direction:row;flex-wrap:wrap;gap:10px}.home-body{flex-direction:column}.home-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--glass-border);padding:8px 12px;gap:4px}.home-nav-item{width:auto}.home-main{padding:16px}.template-gallery{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.template-card-wrapper{width:100%}.template-card{height:185px}.tmpl-label{font-size:9px}.recent-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.recent-card-title{max-width:90px}.editor-body{flex-direction:column}.editor-header{flex-wrap:nowrap!important;padding:6px 8px;gap:4px;align-items:center;overflow:hidden}.editor-header-left{width:auto;flex:1 1 auto;min-width:0;margin-bottom:0;gap:4px;flex-wrap:nowrap}.editor-header-left>div span{display:none}.editor-header-left>div{flex-shrink:0}.editor-title-input{flex:1 1 auto;min-width:40px;max-width:130px;font-size:11px;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-header-left>span,.editor-header-right>span{display:none!important}.undo-redo-group{display:flex;flex-shrink:0!important;gap:2px;margin-left:2px}.undo-redo-btn{padding:4px 6px;font-size:13px;flex-shrink:0}.editor-header-right{width:auto;flex:0 0 auto;flex-shrink:0;gap:6px;flex-wrap:nowrap;align-items:center}.editor-header-right button{flex-shrink:0!important}.btn-preview,.btn-save{background:transparent!important;border:none!important;padding:4px;margin:0;box-shadow:none!important}.btn-preview i,.btn-save i{margin:0!important;font-size:15px}.editor-header-right .theme-toggle-btn{position:static!important;padding:4px;border-radius:8px;border:none;background:transparent;gap:0;margin:0}.editor-header-right{width:auto;flex-shrink:0;gap:4px}.btn-preview span,.btn-save span{display:none}.btn-glow{font-size:11px;padding:6px 10px;white-space:nowrap}.formatting-toolbar{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding:6px 10px;justify-content:flex-start;gap:4px}.formatting-toolbar::-webkit-scrollbar{display:none}.tb-divider{display:none}.sidebar-rail{width:100%;flex-direction:row;height:auto;min-height:46px;justify-content:flex-start;align-items:center;order:0;border-right:none;border-bottom:1px solid var(--glass-border);padding:0 8px;gap:2px;overflow-x:auto}.sidebar-rail::-webkit-scrollbar{display:none}.rail-btn{flex-direction:row;gap:5px;width:auto;flex-shrink:0;padding:8px 10px;font-size:11px}.rail-btn i{font-size:14px}.rail-page-controls{flex-direction:row;align-items:center;margin-top:0;margin-left:auto;padding:0 4px 0 8px;border-top:none;border-left:1px solid var(--glass-border);gap:4px;width:auto;flex-shrink:0}.rail-page-btn{flex-direction:row;gap:4px;width:auto;padding:6px 8px;font-size:9px}.rail-page-btn i{font-size:11px}.rail-page-btn span{display:none}.rail-page-count{font-size:9px;white-space:nowrap}.context-panel{width:100%;max-height:200px;overflow-y:auto;border-right:none;border-bottom:1px solid var(--glass-border)}.canvas-wrapper{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:24px 0 100px}.print-area{transform-origin:top center!important;flex-shrink:0}.zoom-control{position:fixed;bottom:14px;left:50%;right:auto;transform:translate(-50%);opacity:.2;transition:opacity .25s}.zoom-control:hover,.zoom-control:focus-within{opacity:.95}.grid-toggle-btn{display:none}}@media(max-width:480px){.home-logo-text{font-size:18px}.editor-title-input{max-width:110px;font-size:12px}.template-gallery,.recent-grid{grid-template-columns:repeat(2,1fr)}.rail-btn span{display:none}.rail-btn{padding:8px}.rail-btn i{font-size:16px}}:root{--bg-deep: #07070f;--bg-surface: #0e0e1a;--bg-card: rgba(255, 255, 255, .045);--bg-card-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .09);--glass-blur: blur(24px);--accent-purple: #7c3aed;--accent-violet: #6d28d9;--accent-cyan: #06b6d4;--accent-pink: #ec4899;--accent-glow: rgba(124, 58, 237, .35);--accent-glow2: rgba(6, 182, 212, .25);--text-primary: #f0f0ff;--text-secondary: #b4b4d8;--text-muted: #8a8aa8;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--shadow-card: 0 8px 40px rgba(0, 0, 0, .55), 0 1px 1px rgba(255, 255, 255, .04);--shadow-glow: 0 0 40px var(--accent-glow);--shadow-glow2: 0 0 30px var(--accent-glow2);--transition: .25s cubic-bezier(.4, 0, .2, 1);--a4-width: 794px;--a4-height: 1123px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text-primary);overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7c3aed59;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.flex-1{flex:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.cursor-pointer{cursor:pointer}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-bold{font-weight:700}.font-medium{font-weight:500}.glass{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.btn-glow{background:linear-gradient(135deg,var(--accent-purple),var(--accent-violet));color:#fff;border:none;border-radius:var(--radius-sm);padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 20px var(--accent-glow);letter-spacing:.3px}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow);filter:brightness(1.1)}.btn-glow:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:7px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition)}.btn-ghost:hover{border-color:var(--accent-purple);color:var(--text-primary);background:#7c3aed14}.btn-icon{background:transparent;border:none;color:var(--text-secondary);padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;font-size:14px}.btn-icon:hover{color:var(--text-primary);background:#ffffff0f}.btn-icon.active{color:var(--accent-purple);background:#7c3aed26}