:root{--teal: #2ec4b6;--teal-bright: #4ce0d2;--teal-deep: #136f63;--teal-pale: #cbf6f2;--bg: #0b1120;--bg-raised: #111a2e;--bg-panel: #16213a;--border: #23324f;--text: #e6edf7;--text-muted: #93a3bc;--danger: #e05263;--accent-purple: #8800ff;--radius: 10px;--sidebar-width: 250px;--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background-color:var(--bg);background-image:url(/stars.png);background-attachment:fixed;color:var(--text);line-height:1.55}h1,h2,h3,h4,h5{font-weight:600;line-height:1.2;margin:0 0 .5em}a{color:var(--teal-bright);text-decoration:none}a:hover{text-decoration:underline}hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.app{display:flex;min-height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{flex:1;width:100%;max-width:960px;margin:0 auto;padding:2rem 1.5rem}.content:has(.builder-layout){max-width:1360px}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:linear-gradient(180deg,#0d2b32,#0a1626);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;padding:1rem 0}.sidebar-brand{display:block;padding:.5rem 1.25rem 1rem}.sidebar-brand img{width:100%;height:auto}.sidebar-nav{list-style:none;margin:0;padding:0}.sidebar-nav a{display:block;padding:.55rem 1.5rem;color:var(--teal-pale);font-size:.95rem;border-left:3px solid transparent;transition:background .15s,border-color .15s,color .15s}.sidebar-nav a:hover{background:#2ec4b61f;color:#fff;text-decoration:none}.sidebar-nav a.active{border-left-color:var(--teal);background:#2ec4b62e;color:#fff;font-weight:600}.sidebar-section{margin:1rem 1.5rem .35rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.sidebar-cta{margin:1rem 1.25rem 0}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#0d2b32;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.mobile-header img{height:40px}.hamburger{background:none;border:1px solid var(--border);border-radius:6px;color:var(--teal-pale);font-size:1.3rem;line-height:1;padding:.35rem .6rem;cursor:pointer}@media (max-width: 860px){.app{flex-direction:column}.mobile-header{display:flex}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .2s ease;box-shadow:4px 0 24px #00000080}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:25}.content{padding:1.25rem 1rem}}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:2rem;color:#fff}.page-header .lead{color:var(--text-muted);font-size:1.05rem;margin:0}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;overflow:hidden}.card-header{padding:.75rem 1.25rem;background:#2ec4b61a;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-header h4{margin:0;font-size:1.1rem;color:var(--teal-bright)}.card-body{padding:1rem 1.25rem}.card-body p{margin:0 0 .75rem}.card-body p:last-child{margin-bottom:0}.text-muted{color:var(--text-muted)}.controls{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:flex-end}.field{display:flex;flex-direction:column;gap:.25rem;min-width:150px}.field label{font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.field-grow{flex:1}select,input[type=text],input[type=number],input[type=email],textarea{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:inherit;font-size:.95rem;padding:.5rem .65rem;width:100%}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2393a3bc' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:.65rem auto;padding-right:2.4rem}select[multiple]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;background-image:none;padding-right:.65rem}select:focus,input:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 2px #2ec4b640}.checkbox-row{display:flex;align-items:center;gap:.5rem;color:var(--text);font-size:.95rem}.checkbox-row input{accent-color:var(--teal);width:1.05rem;height:1.05rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:.55rem 1.1rem;transition:background .15s,color .15s,border-color .15s;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--teal);color:#06231f}.btn-primary:hover:not(:disabled){background:var(--teal-bright)}.btn-secondary{background:transparent;color:var(--teal-pale);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--teal);color:#fff}.btn-danger-ghost{background:transparent;color:var(--text-muted);border-color:var(--border);font-size:.8rem;padding:.3rem .7rem}.btn-danger-ghost:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.btn-sm{font-size:.8rem;padding:.3rem .7rem}.btn-block{display:flex;width:100%}.btn-purple{background:var(--accent-purple);color:#fff}.btn-purple:hover:not(:disabled){background:#9b26ff}.table-wrap{overflow-x:auto}table.stat-table{border-collapse:collapse;width:100%;font-size:.92rem}table.stat-table th,table.stat-table td{border:1px solid var(--border);padding:.4rem .6rem;text-align:left}table.stat-table th{background:#2ec4b61a;color:var(--teal-bright)}.statblock{font-size:.95rem;background:#fdfbf5;color:#1c1a15;border-radius:var(--radius);padding:1.25rem 1.5rem}.statblock hr{margin:.5rem 0;border:none;border-top:2px solid #7a1f1f}.statblock .statblock-title{display:flex;justify-content:space-between;gap:1rem;font-weight:700;text-transform:uppercase}.statblock .flavour{padding:.5rem 0}.statblock[contenteditable=true]{outline:2px dashed var(--teal);outline-offset:4px}@media print{.sidebar,.mobile-header,.footer,.controls,.page-header,.no-print{display:none!important}body{background:#fff}.content{padding:0;max-width:none}.card{border:none}.statblock{background:#fff;color:#000}}.collapsible{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.6rem;overflow:hidden}.collapsible>summary{cursor:pointer;padding:.6rem 1rem;font-weight:600;color:var(--teal-pale);list-style:none;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.collapsible>summary::-webkit-details-marker{display:none}.collapsible>summary:after{content:"▾";color:var(--teal);transition:transform .15s}.collapsible[open]>summary:after{transform:rotate(180deg)}.collapsible>summary:hover{background:#2ec4b61a}.collapsible-body{padding:.75rem 1rem;border-top:1px solid var(--border)}.collapsible-body p{margin:0 0 .75rem}.collapsible-body p:last-child{margin-bottom:0}.footer{border-top:1px solid var(--border);padding:1.25rem;text-align:center;color:var(--text-muted);font-size:.88rem}.footer .share-links{display:flex;justify-content:center;gap:1.25rem;margin-bottom:.5rem}.footer .share-links a{color:var(--teal);font-weight:600}.output-area{margin-top:.5rem}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.img-grid img{width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--border)}.row-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 720px){.row-2col{grid-template-columns:1fr}}.landing{display:flex;flex-direction:column;gap:2.5rem}.hero{text-align:center;padding:2.5rem 1rem 0;max-width:640px;margin:0 auto}.hero-logo{width:min(280px,70%);height:auto;margin-bottom:1.5rem}.hero h1{font-size:clamp(1.6rem,4vw,2.4rem);color:#fff;margin-bottom:.75rem}.hero-accent{color:var(--teal-bright)}.hero-tagline{color:var(--text-muted);font-size:1.05rem;margin:0 0 1.5rem}.hero-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.tool-card{display:flex;flex-direction:column;gap:.35rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;color:var(--text);transition:border-color .15s,transform .15s,background .15s}.tool-card:hover{text-decoration:none;border-color:var(--teal);background:#2ec4b614;transform:translateY(-2px)}.tool-card-icon{font-size:1.5rem;line-height:1}.tool-card-title{font-weight:600;color:var(--teal-bright)}.tool-card-blurb{font-size:.85rem;color:var(--text-muted)}.builder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:1.5rem;align-items:start}.builder-preview{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto;border-radius:var(--radius)}.statblock-preview{font-size:.82rem}@media (max-width: 1100px){.builder-layout{grid-template-columns:1fr}.builder-preview{position:static;max-height:none;overflow-y:visible}}.wizard-steps{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.wizard-steps button{flex:1;min-width:120px}