*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Roboto Mono;src:url(/static/dist/RobotoMono-Regular.ttf)format("truetype"),url(fonts/RobotoMono-Regular.woff)format("woff")}body{color:#000;background:#fafafa;font-family:Roboto Mono,Courier New,Courier,monospace}#three-container{cursor:move;z-index:1;width:100vw;height:100vh;position:fixed;top:0;left:0}.ui-layer{pointer-events:none;z-index:10;position:fixed;inset:0}.panel{pointer-events:auto;-webkit-backdrop-filter:blur(8px);background:#fafafad9;border:1px solid #000;flex-direction:column;width:340px;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:20px;bottom:20px;box-shadow:0 4px 15px #0000001a}.panel-header{text-transform:uppercase;border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding:12px 20px;font-size:11px;font-weight:700;display:flex}.panel-header button.close-btn{cursor:pointer;background:0 0;border:none;width:auto;padding:0;font-size:18px;line-height:1}.panel-header button.close-btn:hover{color:#555;background:0 0}.panel-body{flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.left-panel{left:20px;transform:translate(0)}.left-panel.hidden{transform:translate(calc(-100% - 40px))}.right-panel{right:20px;transform:translate(0)}.right-panel.hidden{transform:translate(calc(100% + 40px))}.toggle-btn{pointer-events:auto;z-index:5;-webkit-backdrop-filter:blur(8px);text-transform:uppercase;cursor:pointer;background:#fafafad9;border:1px solid #000;width:auto;padding:10px 15px;font-size:11px;transition:font-weight .2s,background .2s,color .2s;position:absolute;top:20px}.toggle-btn:hover{color:#fff;background:#000}.toggle-left{left:20px}.toggle-left.hidden{display:none}.toggle-right{right:20px}.toggle-right.hidden{display:none}form{flex-direction:column;gap:16px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}label{text-transform:uppercase;font-size:11px}input[type=number],input[type=file],input[type=range],button{text-transform:uppercase;cursor:pointer;background:#fff;border:1px solid #000;width:100%;padding:8px 10px;font-family:inherit;font-size:11px}button:hover{color:#fff;background:#000}button:disabled{color:#666;cursor:not-allowed;background:#ccc;border-color:#ccc}.btn-primary{color:#fff;background:#000}.dim-pair{gap:5px;display:flex}.dim-pair input{flex:1}.sub-hint{color:#666;text-transform:none;font-size:10px}#spinner{text-transform:uppercase;color:#555;align-items:center;gap:8px;margin-top:8px;font-size:11px;display:none}#spinner.active{display:flex}.spin-ring{border:2px solid #ccc;border-top-color:#000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#error-banner{color:#ff0;text-transform:uppercase;background:#000;margin-top:8px;padding:10px 14px;font-size:11px;display:none}#error-banner.visible{display:block}.info-grid{flex-direction:column;gap:20px;display:flex}.info-item p{text-transform:none;text-wrap:balance;margin-bottom:0;font-size:12px;line-height:1.4}@media (width<=768px){.panel{width:calc(100vw - 40px);max-width:400px}.right-panel.hidden{transform:translate(calc(100vw + 40px))}.left-panel.hidden{transform:translate(calc(-100vw - 40px))}}#panel-info .panel-body{padding-right:15px}.info-item a{color:#000;text-decoration:underline}#color-fg{height:38px;padding:2px 4px}input#spine,input#back-cover{margin-top:4px}.download-group{margin-top:5px}hr.divider{border:none;border-top:1px solid #000;margin:20px 0}#slice-preview-window{flex-direction:column;width:100%;display:flex}#slice-preview-window .overlay-header{color:#000;background:0 0;border-bottom:1px solid #000;margin-bottom:15px;padding:0 0 8px;font-size:11px}#slice-preview-container{background:#eee;border:1px solid #000;justify-content:center;align-items:center;height:180px;display:flex;overflow:hidden}#preview-placeholder{color:#999;text-transform:uppercase;font-size:9px}#slice-preview-img{width:auto;height:100%;image-rendering:pixelated;display:none}