@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;900&display=swap";:root{--color-canvas: #F0F0F0;--color-foreground: #121212;--color-red: #D02020;--color-blue: #1040C0;--color-yellow: #F0C020;--color-muted: #E0E0E0;--color-border: #121212}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;background:var(--color-canvas);color:var(--color-foreground);min-height:100vh}.bauhaus-app{min-height:100vh;display:flex;flex-direction:column}.hero-section{border-bottom:4px solid var(--color-border);padding:2rem 1.5rem 3rem}.bauhaus-nav{max-width:1200px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.logo-mark{display:flex;gap:.35rem;align-items:center}.logo-mark span{width:28px;height:28px;border:4px solid var(--color-border)}.logo-circle{border-radius:999px;background:var(--color-red)}.logo-square{background:var(--color-yellow)}.logo-triangle{position:relative;border:none;background:transparent}.logo-triangle:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-blue);clip-path:polygon(50% 0,0 100%,100% 100%)}.bauhaus-nav .nav-links{display:flex;gap:1rem;font-size:.85rem;letter-spacing:.25em;text-transform:uppercase}.hero-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;align-items:stretch}.hero-copy{padding:2rem;border:4px solid var(--color-border);background:#fff;position:relative;overflow:hidden;box-shadow:8px 8px 0 0 var(--color-border)}.hero-copy:after{content:"";position:absolute;width:80px;height:80px;border-radius:999px;border:4px solid var(--color-border);right:-20px;bottom:-20px}.hero-label{font-size:.7rem;letter-spacing:.45em;text-transform:uppercase;font-weight:700;margin-bottom:.75rem}.hero-title{font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.3;font-weight:900;letter-spacing:.02em}.hero-copy p{margin-top:1rem;font-weight:500;line-height:1.6}.hero-pill-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero-pill{padding:.6rem .9rem;border:2px solid var(--color-border);border-radius:999px;background:#fff;display:flex;flex-direction:column;text-align:center;gap:.15rem}.hero-pill span:first-child{font-size:.55rem;letter-spacing:.4em;text-transform:uppercase;font-weight:700}.hero-pill span:last-child{font-size:.9rem;font-weight:900;letter-spacing:.25em}.hero-visual{position:relative;min-height:320px;border:4px solid var(--color-border);padding:1.5rem;background:#fff;overflow:hidden}.hero-visual .panel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hero-visual .panel:before,.hero-visual .panel:after{content:"";position:absolute;border:4px solid var(--color-border)}.hero-visual .panel:before{width:160px;height:160px;background:var(--color-blue);transform:rotate(4deg);top:20px;right:20px}.hero-visual .panel:after{width:100px;height:100px;background:var(--color-yellow);border-radius:999px;left:40px;bottom:40px}.hero-visual .floating-square{width:80px;height:80px;background:var(--color-red);border:4px solid var(--color-border);position:absolute;top:40%;left:45%;transform:rotate(45deg)}.bauhaus-main{display:flex;flex-direction:column;gap:0}.section{width:100%;padding:clamp(2.5rem,3vw,3.5rem) 1.25rem;border-bottom:4px solid var(--color-border)}.section-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:4px solid var(--color-border);padding-bottom:.75rem}.section-heading h2{font-size:clamp(1.75rem,3vw,2.5rem);letter-spacing:.3em;text-transform:uppercase;font-weight:900;margin-top:.25rem}.section-heading span{font-size:.8rem;text-transform:uppercase;letter-spacing:.4em}.section--yellow{background:var(--color-yellow)}.section--red{background:var(--color-red)}.section--blue{background:var(--color-blue)}.card{background:#fff;border:4px solid var(--color-border);padding:2rem;box-shadow:8px 8px 0 0 var(--color-border);position:relative}.card:after{content:"";width:28px;height:28px;position:absolute;border-radius:999px;border:4px solid var(--color-border);top:-12px;right:-12px;background:var(--color-red)}.input-card input[type=text]{width:100%;padding:.9rem 1rem;border:2px solid var(--color-border);background:transparent;font-size:1rem;text-transform:none}.input-card label{font-size:.75rem;letter-spacing:.4em;text-transform:uppercase}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:4px solid var(--color-border);border-radius:999px;overflow:hidden}.mode-button{background:#fff;border:none;padding:.75rem 0;font-size:.7rem;letter-spacing:.35em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background .2s ease}.mode-button.active{background:var(--color-border);color:#fff}.file-label{border:2px dashed var(--color-border);padding:1.5rem;margin-top:1rem;display:flex;flex-direction:column;gap:.35rem;align-items:center;text-transform:uppercase;font-size:.75rem;letter-spacing:.3em}.file-label input{display:none}.file-name{font-size:.9rem;font-weight:600}.primary-btn{margin-top:1.25rem;padding:.9rem 1.75rem;border:4px solid var(--color-border);border-radius:0;background:var(--color-foreground);color:#fff;font-weight:800;letter-spacing:.4em;text-transform:uppercase;font-size:.85rem;cursor:pointer;box-shadow:6px 6px 0 0 var(--color-border);transition:transform .2s ease,box-shadow .2s ease}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.primary-btn:active{transform:translate(2px,2px);box-shadow:none}.status-indicator{align-self:flex-start;padding:.35rem .85rem;border:2px solid var(--color-border);letter-spacing:.3em;text-transform:uppercase;font-weight:700;margin-top:.5rem}.logs-list{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.log-item{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center;border-bottom:2px solid var(--color-border);padding-bottom:.5rem}.log-time{font-size:.75rem;letter-spacing:.35em;text-transform:uppercase}.log-level{text-transform:uppercase;font-size:.65rem;font-weight:700;letter-spacing:.25em}.log-message{font-weight:500}.results-card{color:#121212;background:#fff;border:4px solid var(--color-border);position:relative;padding:0}.result-section{margin:0}.result-panel{position:relative;border:2px solid var(--color-border);padding:1.5rem;margin:1rem;background:#fff;box-shadow:4px 4px 0 0 var(--color-border);z-index:1}.result-panel h3{font-size:1.15rem;letter-spacing:.3em;text-transform:uppercase;margin-bottom:.75rem}.result-panel:after{content:"";position:absolute;width:20px;height:20px;border-radius:999px;border:4px solid var(--color-yellow);top:-12px;right:-12px;background:var(--color-red)}.result-body{max-height:320px;overflow-y:auto;padding-right:.75rem}.result-body--raw{max-height:240px}.srt-content{font-family:SF Mono,Consolas,Monaco,monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;word-break:break-all}.result-body p{margin-bottom:.75rem;line-height:1.7;font-weight:500;white-space:pre-wrap}.result-body h1,.result-body h2,.result-body h3,.result-body h4{margin:.4rem 0;letter-spacing:.1em;text-transform:none}.result-body ul,.result-body ol{padding-left:1.25rem;margin-bottom:.75rem;line-height:1.6}.result-body strong{font-weight:800}.result-attachments{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem 1.5rem;border-top:2px solid var(--color-border)}.attachment-label{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;font-weight:800}.attachment-links{display:flex;gap:.75rem;flex-wrap:wrap}.attachment-links a{color:var(--color-foreground);border:2px solid var(--color-foreground);padding:.35rem .55rem;letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;text-decoration:none}.files-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.file-link{border:2px solid var(--color-border);padding:.65rem .9rem;text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;color:inherit;background:#fff}.bauhaus-footer{text-align:center;padding:2rem 1rem;font-size:.75rem;letter-spacing:.35em;text-transform:uppercase}@media (max-width: 768px){.bauhaus-nav{flex-wrap:wrap}.hero-copy,.hero-visual{padding:1.25rem}.section-heading{flex-direction:column;align-items:flex-start}.mode-switch,.log-item{grid-template-columns:1fr}}