.dalle-guide{--bg-color: #ffffff;--text-color: #0a0a0a;--accent-main: #4ade80;--accent-medium: #86efac;--accent-light-bg: #f0fdf4;--border-accent: #bbf7d0;--border-gray: #e5e5e5;font-family:Noto Sans JP,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.8;-webkit-font-smoothing:antialiased;padding-bottom:100px}.dalle-guide .back-link{display:inline-block;padding:16px 24px;font-size:.9rem;color:#666;transition:color .2s}.dalle-guide .back-link:hover{color:var(--accent-main)}.dalle-guide .container{max-width:880px;margin:0 auto;padding:60px 24px}.dalle-guide h1,.dalle-guide h2,.dalle-guide h3{font-weight:900;line-height:1.4}.dalle-guide h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em;margin-bottom:24px}.dalle-guide h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:80px;margin-bottom:32px;padding-bottom:16px;border-bottom:3px solid var(--accent-main);display:inline-block}.dalle-guide h3{font-size:1.25rem;margin-bottom:16px}.dalle-guide p{margin-bottom:1.5rem;font-size:1rem}.dalle-guide .lead{font-size:1.25rem;font-weight:700;margin-bottom:40px}.dalle-guide .overview-grid{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 768px){.dalle-guide .overview-grid{grid-template-columns:1fr 1fr}}.dalle-guide .overview-grid-2{grid-template-columns:1fr 1fr}@media (max-width: 640px){.dalle-guide .overview-grid-2{grid-template-columns:1fr}}.dalle-guide .overview-box h3{border-left:6px solid var(--text-color);padding-left:16px}.dalle-guide .overview-box.good h3{border-color:var(--accent-main)}.dalle-guide .overview-list{list-style:none}.dalle-guide .overview-list li{position:relative;padding-left:24px;margin-bottom:12px}.dalle-guide .overview-list li:before{content:"・";position:absolute;left:0;font-weight:900}.dalle-guide .good .overview-list li:before{color:var(--accent-main)}.dalle-guide .card-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 640px){.dalle-guide .card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.dalle-guide .card-grid{grid-template-columns:repeat(3,1fr)}}.dalle-guide .card{background-color:var(--accent-light-bg);border:1px solid var(--border-accent);padding:24px;height:100%;transition:all .2s ease}.dalle-guide .card-text{font-weight:700;margin-bottom:0}.dalle-guide .price-table{width:100%;border-collapse:collapse;margin-bottom:24px;border:1px solid var(--text-color)}.dalle-guide .price-table th,.dalle-guide .price-table td{border:1px solid var(--text-color);padding:16px;text-align:left}.dalle-guide .price-table th{background-color:var(--text-color);color:var(--bg-color);font-weight:900;white-space:nowrap}.dalle-guide .api-pricing{background-color:#f9f9f9;padding:24px;border-left:4px solid var(--border-gray)}.dalle-guide .api-note{margin-top:16px;margin-bottom:0;font-size:.9rem}.dalle-guide .steps{counter-reset:step}.dalle-guide .step-item{display:flex;margin-bottom:24px;align-items:flex-start}.dalle-guide .step-num{counter-increment:step;font-weight:900;font-size:1.5rem;color:var(--accent-main);margin-right:16px;line-height:1;min-width:40px}.dalle-guide .btn-link{display:inline-block;background-color:var(--text-color);color:var(--bg-color);text-decoration:none;padding:16px 32px;font-weight:700;margin-top:16px;transition:background-color .3s}.dalle-guide .btn-link:hover{background-color:var(--accent-main);color:var(--text-color)}.dalle-guide .features-grid{display:grid;grid-template-columns:1fr;gap:1px;background-color:var(--border-gray);border:1px solid var(--border-gray)}@media (min-width: 640px){.dalle-guide .features-grid{grid-template-columns:1fr 1fr}}@media (min-width: 900px){.dalle-guide .features-grid{grid-template-columns:1fr 1fr 1fr}}.dalle-guide .feature-item{background-color:var(--bg-color);padding:32px 24px}.dalle-guide .feature-title{font-weight:900;font-size:1.1rem;margin-bottom:8px;display:inline-block;color:var(--text-color);border-bottom:2px solid var(--accent-medium);padding-bottom:4px}.dalle-guide .feature-desc{margin-bottom:0;font-size:.95rem}.dalle-guide .code-block{background-color:#f5f5f5;padding:24px;border-left:4px solid var(--text-color);margin-bottom:32px;font-family:monospace;white-space:pre-wrap;line-height:1.6;font-size:.95rem}.dalle-guide .pattern-title{font-weight:900;margin-bottom:12px;display:block}.dalle-guide .comparison-item{margin-bottom:40px;border-bottom:1px solid var(--border-gray);padding-bottom:40px}.dalle-guide .comparison-item:last-child{border-bottom:none}.dalle-guide .comparison-row{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}@media (min-width: 768px){.dalle-guide .comparison-row{flex-direction:row}}.dalle-guide .comp-box{flex:1;padding:20px;background-color:#fafafa}.dalle-guide .comp-box.good,.dalle-guide .comp-box.after{background-color:var(--accent-light-bg);border:1px solid var(--border-accent)}.dalle-guide .label{display:inline-block;font-weight:900;font-size:.8rem;padding:4px 8px;margin-bottom:8px;text-transform:uppercase}.dalle-guide .label.good,.dalle-guide .label.after{background-color:var(--accent-main);color:var(--text-color)}.dalle-guide .label.bad,.dalle-guide .label.before{background-color:#e5e5e5;color:var(--text-color)}.dalle-guide .caution-list{list-style:none;display:grid;gap:16px;padding:0;margin:0}.dalle-guide .caution-item{padding:16px;border:1px solid var(--text-color)}.dalle-guide .caution-title{font-weight:900;margin-right:8px;text-decoration:underline;text-decoration-color:var(--accent-main);text-decoration-thickness:3px}.dalle-guide .failure-title{font-weight:700;margin-bottom:16px}.dalle-guide .guide-footer{text-align:center;padding-top:2rem;margin-top:4rem;border-top:1px solid var(--border-gray)}.dalle-guide .footer-disclaimer{font-size:.85rem;color:#666;margin-bottom:1.5rem}.dalle-guide .mb-0{margin-bottom:0}@media (max-width: 480px){.dalle-guide .container{padding:40px 16px 80px}}
