.hero{padding:140px 2rem 80px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:1.2rem;position:relative;animation:fadeUp .6s ease-out}.hero h1 .highlight{background:linear-gradient(135deg,var(--accent),#ff9f1a,var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.2rem;color:var(--text-dim);max-width:600px;margin:0 auto 2.5rem;line-height:1.6;animation:fadeUp .6s ease-out .1s both}.trust-badges{display:flex;justify-content:center;gap:2rem;margin-top:2rem;flex-wrap:wrap;animation:fadeUp .6s ease-out .2s both}.trust-badge{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:.85rem}.trust-badge svg{color:var(--success);flex-shrink:0}.tools-section{padding:60px 2rem 80px;max-width:1200px;margin:0 auto}.section-label{text-align:center;color:var(--accent);font-size:.85rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem}.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:3rem}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.tool-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.8rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;animation:fadeUp .5s ease-out both;text-decoration:none;color:inherit;display:block}.tool-card:nth-child(1){animation-delay:.05s}.tool-card:nth-child(2){animation-delay:.1s}.tool-card:nth-child(3){animation-delay:.15s}.tool-card:nth-child(4){animation-delay:.2s}.tool-card:nth-child(5){animation-delay:.25s}.tool-card:nth-child(6){animation-delay:.3s}.tool-card:nth-child(7){animation-delay:.35s}.tool-card:nth-child(8){animation-delay:.4s}.tool-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 40px var(--accent-glow)}.tool-card .icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:1rem}.tool-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.tool-card p{color:var(--text-dim);font-size:.85rem;line-height:1.5}.tool-card .badge{position:absolute;top:12px;right:12px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.icon-merge{background:linear-gradient(135deg,#4da6ff22,#4da6ff11);color:#4da6ff}.icon-split{background:linear-gradient(135deg,#ff6b3522,#ff6b3511);color:#ff6b35}.icon-rotate{background:linear-gradient(135deg,#c084fc22,#c084fc11);color:#c084fc}.icon-reorder{background:linear-gradient(135deg,#fbbf2422,#fbbf2411);color:#fbbf24}.icon-delete{background:linear-gradient(135deg,#ff475722,#ff475711);color:#ff4757}.icon-extract{background:linear-gradient(135deg,#fb923c22,#fb923c11);color:#fb923c}.icon-watermark{background:linear-gradient(135deg,#06b6d422,#06b6d411);color:#06b6d4}.icon-edit{background:linear-gradient(135deg,#34d39922,#34d39911);color:#34d399}@media(max-width:768px){.hero{padding:120px 1rem 60px}.tools-section{padding:40px 1rem 60px}}.workspace{max-width:1200px;margin:80px auto 40px;padding:0 2rem}.workspace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.workspace-header h2{font-size:1.5rem;font-weight:700}.back-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.9rem;display:flex;align-items:center;gap:8px;transition:all .2s;text-decoration:none}.back-btn:hover{border-color:var(--accent)}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:4rem 2rem;text-align:center;background:var(--surface);transition:all .3s;cursor:pointer;position:relative}.drop-zone:hover,.drop-zone.dragover{border-color:var(--accent);background:var(--surface-2);box-shadow:0 0 60px var(--accent-glow)}.drop-zone .drop-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.drop-zone h3{font-size:1.2rem;margin-bottom:.5rem}.drop-zone p{color:var(--text-dim);font-size:.9rem}.drop-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}.page-thumb{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all .25s;position:relative}.page-thumb:hover{border-color:var(--accent);transform:scale(1.03)}.page-thumb.selected{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.page-thumb canvas{width:100%;display:block;background:#fff}.page-thumb .page-label{padding:6px 10px;font-size:.75rem;color:var(--text-dim);text-align:center;background:var(--surface-2)}.page-thumb .page-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--accent);border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff;font-size:14px}.page-thumb.selected .page-check{display:flex}.action-bar{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0;padding:1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center}.action-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.action-btn.primary:hover{background:var(--accent-2)}.action-btn.danger{color:var(--danger)}.action-btn.danger:hover{border-color:var(--danger)}.file-list{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.file-item{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem 1rem}.file-item .file-name{flex:1;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item .file-size{color:var(--text-dim);font-size:.8rem}.file-item .file-drag{cursor:grab;color:var(--text-dim);font-size:1.2rem;-webkit-user-select:none;user-select:none}.file-item .file-remove{background:none;border:none;color:var(--danger);cursor:pointer;font-size:1.1rem;padding:4px}.option-group{display:flex;flex-direction:column;gap:.8rem;margin:1rem 0;padding:1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.option-group label{font-size:.85rem;color:var(--text-dim);font-weight:500}.option-group input[type=text],.option-group input[type=number],.option-group select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:var(--radius-sm);font-family:inherit;font-size:.9rem;width:100%}.option-group input:focus,.option-group select:focus{outline:none;border-color:var(--accent)}.option-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.5rem;display:flex;align-items:center;gap:10px;font-size:.9rem;box-shadow:0 10px 40px #0006;transform:translateY(calc(100% + 3rem));transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:1000}.toast.show{transform:translateY(0)}.toast.success{border-color:var(--success)}.toast.error{border-color:var(--danger)}.ad-banner{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem;text-align:center;margin:2rem 0;color:var(--text-dim);font-size:.8rem;position:relative}.ad-banner:before{content:"AD";position:absolute;top:8px;right:12px;font-size:.6rem;font-weight:700;color:var(--text-dim);opacity:.5}.ad-banner .ad-inner{border:1px dashed var(--border);border-radius:8px;padding:2rem;color:var(--text-dim)}.progress-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:500}.progress-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:3rem;text-align:center;min-width:300px}.progress-card .spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 1.5rem}.progress-card p{color:var(--text-dim);font-size:.95rem}@media(max-width:768px){.workspace{padding:0 1rem}.page-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.action-bar{flex-direction:column}.option-row{grid-template-columns:1fr}}.edit-workspace{display:flex;flex-direction:column;gap:1rem}.edit-page-nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.8rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.edit-page-nav button{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.85rem;transition:all .2s}.edit-page-nav button:hover{border-color:var(--accent);color:var(--accent)}.edit-page-nav span{color:var(--text-dim);font-size:.9rem}.edit-toolbar{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.8rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.edit-toolbar .tool-btn{background:var(--surface-2);border:2px solid var(--border);color:var(--text);padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s}.edit-toolbar .tool-btn:hover{border-color:var(--accent);color:var(--accent)}.edit-toolbar .tool-btn.active{border-color:var(--accent);color:var(--accent);background:#ff6b3515}.edit-toolbar .color-preview{width:32px;height:32px;border:2px solid var(--border);border-radius:6px;cursor:pointer;position:relative}.edit-toolbar .color-hex{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:.8rem;width:90px}.edit-toolbar .color-hex:focus{outline:none;border-color:var(--accent)}.edit-toolbar .separator{width:1px;height:28px;background:var(--border);margin:0 4px}.edit-toolbar label{color:var(--text-dim);font-size:.8rem;font-weight:500}.edit-toolbar .font-size-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius-sm);font-family:inherit;font-size:.85rem;width:60px}.edit-toolbar .font-size-input:focus{outline:none;border-color:var(--accent)}.edit-toolbar .text-color-input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius-sm);font-family:JetBrains Mono,monospace;font-size:.8rem;width:90px}.edit-toolbar .text-color-input:focus{outline:none;border-color:var(--accent)}.edit-toolbar .font-select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:var(--radius-sm);font-family:inherit;font-size:.85rem;width:150px;cursor:pointer}.edit-toolbar .font-select:focus{outline:none;border-color:var(--accent)}.edit-main{display:flex;gap:1rem;min-height:500px}.edit-canvas-container{flex:1;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:1rem;min-height:500px}.edit-canvas-wrapper{position:relative;display:inline-block;line-height:0}.edit-canvas-wrapper canvas{display:block;max-width:100%;height:auto}.edit-canvas-over{position:absolute;top:0;left:0;cursor:crosshair}.edit-history{width:260px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;max-height:600px}.edit-history-header{padding:.8rem 1rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:space-between}.edit-history-header button{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.8rem;font-family:inherit;padding:4px 8px;border-radius:4px;transition:all .2s}.edit-history-header button:hover{color:var(--danger);background:var(--surface-2)}.edit-history-list{flex:1;overflow-y:auto;padding:.5rem}.edit-history-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .6rem;border-radius:6px;font-size:.8rem;color:var(--text-dim);transition:background .15s}.edit-history-item:hover{background:var(--surface-2)}.edit-history-item .item-label{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-history-item .item-remove{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;padding:2px 4px;border-radius:4px;opacity:0;transition:all .15s;flex-shrink:0}.edit-history-item:hover .item-remove{opacity:1}.edit-history-item .item-remove:hover{color:var(--danger)}.edit-history-empty{padding:2rem 1rem;text-align:center;color:var(--text-dim);font-size:.8rem;opacity:.6}.edit-save-bar{padding:.8rem 1rem;border-top:1px solid var(--border)}.edit-save-bar button{width:100%;background:var(--accent);border:none;color:#fff;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.edit-save-bar button:hover{background:var(--accent-2)}.text-input-overlay{position:absolute;z-index:10;display:none}.text-input-overlay.active{display:flex;flex-direction:column}.text-input-overlay textarea{background:#ffffff26;border:1px dashed rgba(153,153,153,.5);border-radius:0;color:#000;font-family:Noto Sans KR,Outfit,sans-serif;padding:4px 6px;resize:both;min-width:120px;min-height:30px;outline:none;cursor:grab;-webkit-user-select:none;user-select:none}.text-input-overlay textarea:active:not(.editing){cursor:grabbing}.text-input-overlay textarea.editing{cursor:text;-webkit-user-select:text;user-select:text;background:#ffffff4d;border:1px solid var(--accent)}.text-input-overlay .text-confirm-btn{position:absolute;bottom:-32px;right:0;background:var(--accent);border:none;color:#fff;padding:4px 12px;border-radius:0;cursor:pointer;font-family:inherit;font-size:.75rem;font-weight:600}.text-input-overlay .text-cancel-btn{position:absolute;bottom:-32px;right:56px;background:var(--surface-3);border:1px solid var(--border);color:var(--text);padding:4px 12px;border-radius:0;cursor:pointer;font-family:inherit;font-size:.75rem}.tool-btn.has-tooltip{position:relative}.tool-btn.has-tooltip:after{content:attr(data-tooltip);position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;background:var(--surface);color:var(--text);border:1px solid var(--border);padding:6px 10px;border-radius:6px;font-size:.72rem;white-space:pre-line;pointer-events:none;opacity:0;transition:opacity .15s;z-index:100;min-width:max-content}.tool-btn.has-tooltip:hover:after{opacity:1}@media(max-width:768px){.edit-main{flex-direction:column}.edit-history{width:100%;max-height:200px}}.subpage{max-width:800px;margin:100px auto 40px;padding:0 2rem}.subpage h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.subpage .subtitle{color:var(--text-dim);font-size:.95rem;margin-bottom:2rem}.lang-toggle{display:flex;gap:.5rem;margin-bottom:2rem}.lang-toggle button{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);padding:8px 20px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:500;transition:all .2s}.lang-toggle button.active{background:var(--accent);border-color:var(--accent);color:#fff}.lang-section{display:none}.lang-section.active{display:block}.lang-section h2{font-size:1.3rem;font-weight:600;margin-top:2rem;margin-bottom:.8rem;color:var(--text)}.lang-section h3{font-size:1.1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem}.lang-section p{color:var(--text-dim);font-size:.9rem;line-height:1.7;margin-bottom:.8rem}.lang-section ul{color:var(--text-dim);font-size:.9rem;line-height:1.7;margin-left:1.5rem;margin-bottom:.8rem}.lang-section a{color:var(--accent);text-decoration:none}.lang-section a:hover{text-decoration:underline}.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;margin:1.5rem 0}.contact-card h3{margin-top:0}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.contact-grid-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.2rem}.contact-grid-item .icon{font-size:1.5rem;margin-bottom:.5rem}.contact-grid-item h4{font-size:.95rem;font-weight:600;margin-bottom:.3rem}.contact-grid-item p{color:var(--text-dim);font-size:.8rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.feature-card .icon{font-size:2rem;margin-bottom:.8rem}.feature-card h3{margin-top:0;font-size:1rem}.tools-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin:1rem 0}.tools-list-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem 1rem;font-size:.85rem}:root{--bg: #0a0a0f;--surface: #12121a;--surface-2: #1a1a26;--surface-3: #222233;--border: #2a2a3d;--text: #e8e8f0;--text-dim: #a0a0b8;--accent: #ff6b35;--accent-glow: #ff6b3540;--accent-2: #ff8f65;--success: #3dd68c;--danger: #ff4757;--info: #4da6ff;--radius: 12px;--radius-sm: 8px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg)ee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.35rem;color:var(--text);text-decoration:none}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),#ff9f1a);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;font-weight:700}.logo span{color:var(--accent)}nav{display:flex;align-items:center;gap:1.5rem}nav a{color:var(--text-dim);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}nav a:hover{color:var(--text)}.nav-cta{background:var(--accent)!important;color:#fff!important;padding:8px 18px;border-radius:var(--radius-sm);font-weight:600}.lang-switch-btn{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--border);padding:5px 12px;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px}.lang-switch-btn:hover{color:var(--text);border-color:var(--accent);background:var(--surface-3)}footer{border-top:1px solid var(--border);padding:3rem 2rem;text-align:center;margin-top:4rem}footer p{color:var(--text-dim);font-size:.8rem}footer .footer-links{display:flex;justify-content:center;gap:2rem;margin-top:1rem}footer .footer-links a{color:var(--text-dim);text-decoration:none;font-size:.8rem}footer .footer-links a:hover{color:var(--accent)}@media(max-width:768px){header{padding:0 1rem}nav a:not(.nav-cta):not(.lang-switch-btn){display:none}}