.site-tools-page,.site-tools-page button,.site-tools-page input,.site-tools-page select,.site-tools-page textarea,.site-tools-page label{font-family:Pretendard Variable,Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.site-tools-page{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:24px 24px 48px;font-size:16px}.site-tools-header{margin-bottom:28px}.site-tools-header h1{color:var(--text-main,var(--text));margin:0 0 8px;font-size:28px;font-weight:700}.site-tools-subtitle{color:var(--muted);max-width:42rem;margin:0;font-size:16px;line-height:1.55}.site-tools-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.site-tools-card-link{color:inherit;text-decoration:none}.site-tools-card{background:var(--surface-card,#ffffff08);border:1px solid var(--border-default,#ffffff1a);border-radius:10px;height:100%;padding:18px;transition:border-color .15s,transform .15s}.site-tools-card-link:hover .site-tools-card{border-color:var(--tier-s,#c24267);transform:translateY(-2px)}.site-tools-card.is-soon{opacity:.55}.site-tools-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.site-tools-card h2{margin:0;font-size:20px;font-weight:600}.site-tools-card p{color:var(--muted);margin:0;font-size:16px;line-height:1.55}.site-tools-badge{color:var(--muted);background:#ffffff14;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:16px;font-weight:600}.site-tools-back{color:var(--muted);margin-bottom:16px;font-size:16px;text-decoration:none;display:inline-block}.site-tools-back:hover{color:var(--text-main,var(--text))}.site-tools-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tools-lang-switch{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.tools-lang-switch-btns{border:1px solid var(--border-default,#ffffff1f);border-radius:8px;flex-wrap:wrap;justify-content:flex-end;display:inline-flex;overflow:hidden}.tools-lang-switch-btns button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-size:16px;font-weight:600}.tools-lang-switch-btns button+button{border-left:1px solid var(--border-default,#ffffff1f)}.tools-lang-switch-btns button.is-active{color:#fff;background:#dc477e}.tools-form{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.tools-field{flex-direction:column;gap:8px;min-width:0;display:flex}.tools-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tools-row--image-opts{grid-template-columns:auto minmax(110px,140px) minmax(160px,1fr);align-items:end}.tools-field--narrow{max-width:140px}.tools-input--narrow{width:100%;max-width:120px}.tools-range{accent-color:#1f4b73;width:100%;height:28px}.tools-field--quality.is-disabled{opacity:.45}.tools-label{color:var(--text-main,var(--text));font-size:20px;font-weight:600}.tools-required{color:#f87171}.tools-input,.tools-select,.tools-textarea{box-sizing:border-box;border:1px solid var(--border-default,#ffffff1f);width:100%;color:var(--text-main,var(--text));background:#00000040;border-radius:8px;padding:10px 12px;font-size:16px}.tools-textarea{resize:vertical;min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.5}.tools-input:focus,.tools-select:focus,.tools-textarea:focus{border-color:#2a6aa3;outline:none}.tools-toggle{border:1px solid var(--border-default,#ffffff1f);border-radius:8px;flex-wrap:wrap;width:fit-content;display:inline-flex;overflow:hidden}.tools-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:16px;font-weight:600}.tools-toggle button+button{border-left:1px solid var(--border-default,#ffffff1f)}.tools-toggle button.is-active{color:#fff;background:#1f4b73}.tools-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tools-btn-primary,.tools-btn-secondary{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:16px;font-weight:700}.tools-btn-primary{color:#fff;background:#dc477e}.tools-btn-primary:hover:not(:disabled){background:#e85a90}.tools-btn-primary:disabled,.tools-btn-secondary:disabled{opacity:.65;cursor:not-allowed}.tools-btn-cta{border-radius:10px;min-width:min(320px,100%);padding:16px 36px;font-size:20px}.tools-actions--center{flex-direction:column;justify-content:center;align-items:center}.tools-btn-secondary{color:var(--text-main,var(--text));background:#ffffff14}.tools-btn-secondary:hover:not(:disabled){background:#ffffff24}.tools-feedback{margin:0;font-size:16px}.tools-feedback.is-ok{color:#86efac}.tools-feedback.is-error{color:#fca5a5}.tools-stats{color:var(--muted);flex-wrap:wrap;gap:12px 18px;font-size:16px;display:flex}.tools-preview-swatch{border:1px solid var(--border-default,#ffffff1f);border-radius:10px;width:100%;height:96px}.color-main-grid{grid-template-columns:auto minmax(220px,1fr) auto;align-items:start;gap:20px 24px;display:grid}.color-controls-col{flex-direction:column;gap:14px;display:flex}.color-control-item{flex-direction:column;gap:8px;display:flex}.color-control-box{box-sizing:border-box;border:1px solid var(--border-default,#ffffff2e);border-radius:8px;width:52px;height:52px}.color-preview-swatch{box-shadow:inset 0 0 0 1px #00000040}.color-native-picker-wrap{cursor:pointer;background:0 0;padding:0;display:block;position:relative;overflow:hidden}.color-native-picker{cursor:pointer;appearance:none;background:0 0;border:none;border-radius:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.color-native-picker::-webkit-color-swatch-wrapper{padding:0}.color-native-picker::-webkit-color-swatch{border:none;border-radius:7px}.color-native-picker::-moz-color-swatch{border:none;border-radius:7px}.color-eye-btn{color:var(--text-main,var(--text));cursor:pointer;background:#ffffff0f;justify-content:center;align-items:center;padding:0;display:inline-flex}.color-eye-btn:hover:not(:disabled){color:#fff;background:#dc477e2e;border-color:#dc477e}.color-eye-btn:disabled{opacity:.55;cursor:not-allowed}.color-values-col{flex-direction:column;gap:14px;min-width:0;display:flex}.color-value-row{flex-direction:column;gap:8px;display:flex}.color-value-input-wrap{align-items:center;gap:8px;min-width:0;display:flex}.color-value-input-wrap .tools-input{flex:1;min-width:0}.color-copy-icon-btn{border:1px solid var(--border-default,#ffffff24);width:44px;height:44px;color:var(--muted);cursor:pointer;background:#ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.color-copy-icon-btn:hover{color:#fff;background:#dc477e29;border-color:#dc477e}.color-fav-col{flex-direction:column;align-items:flex-start;gap:8px;width:230px;display:flex}.color-fav-col-label{min-height:1.2em;line-height:1.2;display:block}.color-fav-toggle{border:1px solid var(--border-default,#ffffff2e);width:100%;height:52px;color:var(--text-main,var(--text));cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:16px;font-weight:600;display:inline-flex}.color-fav-toggle.is-on{color:#f6cb3f;background:#f6cb3f29;border-color:#f6cb3fb3}.color-fav-grid{grid-template-columns:repeat(5,40px);gap:8px;display:grid}.color-fav-swatch{cursor:pointer;border:2px solid #ffffff2e;border-radius:8px;width:40px;height:40px;padding:0}.color-fav-swatch.is-active{border-color:#fff;box-shadow:0 0 0 2px #dc477e}.color-fav-swatch.is-empty{cursor:default;background:0 0;border:1px dashed #ffffff38}.color-fav-hint{color:var(--muted);max-width:230px;margin:0;font-size:14px;line-height:1.45}@media (max-width:900px){.color-main-grid{grid-template-columns:auto minmax(0,1fr)}.color-fav-col{grid-column:1/-1;width:100%;max-width:280px}}@media (max-width:720px){.color-main-grid{grid-template-columns:1fr}.color-controls-col{flex-flow:wrap;gap:12px 16px}.color-fav-col{max-width:none}}.tools-qr-wrap{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.tools-qr-wrap img{background:#fff;border-radius:8px;width:min(320px,100%);height:auto;padding:12px}.tools-dropzone{box-sizing:border-box;border:1px dashed var(--border-default,#ffffff38);cursor:pointer;background:#00000038;border-radius:12px;justify-content:center;align-items:center;min-height:180px;padding:28px 20px;transition:border-color .15s,background .15s;display:flex;position:relative}.tools-dropzone:hover,.tools-dropzone.is-dragging{background:#1f4b732e;border-color:#2a6aa3}.tools-dropzone.has-file{border-style:solid}.tools-dropzone-input{opacity:0;clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.tools-dropzone-inner{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.tools-dropzone-hint{color:var(--muted);margin:0;font-size:16px;line-height:1.45}.tools-dropzone-browse{color:#fff;background:#1f4b73;border-radius:8px;justify-content:center;align-items:center;min-width:140px;padding:10px 18px;font-size:16px;font-weight:700;display:inline-flex}.tools-dropzone-file{color:var(--text-main,var(--text));word-break:break-all;margin:4px 0 0;font-size:16px}.tools-image-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.tools-image-card{border:1px solid var(--border-default,#ffffff1f);background:var(--surface-card,#ffffff08);border-radius:10px;padding:12px}.tools-image-card h3{margin:0 0 8px;font-size:20px}.tools-image-card img{border-radius:6px;max-width:100%;height:auto;display:block}.tools-image-card p{color:var(--muted);margin:8px 0 0;font-size:16px}@media (max-width:720px){.tools-row,.tools-row--image-opts,.tools-image-grid{grid-template-columns:1fr}.tools-field--narrow{max-width:none}.tools-input--narrow{max-width:160px}.tools-lang-switch{align-items:flex-start}.tools-lang-switch-btns{justify-content:flex-start}}@media (max-width:640px){.site-tools-page{padding:16px 16px 40px}.site-tools-header h1{font-size:24px}}