.tool-page[data-v-234cac5f]{max-width:1200px;margin:0 auto}.breadcrumb[data-v-234cac5f]{margin-bottom:24px;font-size:14px;color:var(--text-secondary)}.breadcrumb a[data-v-234cac5f]{color:var(--accent-color);text-decoration:none}.breadcrumb a[data-v-234cac5f]:hover{text-decoration:underline}.breadcrumb .separator[data-v-234cac5f]{margin:0 8px;color:var(--text-muted)}.tool-header[data-v-234cac5f]{text-align:center;margin-bottom:32px}.tool-header h1[data-v-234cac5f]{font-size:32px;margin-bottom:12px;color:var(--text-primary)}.tool-header p[data-v-234cac5f]{color:var(--text-secondary);font-size:16px;max-width:600px;margin:0 auto;line-height:1.6}.tool-card[data-v-234cac5f]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--shadow-md)}.color-preview-bar[data-v-234cac5f]{height:80px;border-radius:12px;margin-bottom:20px;border:1px solid var(--border-color);background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.color-inputs[data-v-234cac5f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:20px}.color-input-group label[data-v-234cac5f]{font-size:13px;color:var(--text-secondary);font-weight:600;margin-bottom:6px;display:block}.color-input-group .mono-input[data-v-234cac5f]{width:100%;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-family:monospace;font-size:15px;box-sizing:border-box;outline:none}.color-input-group .mono-input[data-v-234cac5f]:focus{border-color:var(--accent-color)}.multi-input[data-v-234cac5f]{display:flex;gap:8px}.multi-input input[data-v-234cac5f]{flex:1;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:10px;color:var(--text-primary);font-family:monospace;font-size:14px;text-align:center;outline:none;box-sizing:border-box;min-width:0}.multi-input input[data-v-234cac5f]:focus{border-color:var(--accent-color)}.color-strings[data-v-234cac5f]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.color-string-item[data-v-234cac5f]{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-tertiary);border-radius:8px}.cs-label[data-v-234cac5f]{font-size:12px;color:var(--text-secondary);font-weight:600;min-width:48px}.cs-value[data-v-234cac5f]{flex:1;font-family:monospace;font-size:14px;color:var(--text-primary)}.copy-btn[data-v-234cac5f]{background:none;border:none;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;transition:background .2s}.copy-btn[data-v-234cac5f]:hover{background:var(--bg-hover)}.picker-section[data-v-234cac5f]{display:flex;align-items:center;gap:12px}.picker-section label[data-v-234cac5f]{font-size:14px;color:var(--text-secondary)}.color-picker[data-v-234cac5f]{width:60px;height:40px;border:none;cursor:pointer;border-radius:8px}.alert.success[data-v-234cac5f]{padding:12px 16px;border-radius:8px;margin-bottom:16px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:var(--success-color)}.tool-description[data-v-234cac5f]{margin-top:32px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:32px;box-shadow:var(--shadow-sm)}.tool-description h2[data-v-234cac5f]{font-size:20px;color:var(--text-primary);margin:24px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--accent-light)}.tool-description h2[data-v-234cac5f]:first-child{margin-top:0}.tool-description p[data-v-234cac5f]{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.tool-description ul[data-v-234cac5f]{padding-left:24px;margin-bottom:16px}.tool-description li[data-v-234cac5f]{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:8px}@media (max-width:768px){.color-inputs[data-v-234cac5f]{grid-template-columns:1fr}}