.tool-container[data-astro-cid-is5je5m5]{display:grid;grid-template-columns:1fr 300px;gap:40px;max-width:1400px;margin:0 auto;padding:40px 20px}.tool-main[data-astro-cid-is5je5m5]{min-width:0}.tool-title[data-astro-cid-is5je5m5]{font-size:2rem;font-weight:800;margin-bottom:24px;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tabs[data-astro-cid-is5je5m5]{display:flex;gap:8px;margin-bottom:32px}.tab-btn[data-astro-cid-is5je5m5]{flex:1;padding:12px;background:var(--bg-card);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s}.tab-btn[data-astro-cid-is5je5m5].active{background:#6366f133;border-color:var(--accent)}.tab-content[data-astro-cid-is5je5m5]{display:none}.tab-content[data-astro-cid-is5je5m5].active{display:block}.controls-section[data-astro-cid-is5je5m5]{padding:24px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;margin-bottom:24px}.control-group[data-astro-cid-is5je5m5]{margin-bottom:20px}.control-group[data-astro-cid-is5je5m5]:last-child{margin-bottom:0}.control-group[data-astro-cid-is5je5m5] label[data-astro-cid-is5je5m5]{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.control-group[data-astro-cid-is5je5m5] input[data-astro-cid-is5je5m5][type=range]{width:calc(100% - 60px);margin-right:10px}.control-group[data-astro-cid-is5je5m5] span[data-astro-cid-is5je5m5]{display:inline-block;min-width:50px;color:var(--accent);font-weight:600}.control-group[data-astro-cid-is5je5m5] select[data-astro-cid-is5je5m5],.control-group[data-astro-cid-is5je5m5] input[data-astro-cid-is5je5m5][type=color]{width:100%;padding:8px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer}.control-group[data-astro-cid-is5je5m5] input[data-astro-cid-is5je5m5][type=color]{height:50px}.preview-section[data-astro-cid-is5je5m5]{margin-bottom:24px}.preview-section[data-astro-cid-is5je5m5] h3[data-astro-cid-is5je5m5]{margin-bottom:16px;color:var(--text-primary)}.grid-preview[data-astro-cid-is5je5m5]{padding:20px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;min-height:200px}.grid-item[data-astro-cid-is5je5m5]{background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.2rem}.shadow-preview[data-astro-cid-is5je5m5]{padding:60px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center}.shadow-box[data-astro-cid-is5je5m5]{width:200px;height:200px;background:var(--bg-card);border-radius:12px}.code-section[data-astro-cid-is5je5m5]{padding:24px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;margin-bottom:24px}.code-section[data-astro-cid-is5je5m5] h3[data-astro-cid-is5je5m5]{margin-bottom:12px;color:var(--text-primary)}.code-section[data-astro-cid-is5je5m5] pre[data-astro-cid-is5je5m5]{padding:16px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);overflow-x:auto;margin-bottom:12px;font-family:Courier New,monospace;line-height:1.6}.btn-copy[data-astro-cid-is5je5m5]{width:100%;padding:12px;background:var(--accent);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-copy[data-astro-cid-is5je5m5]:hover{background:var(--accent-hover)}.presets[data-astro-cid-is5je5m5]{padding:24px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px}.presets[data-astro-cid-is5je5m5] h3[data-astro-cid-is5je5m5]{margin-bottom:16px;color:var(--text-primary)}.preset-btn[data-astro-cid-is5je5m5]{padding:10px 16px;background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .2s;margin-right:8px;margin-bottom:8px}.preset-btn[data-astro-cid-is5je5m5]:hover{border-color:var(--accent);background:#6366f11a}@media(max-width:968px){.tool-container[data-astro-cid-is5je5m5]{grid-template-columns:1fr}.shadow-preview[data-astro-cid-is5je5m5]{padding:40px 20px}.shadow-box[data-astro-cid-is5je5m5]{width:150px;height:150px}}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5]{grid-column:1 / -1;padding:32px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;margin-top:40px}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] h2[data-astro-cid-is5je5m5]{font-size:1.5rem;margin-bottom:16px;color:var(--text-primary)}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] h3[data-astro-cid-is5je5m5]{font-size:1.2rem;margin-top:32px;margin-bottom:16px;color:var(--text-primary)}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] p[data-astro-cid-is5je5m5]{color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] ul[data-astro-cid-is5je5m5],.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] ol[data-astro-cid-is5je5m5]{list-style-type:none!important;list-style:none!important;padding-left:0!important;margin-bottom:16px}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] ol[data-astro-cid-is5je5m5]{counter-reset:item}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] ul[data-astro-cid-is5je5m5] li[data-astro-cid-is5je5m5]{padding-left:24px;margin-bottom:12px;position:relative;color:var(--text-secondary);line-height:1.8;list-style-type:none!important;list-style:none!important}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] ul[data-astro-cid-is5je5m5] li[data-astro-cid-is5je5m5]:before{content:"•"!important;position:absolute;left:0;color:var(--text-secondary)!important;font-weight:700}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] ol[data-astro-cid-is5je5m5] li[data-astro-cid-is5je5m5]{padding-left:32px;margin-bottom:12px;position:relative;color:var(--text-secondary);line-height:1.8;counter-increment:item;list-style-type:none!important;list-style:none!important}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] ol[data-astro-cid-is5je5m5] li[data-astro-cid-is5je5m5]:before{content:counter(item) "."!important;position:absolute;left:0;color:var(--text-secondary)!important;font-weight:700}.tool-container[data-astro-cid-is5je5m5]>.info-box[data-astro-cid-is5je5m5] li[data-astro-cid-is5je5m5] strong[data-astro-cid-is5je5m5]{color:var(--text-primary)}.faq-item[data-astro-cid-is5je5m5]{margin-bottom:20px;padding:16px;background:var(--bg-secondary);border-radius:8px}.faq-item[data-astro-cid-is5je5m5] strong[data-astro-cid-is5je5m5]{display:block;margin-bottom:8px;color:var(--accent)}.faq-item[data-astro-cid-is5je5m5] p[data-astro-cid-is5je5m5]{margin:0;color:var(--text-secondary)}