*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,sans-serif;background:#1e1e1e;color:#d4d4d4;min-height:100vh}.container{display:flex;flex-direction:column;height:100vh;max-width:1800px;margin:0 auto;padding:0 1rem}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #333}header h1{font-size:1.5rem;font-weight:600}header .github-link{color:#d4d4d4;transition:color .2s}header .github-link:hover{color:#fff}.controls{display:flex;gap:1.5rem;align-items:center;padding:1rem 0;border-bottom:1px solid #333;flex-wrap:wrap}.controls label{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.controls select,.controls input{background:#2d2d2d;border:1px solid #404040;color:#d4d4d4;padding:.375rem .5rem;border-radius:4px;font-size:.875rem}.controls select:focus,.controls input:focus{outline:none;border-color:#007acc}.controls input[type=number]{width:80px}.controls .checkbox-label{cursor:pointer;user-select:none}.controls .checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.controls #render-time{font-size:.75rem;color:#888;margin-left:auto}.controls .action-btn{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:#0e639c;border:none;border-radius:4px;color:#fff;font-size:.875rem;cursor:pointer;transition:background .2s}.controls .action-btn:hover{background:#17b}.controls .action-btn:active{background:#0d5a8c}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem;flex:1;padding:1rem 0;min-height:0}@media(max-width:900px){.main-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.editor-panel{display:flex;flex-direction:column;min-height:0;border:1px solid #333;border-radius:4px;overflow:hidden}.editor-panel #editor{flex:1;min-height:300px}.editor-panel .drop-zone{padding:.75rem;text-align:center;background:#252526;border-top:1px solid #333;color:#888;font-size:.75rem;transition:all .2s}.editor-panel .drop-zone.drag-over{background:#264f78;color:#fff}.preview-panel{display:flex;align-items:center;justify-content:center;background:#252526;border:1px solid #333;border-radius:4px;overflow:hidden;min-width:0;min-height:0}.preview-panel .loading{color:#888;font-size:.875rem}.preview-panel .error{display:none;background:#5a1d1d;border:1px solid #be1100;color:#f48771;padding:1rem;border-radius:4px;font-family:monospace;font-size:.875rem;max-width:100%;word-break:break-word}.preview-panel #preview-container{display:none;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:center;justify-items:center;align-content:center;gap:15px;height:100%;padding:1rem;min-width:0;min-height:0;overflow-y:auto}.preview-panel .preview-link{min-width:0;min-height:0;max-width:100%}.preview-panel .preview-image{display:block;max-width:100%;object-fit:contain;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.3);cursor:zoom-in}@media print{body{background:#fff;margin:0;padding:0}.container{display:block;height:auto;max-width:none;padding:0}header,.controls,.editor-panel,.privacy-notice,footer,#loading,#error{display:none!important}.main-content{display:block;padding:0}.preview-panel{display:block;background:0 0;border:none;padding:0;overflow:visible}#preview-container{display:block!important}.preview-image{display:block!important;max-width:100%;max-height:none;box-shadow:none;margin:0 auto 20px;page-break-after:always}.preview-image:last-child{page-break-after:avoid;margin-bottom:0}}.privacy-notice{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem 1rem;background:linear-gradient(135deg,#1a3a1a 0%,#1e2a1e 100%);border:1px solid #2d5a2d;border-radius:6px;margin-top:.5rem;font-size:.8rem;color:#a3d9a3}.privacy-notice svg{flex-shrink:0;color:#4caf50}.privacy-notice strong{color:#4caf50}footer{padding:1rem 0;border-top:1px solid #333;text-align:center;font-size:.75rem;color:#888}