:root{--bg:#f4f7fb;--panel:#fff;--panel-soft:#edf3ff;--line:#d9e3f1;--text:#132238;--muted:#5c6e86;--brand:#1273ea;--brand-dark:#0d58b5;--ok:#0f9d6f;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:28px;--shadow:0 12px 28px #13223814;--background:var(--bg);--surface:var(--panel);--surface-hover:var(--panel-soft);--border:var(--line);--text-primary:var(--text);--text-secondary:var(--muted);--text-muted:#7f90a8;--primary:var(--brand)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 10% 0%,#dbe9ff 0%,transparent 35%),radial-gradient(circle at 85% 100%,#d9f4ec 0%,transparent 40%),var(--bg);min-height:100vh;color:var(--text);font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:100;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;min-height:65px;margin:0 auto;padding:1rem;display:flex}.site-header-left{align-items:center;gap:2rem;display:flex}.site-header-right{align-items:center;gap:.5rem;display:inline-flex}.site-logo{color:inherit;flex-direction:row;align-items:center;gap:.5rem;text-decoration:none;display:flex}.site-logo:hover{color:inherit}.site-logo-icon{color:var(--primary);font-feature-settings:"liga";font-size:1.875rem;font-weight:700;line-height:1}.site-logo-text{color:var(--text-primary);letter-spacing:-.5px;font-size:1.25rem;font-weight:700;line-height:1}.site-nav-link{height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 .55rem;font-size:.87rem;font-weight:600;transition:color .2s;display:inline-flex}.site-nav-link:hover{color:var(--text-primary)}.locale-switch-link{height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.86rem;font-weight:600;transition:all .2s;display:inline-flex}.locale-switch-link:hover{color:var(--text-primary);background:#f5f9ff}.locale-switch-icon{justify-content:center;align-items:center;width:18px;height:18px;line-height:1;display:inline-flex}.locale-switch-code{letter-spacing:.04em;font-size:.78rem;font-weight:700}.site-main{flex:1;width:100%}.site-footer{border-top:1px solid var(--line);background:#ffffffe6;margin-top:0}.site-footer-inner{justify-content:space-between;align-items:flex-start;gap:1.25rem;width:100%;max-width:1200px;min-height:78px;margin:0 auto;padding:1.4rem 1rem 1.65rem;display:flex}.site-footer-brand{flex-direction:column;gap:.35rem;display:flex}.site-footer-logo{color:var(--text-primary);letter-spacing:-.5px;font-size:1.25rem;font-weight:700;line-height:1}.site-footer-copy,.site-footer-disclaimer{color:var(--muted);margin:0;font-size:.8rem;line-height:1.35}.site-footer-disclaimer{max-width:760px;font-size:.78rem;line-height:1.48}.site-footer-link{color:var(--text-secondary);margin-top:.15rem;font-size:.92rem;font-weight:600;text-decoration:none}.material-symbols-outlined{white-space:nowrap;text-transform:none;letter-spacing:normal;word-wrap:normal;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;direction:ltr;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;display:inline-block}.site-logo-icon.material-symbols-outlined{color:var(--primary);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 700,"GRAD" 0,"opsz" 24;font-size:1.875rem;font-weight:700;line-height:1}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 1rem}.tools-breadcrumb-wrap{padding-top:.7rem}.auto-breadcrumb{width:100%;color:var(--text-secondary);white-space:nowrap;justify-content:flex-start;align-items:center;gap:.6rem;margin-bottom:.95rem;font-size:.875rem;display:flex;overflow-x:auto}.crumb-item{align-items:center;gap:.65rem;display:inline-flex}.crumb-link{color:var(--text-secondary);cursor:pointer;padding:.1rem 0;font-weight:500;text-decoration:none}.crumb-link:visited,.crumb-link:active{color:var(--text-secondary)}.crumb-link:hover{color:var(--text-primary);text-decoration:underline}.crumb-separator{color:var(--text-muted);margin:0 .15rem}.page-wrap{width:100%;max-width:1080px;margin:0 auto;padding:1.25rem 1rem 1.5rem}.hero-block{text-align:center;margin-bottom:1.65rem}.hero-block-tools{border-radius:var(--radius-xl);color:#fff;background:radial-gradient(at top,#1e293b 0%,#0f172a 72%);padding:3.1rem 1.25rem 2.6rem;position:relative;overflow:hidden}.hero-block-tools:before{content:"";filter:blur(54px);pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f629 0%,#0000 70%);width:860px;height:560px;position:absolute;top:-36%;left:50%;transform:translate(-50%)}.hero-grid-overlay{pointer-events:none;z-index:1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 78%);mask-image:radial-gradient(#000 35%,#0000 78%)}.hero-block-inner{z-index:2;max-width:780px;margin:0 auto;position:relative}.hero-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.7rem;margin-bottom:1.45rem;padding:.5rem 1.15rem;display:inline-flex}.badge-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #10b98199}.badge-text{color:#e2e8f0;letter-spacing:.01em;font-size:.86rem;font-weight:600}.badge-divider{color:#ffffff57;font-size:.75rem}.hero-block-tools h1{letter-spacing:-.025em;color:#fff;margin:0 0 .95rem;font-size:clamp(2rem,4.6vw,3.05rem);line-height:1.14}.hero-description{color:#a3b0c4;max-width:620px;margin:0 auto;font-size:1.03rem;line-height:1.65}.hero-nav-chips{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.55rem;display:flex}.hero-nav-chip{color:#d8e0ec;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;align-items:center;padding:.42rem .86rem;font-size:.83rem;font-weight:500;display:inline-flex}.hero-kicker{color:#1f4f93;background:#ebf3ff;border:1px solid #cfe0fa;border-radius:999px;align-items:center;margin:0;padding:.26rem .62rem;font-size:.76rem;font-weight:700;line-height:1.2;display:inline-flex}.tool-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius-md);min-height:220px;box-shadow:var(--shadow);cursor:pointer;background:linear-gradient(160deg,#fff 0%,#f7fbff 100%);flex-direction:column;gap:.8rem;padding:1.35rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.tool-card:hover{border-color:var(--brand);transform:translateY(-4px);box-shadow:0 16px 28px #1273ea26}.tool-card-label{border:0;border-radius:999px;align-self:flex-start;align-items:center;min-height:24px;padding:.18rem .58rem;font-size:.75rem;font-weight:500;line-height:1.2;display:inline-flex}.tool-card-label-image{color:#a32963;background:#ffeaf3}.tool-card-label-document{color:#4e3ca5;background:#efe9ff}.tool-card-label-text{color:#166447;background:#e7f8ee}.tool-card-label-calculator{color:#8b5e00;background:#fff6de}.tool-card-label-design{color:#0e5f97;background:#e7f6ff}.tool-card-label-utility{color:#3b4a61;background:#eef2f8}.tool-card-icon{width:46px;height:46px;color:var(--brand-dark);text-align:center;background:linear-gradient(160deg,#e9f3ff 0%,#d9eaff 100%);border-radius:12px;justify-content:center;align-self:flex-start;align-items:center;display:flex;overflow:hidden}.tool-card-icon>.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24;font-size:1.5rem;line-height:1;display:block;transform:translateY(0)}.tool-card h2,.tool-card h3,.tool-card-title{margin:0;font-size:1.08rem;line-height:1.35}.tool-card p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.tool-card-link{color:var(--brand-dark);align-items:center;gap:.25rem;margin-top:auto;font-size:.9rem;font-weight:700;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.tool-card:hover .tool-card-link{color:var(--brand);gap:.4rem}.tool-detail-page{padding-top:.45rem}.tool-hero{text-align:left;max-width:840px;margin-bottom:1rem}.tool-hero h1{margin:.45rem 0 .65rem;font-size:clamp(1.7rem,3.8vw,2.35rem);line-height:1.3}.tool-hero p{color:var(--text-secondary);margin:0;line-height:1.65}.tool-main-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow);padding:1.2rem}.tool-content-block{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);margin-top:1rem;padding:1.2rem}.tool-content-block h2{margin:0 0 .7rem;font-size:1.1rem}.tool-content-block ol,.tool-content-block p{color:var(--text-secondary);margin:0;line-height:1.7}.tool-content-block ol{padding-left:1.2rem}.tool-ad-section{min-height:120px;margin-top:1rem}.manual-ad-slot{background:0 0;border:0;border-radius:0;width:100%;min-height:120px;padding:0;display:block}.tool-related-section{margin-top:1rem}.tool-related-section h2{margin:0 0 .85rem;font-size:1.1rem}.related-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-bottom-copy p{font-size:.97rem}.tool-reference-guide{margin-top:.1rem}.tool-usecase-list{margin:0;padding-left:1.15rem}.tool-usecase-list li{color:var(--text-secondary);font-size:.91rem;line-height:1.68}.tool-usecase-list li+li{margin-top:.36rem}.tool-reference-note{color:var(--text-secondary);margin:.5rem 0 0;font-size:.9rem;line-height:1.62}.tool-reference-grid{grid-template-columns:1fr;gap:.65rem;margin-top:.72rem;display:grid}.tool-reference-group{background:#f8fbff;border:1px solid #deebff;border-radius:12px;padding:.72rem .8rem}.tool-reference-group h4{color:#19406f;margin:0;font-size:.92rem;line-height:1.45}.tool-reference-group ul{margin:.42rem 0 0;padding-left:1.1rem}.tool-reference-group li{color:var(--text-secondary);font-size:.88rem;line-height:1.58}.tool-intent-links{flex-wrap:wrap;gap:.5rem;display:flex}.tool-intent-link{color:#1f4f93;cursor:pointer;background:#f7fbff;border:1px solid #d7e5fb;border-radius:999px;align-items:center;min-height:34px;padding:.35rem .72rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.tool-intent-link:hover{color:#174078;background:#f0f7ff;border-color:#9dc2f5}.tool-widget{flex-direction:column;gap:.95rem;display:flex}.tool-inline-grid{grid-template-columns:1fr;gap:.55rem;display:grid}.tool-inline-grid.two-col,.tool-inline-grid.three-col{grid-template-columns:minmax(120px,auto) 1fr}.field-label{color:var(--text-primary);align-items:center;font-size:.92rem;font-weight:600;display:flex}.field-note{color:var(--text-secondary);margin:0;font-weight:600}.tool-widget input,.tool-widget select,.tool-widget textarea{border:1px solid var(--line);width:100%;color:var(--text-primary);border-radius:10px;padding:.62rem .72rem;font-family:inherit;font-size:.94rem}.tool-widget input:focus,.tool-widget select:focus,.tool-widget textarea:focus{border-color:var(--brand);outline:2px solid #1273ea38}.tool-widget input[type=color]{min-height:40px;padding:.25rem}.photo-guide-wrap{border:1px solid var(--line);background:#f8fbff;border-radius:14px;padding:.85rem}.photo-guide-title{color:var(--text-primary);margin:0;font-size:.9rem;font-weight:700}.photo-guide-hint{color:var(--text-secondary);margin:.3rem 0 .65rem;font-size:.82rem;line-height:1.5}.photo-guide-control-grid{margin-bottom:.55rem}.photo-guide-drag-hint{color:var(--text-muted);margin:0 0 .55rem;font-size:.8rem}.photo-guide-frame{cursor:grab;touch-action:none;background:#0f172a;border:1px solid #d8e6fb;border-radius:12px;width:min(100%,280px);position:relative;overflow:hidden}.photo-guide-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute}.photo-guide-safe,.photo-guide-face,.photo-guide-eye-line,.photo-guide-chin-line{pointer-events:none;position:absolute}.photo-guide-safe{border:1.5px dashed #ffffffe6;border-radius:10px;inset:6.5% 8%}.photo-guide-face{border:2px solid #22c55ef5;border-radius:48% 48% 43% 43%;width:48%;height:56%;top:16%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #fff3}.photo-guide-eye-line{border-top:1.5px solid #22c55ef2;top:40%;left:16%;right:16%}.photo-guide-chin-line{border-top:1.5px dashed #22c55ef2;top:72%;left:16%;right:16%}.range-input{accent-color:var(--brand);padding:0}.tool-textarea{resize:vertical;min-height:180px;line-height:1.6}.tool-actions-row{flex-wrap:wrap;gap:.5rem;display:flex}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;height:38px;padding:0 .95rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.btn:disabled{opacity:.48;cursor:not-allowed}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}.btn-ghost{border-color:var(--line);color:var(--text-secondary);background:#fff}.btn-ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand-dark)}.tool-upload-zone{border:2px dashed var(--line);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:#fbfdff;padding:1.8rem 1.2rem;transition:all .2s}.tool-upload-zone:hover{border-color:var(--brand);background:#f5f9ff}.tool-upload-zone p{color:var(--text-primary);margin:.4rem 0 .25rem;font-weight:600}.tool-upload-zone small{color:var(--text-muted)}.upload-symbol{color:var(--brand);font-size:1.9rem}.hidden-input{display:none}.tool-result-list{border-top:1px solid var(--line);padding-top:.9rem}.tool-result-list h3{margin:0 0 .7rem;font-size:1rem}.tool-result-item{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:.8rem;padding:.7rem;display:flex}.tool-thumb{object-fit:cover;border:1px solid #e5ebf4;border-radius:10px;flex-shrink:0;width:62px;height:62px}.tool-result-meta{flex:1;min-width:0}.tool-result-meta p{color:var(--text-secondary);margin:0;font-size:.87rem}.tool-file-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden;color:var(--text-primary)!important}.tool-badge{background:#dcfce7;border-radius:999px;padding:.15rem .45rem;font-weight:700;display:inline-flex;color:#166534!important;margin-top:.3rem!important;font-size:.75rem!important}.tool-result-actions{gap:.4rem;display:flex}.tool-error-text{color:#b42318;margin:0;font-size:.86rem;font-weight:600}.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}.stat-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.75rem}.stat-card p{color:var(--text-muted);margin:0;font-size:.8rem}.stat-card strong{margin-top:.28rem;font-size:1rem;display:block}.tool-highlight{background:#f5f9ff;border:1px solid #cfe0f9;border-radius:12px;padding:.9rem}.tool-highlight p{color:var(--text-muted);margin:0;font-size:.83rem}.tool-highlight strong{margin-top:.3rem;font-size:1.35rem;line-height:1.25;display:block}.tool-highlight small{color:var(--text-secondary);margin-top:.28rem;font-size:.84rem;display:block}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.checkbox-grid label{color:var(--text-secondary);align-items:center;gap:.42rem;font-size:.88rem;display:inline-flex}.checkbox-grid input{width:16px;height:16px;margin:0;padding:0}.mono-password{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.1rem!important}.qr-preview-wrap{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;padding:1rem;display:flex}.qr-preview-image{border:1px solid #edf2f7;border-radius:8px;width:min(100%,320px);height:auto}.color-preview-panel{border:1px solid var(--line);color:#fff;text-shadow:0 1px 2px #00000059;border-radius:14px;flex-direction:column;justify-content:flex-end;gap:.22rem;min-height:124px;padding:.9rem 1rem;display:flex;box-shadow:inset 0 -74px 90px #0a0f173d}.color-preview-panel span{opacity:.92;font-size:.82rem}.color-preview-panel strong{font-size:1.03rem}.color-input-inline{align-items:center;gap:.55rem;display:flex}.color-input-inline input[type=color]{cursor:pointer;width:52px;min-width:52px;height:40px;padding:.22rem}.color-input-inline input:not([type=color]){flex:1}.color-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.color-value-card{border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:.36rem;padding:.7rem;display:flex}.color-value-card p{color:var(--text-muted);margin:0;font-size:.79rem}.color-value-card strong{word-break:break-word;font-size:.93rem}.color-value-card .btn{align-self:flex-start;margin-top:.25rem}.palette-preview-image{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:12px;width:100%;max-height:330px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.palette-item{border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;overflow:hidden}.palette-swatch{flex-shrink:0;width:78px;min-height:100%}.palette-meta{flex-direction:column;flex:1;gap:.3rem;padding:.66rem .72rem;display:flex}.palette-meta strong{font-size:.92rem}.palette-meta p{color:var(--text-secondary);margin:0;font-size:.82rem}.palette-meta .btn{align-self:flex-start;margin-top:.18rem}.contrast-preview{border:1px solid var(--line);border-radius:12px;padding:1.05rem 1rem;font-size:1.02rem;font-weight:600;line-height:1.48}.contrast-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.contrast-pass{color:#167d46}.contrast-fail{color:#b42318}.gradient-preview{border:1px solid var(--line);border-radius:14px;min-height:160px}.code-block-wrap{border:1px solid var(--line);background:#f8fbff;border-radius:12px;padding:.72rem .8rem}.code-block-wrap .field-label{margin-bottom:.42rem}.code-block-wrap pre{margin:0;overflow-x:auto}.code-block-wrap code{color:#14365d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.6}.not-found-page h1{margin:0 0 .5rem;font-size:2rem}.not-found-page p{color:var(--text-secondary);margin:.25rem 0}@media (max-width:900px){.hero-block-tools{padding:2.7rem 1rem 2.3rem}.hero-block-tools h1{font-size:clamp(1.8rem,5vw,2.5rem)}.tool-card-grid,.related-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.site-header-inner{min-height:60px;padding:.85rem 1rem}.site-header-right{gap:.35rem}.site-nav-link,.locale-switch-link{height:32px;padding:0 .58rem;font-size:.78rem}.locale-switch-link{gap:.28rem;padding:0 .56rem}.locale-switch-icon{width:16px;height:16px}.locale-switch-code{font-size:.72rem}.site-footer-inner{flex-direction:column;align-items:flex-start}.hero-block-tools{border-radius:22px;padding:2.1rem .85rem 1.9rem}.hero-badge{gap:.5rem;margin-bottom:1.1rem;padding:.43rem .82rem}.badge-text{font-size:.77rem}.hero-description{font-size:.95rem}.hero-nav-chips{gap:.5rem;margin-top:1.2rem}.hero-nav-chip{padding:.38rem .72rem;font-size:.77rem}.page-wrap{padding-top:1rem;padding-bottom:1.2rem}.tool-card-grid,.related-tools-grid,.tool-inline-grid.two-col,.tool-inline-grid.three-col{grid-template-columns:1fr}.tool-result-item{flex-direction:column;align-items:stretch}.tool-result-actions{justify-content:stretch;width:100%}.tool-result-actions .btn{flex:1}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-grid,.color-value-grid,.palette-grid,.contrast-check-grid{grid-template-columns:1fr}.palette-item{flex-direction:column}.palette-swatch{width:100%;min-height:78px}}