@font-face{font-family:EvaMing;src:url(/fonts/Eva-Ming-SC-v0.1.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{--font-ui: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-eva: "EvaMing", "Source Han Serif SC", "Noto Serif SC", serif;--site-max-width: 1440px;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--theme-base: #000000;--theme-accent: #e8e8e8;--theme-accent-rgb: 232 232 232;--theme-accent-soft: rgb(232 232 232 / .72);--theme-accent-faint: rgb(232 232 232 / .18);--theme-accent-hairline: rgb(232 232 232 / .1);--theme-text-strong: #e8e8e8;--theme-text-muted: rgb(232 232 232 / .78);--theme-panel: rgb(232 232 232 / .06);--theme-panel-border: rgb(232 232 232 / .24);--theme-surface: rgb(232 232 232 / .08);--theme-shadow: rgb(232 232 232 / .24);color-scheme:dark}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(circle at top,rgb(var(--theme-accent-rgb) / .08),transparent 32%),linear-gradient(180deg,rgb(255 255 255 / .02),transparent 24%),var(--theme-base);color:var(--theme-text-strong);font-family:var(--font-ui);line-height:1.55}img,svg,canvas{display:block;max-width:100%}button,input,textarea{font:inherit}a{color:inherit}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:100;padding:.75rem 1rem;background:var(--theme-accent);color:var(--theme-base);text-decoration:none;font-weight:700}.skip-link:focus-visible{top:1rem}.app-fullscreen{height:100dvh;overflow:hidden}.app-shell{display:flex;flex-direction:column;height:100dvh}.app-topbar{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;height:48px;flex-shrink:0;border-bottom:1px solid var(--theme-panel-border);background:var(--theme-base);position:relative;z-index:20}.app-brand{font-family:var(--font-eva);font-size:.78rem;font-weight:700;letter-spacing:.2em;color:var(--theme-accent);flex-shrink:0;white-space:nowrap}.app-nav{display:flex;align-items:center;gap:0;margin-left:auto}.app-nav-link{display:inline-flex;align-items:center;height:48px;padding:0 .85rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--theme-text-muted);border-left:1px solid var(--theme-panel-border);position:relative;transition:color .15s,background .15s}.app-nav-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--theme-accent);transform:scaleX(0);transition:transform .18s ease}.app-nav-link:hover{color:var(--theme-accent);background:rgb(var(--theme-accent-rgb) / .06)}.app-nav-link:hover:after{transform:scaleX(1)}.app-nav-link[data-current=true]{color:var(--theme-accent)}.app-nav-link[data-current=true]:after{transform:scaleX(1)}.app-main{flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}.site-main{width:min(calc(100% - 2rem),var(--site-max-width));margin:0 auto;padding:1.25rem 0 4rem}.surface-panel{position:relative;overflow:hidden;border:1px solid var(--theme-panel-border);background:linear-gradient(180deg,rgb(255 255 255 / .02),transparent 30%),linear-gradient(135deg,var(--theme-panel),transparent 55%),#040404e0;box-shadow:0 0 0 1px #ffffff03 inset,0 24px 60px #00000057,0 0 80px var(--theme-shadow)}.surface-panel:after{content:"";position:absolute;inset:0;border:1px solid rgb(var(--theme-accent-rgb) / .08);pointer-events:none}.content-section{margin-top:2rem}.section-header{display:grid;gap:.6rem;margin-bottom:1rem}.content-heading{margin:0;font-family:var(--font-eva);font-size:clamp(1.6rem,2vw,2.2rem);line-height:1.1;letter-spacing:.05em}.content-copy{margin:0;max-width:72ch;color:var(--theme-text-muted);font-size:1rem}.card-grid{display:grid;gap:1rem}.triple-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.format-overview-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.info-card{padding:1.1rem}.info-card-title{margin:0 0 .4rem;font-size:1rem;line-height:1.3}.info-card-meta{margin:0 0 .5rem;font-size:.88rem;color:var(--theme-text-muted)}.info-card-copy{margin:0;font-size:.96rem;color:var(--theme-text-muted)}.credit-panel{padding:1.25rem;display:grid;gap:.75rem}.text-link{width:fit-content;font-weight:700;text-decoration:none;padding-bottom:.15rem;border-bottom:1px solid var(--theme-panel-border)}.text-link:hover{border-bottom-color:var(--theme-accent)}.faq-list{display:grid;gap:.85rem}.faq-item{padding:1rem 1.1rem}.faq-question{cursor:pointer;list-style:none;font-weight:700;font-size:1rem}.faq-question::-webkit-details-marker{display:none}.faq-answer{margin:.75rem 0 0;color:var(--theme-text-muted)}.site-footer{margin-top:3rem;border-top:1px solid var(--theme-panel-border);color:var(--theme-text-muted);font-size:.88rem}.footer-inner{display:flex;gap:3rem;justify-content:space-between;padding:2rem 0 1.5rem}.footer-left{display:grid;gap:.4rem}.footer-brand{font-family:var(--font-eva);font-size:.82rem;font-weight:700;letter-spacing:.2em;color:var(--theme-text-strong)}.footer-desc,.footer-credit{margin:0;line-height:1.6}.footer-nav{display:flex;flex-direction:column;gap:.5rem;text-align:right;flex-shrink:0}.footer-link{text-decoration:none;font-weight:600;font-size:.84rem;letter-spacing:.08em;color:var(--theme-text-muted);transition:color .15s}.footer-link:hover{color:var(--theme-text-strong)}.footer-bottom{padding:1rem 0;border-top:1px solid var(--theme-panel-border);font-size:.8rem;letter-spacing:.06em}@media(max-width:600px){.footer-inner{flex-direction:column;gap:1.5rem}.footer-nav{flex-direction:row;flex-wrap:wrap;text-align:left}}.info-topbar-nav{display:flex;align-items:center;gap:.5rem;margin-left:auto}@media(max-width:1100px){.triple-grid,.format-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.site-main{width:min(calc(100% - 1rem),var(--site-max-width));padding-top:.6rem}.triple-grid,.format-overview-grid{grid-template-columns:1fr}.content-copy,.info-card-copy,.faq-answer{font-size:.94rem}.app-brand{display:none}}.language-switcher{display:inline-flex;gap:0;flex-shrink:0}.language-link{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:36px;padding:0 .75rem;border:1px solid var(--theme-panel-border);text-decoration:none;color:var(--theme-text-muted);background:transparent;font-weight:700;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;position:relative;transition:color .15s,background .15s}.language-link+.language-link{border-left:none}.language-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--theme-accent);transform:scaleX(0);transition:transform .18s ease}.language-link:hover{color:var(--theme-accent);background:rgb(var(--theme-accent-rgb) / .08)}.language-link:hover:after{transform:scaleX(1)}.language-link[data-current=true]{color:var(--theme-base);background:var(--theme-accent);border-color:var(--theme-accent)}.language-link[data-current=true]:after{display:none}.generator-app{display:flex;flex-direction:column;flex:1;min-height:0}.generator-grid{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.control-panel{padding:.75rem .875rem;display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid var(--theme-panel-border);background:rgb(var(--theme-accent-rgb) / .02);scrollbar-width:thin;scrollbar-color:var(--theme-panel-border) transparent}.cp-row{display:flex;align-items:center;gap:.6rem}.cp-label{font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--theme-text-muted);white-space:nowrap;flex-shrink:0}.cp-group{display:flex;flex-direction:column;gap:.45rem}.cp-duo{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.cp-slider-row{display:flex;align-items:center;gap:.5rem}.cp-slider-row .range-field{flex:1;min-width:0}.cp-divider{height:1px;background:var(--theme-panel-border);margin:.55rem 0;flex-shrink:0}.cp-spacer{flex:1;min-height:.5rem}.cp-actions{display:flex;flex-direction:column;gap:.45rem;flex-shrink:0}.format-select{flex:1;min-width:0;height:38px;border:1px solid var(--theme-panel-border);padding:0 2rem 0 .7rem;background-color:var(--theme-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;color:var(--theme-text-strong);font-size:.88rem;font-weight:600;cursor:pointer;appearance:none;transition:border-color .15s}.format-select:hover{border-color:rgb(var(--theme-accent-rgb) / .5)}.format-select:focus-visible{outline:2px solid var(--theme-accent);outline-offset:1px}.value-chip{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:22px;padding:.1rem .4rem;border:1px solid var(--theme-panel-border);background:rgb(var(--theme-accent-rgb) / .06);color:var(--theme-text-muted);font-size:.78rem;flex-shrink:0}.text-field,.upload-field{width:100%;min-height:38px;border:1px solid var(--theme-panel-border);padding:.5rem .75rem;background:rgb(var(--theme-accent-rgb) / .03);color:var(--theme-text-strong);font-size:.9rem;transition:border-color .15s,background .15s}.text-field--title{font-size:1rem;font-weight:700}.text-field:hover,.upload-field:hover{border-color:rgb(var(--theme-accent-rgb) / .5);background:rgb(var(--theme-accent-rgb) / .05)}.text-field:focus-visible,.upload-field:focus-visible{outline:2px solid var(--theme-accent);outline-offset:1px}.upload-field{padding:.5rem .65rem}.upload-field::file-selector-button{margin-right:.65rem;min-height:28px;border:1px solid var(--theme-panel-border);padding:.3rem .65rem;background:rgb(var(--theme-accent-rgb) / .1);color:var(--theme-text-strong);cursor:pointer;font-size:.82rem}.range-field{width:100%;accent-color:var(--theme-accent)}.action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.primary-button,.secondary-button,.ghost-button{min-height:42px;border:1px solid var(--theme-panel-border);padding:.6rem .875rem;font-size:.88rem;font-weight:800;letter-spacing:.06em;cursor:pointer;position:relative;transition:background .15s,border-color .15s,color .15s;overflow:hidden}.primary-button:after,.secondary-button:after,.ghost-button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgb(var(--theme-accent-rgb) / .12) 50%,transparent 100%);transform:translate(-100%);transition:transform .35s ease;pointer-events:none}.primary-button:hover:after,.secondary-button:hover:after,.ghost-button:hover:after{transform:translate(100%)}.primary-button{background:var(--theme-accent);color:var(--theme-base);border-color:var(--theme-accent)}.primary-button:hover{background:rgb(var(--theme-accent-rgb) / .85)}.secondary-button{background:rgb(var(--theme-accent-rgb) / .08);color:var(--theme-text-strong)}.secondary-button:hover{background:rgb(var(--theme-accent-rgb) / .14);border-color:rgb(var(--theme-accent-rgb) / .5)}.ghost-button{background:transparent;color:var(--theme-text-muted);width:100%}.ghost-button:hover{color:var(--theme-text-strong);border-color:var(--theme-panel-border);background:rgb(var(--theme-accent-rgb) / .04)}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.45;cursor:not-allowed}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible{outline:2px solid var(--theme-accent);outline-offset:1px}.font-status{margin:0;color:var(--theme-text-muted);font-size:.8rem;letter-spacing:.06em;text-align:center;min-height:1.2em}.preview-stage{padding:.75rem .875rem .5rem;display:flex;flex-direction:column;gap:.6rem;overflow:hidden;min-height:0}.preview-topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0}.preview-dim,.preview-hint{margin:0;color:var(--theme-text-muted)}.preview-dim{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase}.preview-hint{font-size:.82rem;flex-shrink:0}.preview-shell{flex:1;min-height:0;border:1px solid var(--theme-panel-border);background:radial-gradient(circle at top,rgb(var(--theme-accent-rgb) / .07),transparent 38%),#020202e6;overflow:hidden;position:relative}.ambient-canvas{position:absolute;inset:0;width:100%;height:100%}.preview-viewport{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:1.25rem}.preview-frame{position:relative;max-width:100%;max-height:100%;overflow:visible;box-shadow:0 26px 80px #0000006b,0 0 40px rgb(var(--theme-accent-rgb) / .16)}.preview-frame:before{content:"";position:absolute;inset:-12px;border:1px solid rgb(var(--theme-accent-rgb) / .15);pointer-events:none}.preview-svg,.preview-svg>svg{width:100%;height:100%;display:block}.theme-strip{display:flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.25rem 0}.theme-chip{display:flex;align-items:center;gap:0;border:1px solid var(--theme-panel-border);background:transparent;padding:0;cursor:pointer;overflow:hidden;transition:border-color .15s,box-shadow .15s;flex-shrink:0}.theme-chip-base,.theme-chip-accent{display:block;width:18px;height:28px}.theme-chip:hover{border-color:rgb(var(--theme-accent-rgb) / .6);box-shadow:0 0 8px rgb(var(--theme-accent-rgb) / .2)}.theme-chip[aria-pressed=true]{border-color:var(--theme-accent);box-shadow:0 0 0 1px var(--theme-accent)}.theme-chip:focus-visible{outline:2px solid var(--theme-accent);outline-offset:2px}.theme-strip-label{margin-left:auto;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--theme-text-muted);flex-shrink:0}@media(max-width:1100px){.generator-grid{grid-template-columns:minmax(280px,320px) minmax(0,1fr)}}@media(max-width:900px){.app-fullscreen{height:auto;overflow:auto}.app-shell{height:auto;min-height:100dvh}.app-main{overflow:visible}.generator-grid{display:flex;flex-direction:column;flex:none;height:auto;overflow:visible}.preview-stage{order:1;min-height:55vw;height:60vw;max-height:80vh}.preview-shell{min-height:0}.control-panel{order:2;overflow-y:visible;border-right:none;border-top:1px solid var(--theme-panel-border)}.cp-spacer{display:none}}@media(max-width:600px){.action-row{grid-template-columns:1fr}.preview-stage{height:70vw;min-height:280px}.preview-viewport{padding:.75rem}.theme-chip-base,.theme-chip-accent{width:14px;height:24px}}.preview-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgb(var(--theme-accent-rgb) / .06),transparent 25%),linear-gradient(0deg,transparent,rgb(var(--theme-accent-rgb) / .03) 65%,transparent);pointer-events:none;z-index:1}.scanline-layer{background:repeating-linear-gradient(180deg,rgb(var(--theme-accent-rgb) / .065) 0,rgb(var(--theme-accent-rgb) / .065) 1px,transparent 1px,transparent 5px);opacity:.35;mix-blend-mode:screen;animation:scan-drift 12s linear infinite;pointer-events:none;z-index:1}.surface-panel,.preview-shell,.choice-card,.primary-button,.secondary-button,.ghost-button,.language-link,.app-nav-link{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}@keyframes card-select-flash{0%{opacity:1}20%{opacity:.7}40%{opacity:1}60%{opacity:.85}to{opacity:1}}.choice-card[data-selected=true]{animation:card-select-flash .25s ease}@keyframes scan-drift{0%{transform:translateY(-12%)}to{transform:translateY(12%)}}@media(prefers-reduced-motion:reduce){.scanline-layer{animation:none}.surface-panel,.preview-shell,.choice-card,.primary-button,.secondary-button,.ghost-button,.language-link,.app-nav-link{transition:none}.choice-card[data-selected=true]{animation:none}}