@import"https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@700;900&family=MedievalSharp&family=Special+Elite&display=swap";.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0d0d0d;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1a1a1a;--text-primary: #e0d6c8;--text-secondary: #a89b8c;--text-muted: #6b6158;--accent-gold: #c9a84c;--accent-crimson: #8b0000;--accent-blue: #0f3460;--border-subtle: #2a2a3a;--border-active: #c9a84c55;--success: #4a9e4a;--error: #c0392b;--info: #0f3460;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-glow: 0 0 20px rgba(201, 168, 76, .08);--font-serif: "Georgia", "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;min-height:100vh;overflow-x:hidden}.app-container{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:.75rem 1rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-glow)}.header-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo-area{display:flex;align-items:center;gap:.5rem}.logo-icon{fill:var(--accent-gold);flex-shrink:0}.app-title{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;color:var(--accent-gold);letter-spacing:.03em}.header-nav{font-size:.85rem;display:flex;gap:.5rem;align-items:center}.nav-link{color:var(--text-muted);padding:.25rem .75rem;border:1px solid transparent;border-radius:var(--radius-sm);text-decoration:none;transition:all .2s ease;cursor:pointer}.nav-link:hover{color:var(--text-secondary);border-color:var(--border-subtle);background:#ffffff08}.nav-current{color:var(--accent-gold);padding:.25rem .75rem;border:1px solid var(--accent-gold);border-radius:var(--radius-sm);text-decoration:none;background:#c9a84c0d;font-weight:700}.tool-main{flex:1;max-width:960px;width:100%;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.poster-input-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1rem}.input-label{display:block;font-family:var(--font-serif);font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.textarea-wrapper{position:relative;display:flex;gap:.25rem}.primary-textarea{width:100%;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem;font-family:var(--font-sans);font-size:.9rem;line-height:1.5;resize:vertical;transition:border-color .2s}.primary-textarea:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 2px var(--border-active)}.primary-textarea::placeholder{color:var(--text-muted)}.input-actions{margin-top:.75rem;display:flex;gap:.5rem}.input-error-msg{color:var(--error);font-size:.85rem;margin-top:.5rem;font-weight:500}.primary-textarea[aria-invalid=true]{border-color:var(--error)}.btn{padding:.6rem 1.2rem;border:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-gold);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background:#d4b55a}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--accent-blue)}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-muted)}.btn-icon{padding:.5rem .75rem;font-size:1.1rem;line-height:1;flex-shrink:0}.btn-voice{align-self:flex-start;margin-top:0}.btn-voice.voice-unsupported{opacity:.4;cursor:not-allowed}.btn-voice.listening{background:var(--accent-crimson);color:#fff;border-color:var(--accent-crimson);animation:pulse-voice 1s ease-in-out infinite}@keyframes pulse-voice{0%,to{opacity:1}50%{opacity:.5}}.voice-fallback-msg{color:var(--text-muted);font-size:.8rem;margin-top:.5rem;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:2px solid var(--text-muted)}.poster-output-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.output-placeholder{padding:2rem 1rem;color:var(--text-muted);text-align:center;font-style:italic}.output-toolbar{background:var(--bg-secondary);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--border-subtle)}.output-label{font-family:var(--font-serif);font-size:.85rem;color:var(--text-secondary)}.output-actions{display:flex;gap:.4rem}.output-content{padding:1rem;white-space:pre-wrap;word-break:break-word;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.7;color:var(--text-primary);max-height:50vh;overflow-y:auto}.output-state{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.output-state.loading,.output-state.error{justify-content:center}.state-message{color:var(--text-secondary);font-size:.95rem;text-align:center}.output-state.error .state-message{color:var(--error)}.state-icon{font-size:2rem;color:var(--error)}.output-poster-result{padding:1rem}.result-title{font-family:var(--font-serif);font-size:.85rem;color:var(--accent-gold);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-subtle)}.spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-footer{max-width:960px;width:100%;margin:0 auto;padding:1.5rem 1rem 2rem;display:flex;flex-direction:column;gap:1.5rem}.usage-info h2,.faq h2{font-family:var(--font-serif);font-size:1rem;color:var(--accent-gold);margin-bottom:.5rem}.usage-info ol{padding-left:1.25rem;color:var(--text-secondary);font-size:.85rem}.usage-info li{margin-bottom:.25rem}.faq details{margin-bottom:.5rem}.faq summary{cursor:pointer;color:var(--text-primary);font-size:.9rem;font-weight:500}.faq summary:hover{color:var(--accent-gold)}.faq details p{padding:.5rem 0 0 1rem;color:var(--text-secondary);font-size:.85rem}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(100px);padding:.6rem 1.2rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;z-index:1000;opacity:0;transition:transform .3s ease,opacity .3s ease;max-width:90vw;text-align:center;pointer-events:none}.toast.toast-visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.toast.toast-success{background:var(--success);color:#fff}.toast.toast-error{background:var(--error);color:#fff}.toast.toast-info{background:var(--info);color:#fff}@media (max-width: 768px){.tool-main,.poster-input-section{padding:.75rem}}@media (max-width: 640px){.app-header{padding:.5rem .75rem;position:relative}.app-title{font-size:.9rem}.header-inner{gap:.5rem;flex-wrap:wrap}.logo-icon{width:22px;height:22px}.tool-main{padding:.5rem;gap:.75rem}.poster-input-section,.poster-output-section{padding:.75rem;border-radius:var(--radius-sm)}.primary-textarea{font-size:16px;rows:4}.output-toolbar{flex-direction:column;align-items:flex-start;gap:.5rem}.output-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}.btn{padding:.5rem .8rem;font-size:.85rem}.app-footer{padding:1rem .75rem 1.5rem}.usage-info ol,.faq details p{font-size:.8rem}}@media (max-width: 400px){.app-title{font-size:.8rem}.nav-current{display:none}.tool-main{padding:.375rem}.poster-input-section,.poster-output-section{padding:.5rem}.output-actions{flex-direction:column}.output-actions .btn{width:100%;text-align:center}}@media (min-width: 768px){.tool-main{display:grid!important;grid-template-columns:1fr 1.2fr!important;gap:1.5rem!important;align-items:start!important}}.output-tabs-header{background:var(--bg-secondary);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--border-subtle)}.tabs-buttons{display:flex;gap:8px}.tab-btn{background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:6px 12px;cursor:pointer;border-radius:var(--radius-sm);transition:all .15s}.tab-btn.active{background:var(--bg-tertiary);color:var(--accent-gold);box-shadow:inset 0 0 5px #c9a84c26}.tab-btn:hover:not(.active){color:var(--text-primary);background:#ffffff08}.graphic-preview-container{padding:2rem 1rem;background:var(--bg-primary);display:flex;justify-content:center;align-items:center}.specs-details-container{display:flex;flex-direction:column}.structured-specs-body{padding:1.5rem}.specs-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1rem}.specs-meta-grid .meta-item{display:flex;flex-direction:column;gap:4px}.specs-meta-grid .meta-item .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.specs-meta-grid .meta-item .val{font-size:.9rem;font-weight:700;color:var(--text-primary)}.specs-section-list{display:flex;flex-direction:column;gap:1.5rem}.specs-list-group h3{font-family:var(--font-serif);font-size:.9rem;color:var(--accent-gold);margin-bottom:.5rem;border-left:3px solid var(--accent-gold);padding-left:8px}.specs-list-group ul{list-style:none;padding-left:4px}.specs-list-group li{font-size:.85rem;color:var(--text-secondary);margin-bottom:.35rem;line-height:1.4}.color-swatch-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.color-swatch-item{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);padding:4px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.swatch-circle{width:14px;height:14px;border-radius:50%}.swatch-hex{font-size:.75rem;font-family:monospace;color:var(--text-secondary)}.output-placeholder-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding:4rem 2rem;text-align:center}.placeholder-icon{font-size:3rem;animation:float-orb 3s ease-in-out infinite}@keyframes float-orb{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.theme-default{background:radial-gradient(circle at center,#17110c,#0d0d0d)!important}.theme-barrier{background:radial-gradient(circle at center,#051923,#0d0d0d)!important}.theme-oldcamp{background:radial-gradient(circle at center,#1a0202,#0d0d0d)!important}.theme-swamp{background:radial-gradient(circle at center,#021a0c,#0d0d0d)!important}.theme-cave{background:radial-gradient(circle at center,#011b24,#0d0d0d)!important}.theme-xardas{background:radial-gradient(circle at center,#11021f,#0d0d0d)!important}.font-serif .poster-card-title{font-family:Cinzel Decorative,Georgia,serif!important;font-weight:900}.font-gothic .poster-card-title{font-family:MedievalSharp,Georgia,serif!important;font-weight:700;letter-spacing:.03em}.font-rune .poster-card-title{font-family:Special Elite,monospace!important;font-weight:700;letter-spacing:.08em}.border-none{border:1px solid var(--border-subtle)!important}.border-gold{border:1px solid var(--accent-gold)!important}.border-gold:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(201,168,76,.35);pointer-events:none;z-index:4}.border-runic{border:2px solid var(--border-subtle)!important}.border-runic:before{content:"✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥";position:absolute;top:4px;left:0;right:0;text-align:center;font-size:.6rem;letter-spacing:.5em;color:var(--accent-gold);opacity:.65;z-index:4}.border-runic:after{content:"✥ ✥ ✥ ✥ ✥ ✥ ✥ ✥";position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:.6rem;letter-spacing:.5em;color:var(--accent-gold);opacity:.65;z-index:4}.border-glow{border:1px solid rgba(0,242,254,.4)!important;box-shadow:0 0 25px #00f2fe33 inset,0 16px 40px #0009!important}.cursor-pointer-edit{cursor:pointer;position:relative;transition:transform .2s ease,text-shadow .2s ease}.cursor-pointer-edit:hover{transform:scale(1.03);text-shadow:0 0 10px rgba(255,255,255,.5)}.preset-card-btn{background:var(--bg-card)!important}.preset-card-btn:hover{border-color:var(--accent-gold)!important;background:var(--bg-tertiary)!important;transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.layout-left-column{position:sticky;top:5.5rem}@media (max-width: 768px){.layout-left-column{position:static}}