.preview-container-3d{position:relative;width:512px;height:512px}.preview-buttons-container{position:absolute;width:100%;display:flex;justify-content:space-between}.preview-buttons-container>div{display:flex}.icon-button{background:none;border:none;display:flex;padding:4px;opacity:.25}.icon-button.active{opacity:.5}.icon-button>svg{width:20px;height:20px}.icon-button:hover{opacity:1}:root{--primary-accent: #202020;--secondary-accent: #7269ec;--text-on-primary-accent-hover: #e0e0e0;--text-on-secondary-accent-hover: #e0e0e0;--text-on-accent: #ffffff;--text-on-accent-hover: #e0e0e0;--text-color-100: #202020;--text-color-70: #4d4d4d;--text-color-50: #808080;--text-color-30: #b3b3b3;--text-color-20: #cccccc;--text-color-10: #e6e6e6;--bg-color: #f7f7f7;--preview-bg: linear-gradient(#f7f7f7 0%, #f0f0f0 100%);--bg-color-hover: #dddddd;--bg-color-faint: #ebebeb;--button-color: rgba(16, 16, 16, .85);--bg-input: #d7d7d7;--thumb-color: #909090;--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--scrollbar-thumb: rgba(0, 0, 0, .1);--scrollbar-thumb-hover: rgba(0, 0, 0, .2);--focus: #ed69df;--checker: url(/static/checker.png);--primary-accent: #20152b;--text-on-primary-accent: #ffffff;--secondary-accent: #b900a2;--text-on-secondary-accent: #ffffff;--focus: #b900a2}[data-theme=dark]{--bg-color: #20152b;--bg-color-hover: #311e45;--bg-color-faint: #37234f;--preview-bg: linear-gradient(#20152b 0%, #1e1327 100%);--secondary-accent: #b900a2;--primary-accent: #ffffff;--bg-input: #37234f;--thumb-color: #4c386c}*{padding:0;margin:0;font-size:1em;font-family:Inter}body{background-color:var(--bg-color)}a{color:inherit;text-decoration:none;border-bottom:1px solid #ccc}a:not(.button):hover{border-color:inherit}.main-controls{width:100%;height:56px;display:flex;justify-content:space-between;border-bottom:1px solid var(--text-color-10);position:fixed;background-color:var(--bg-color)}.main-controls>div{display:flex;align-items:center;gap:12px;padding:12px}.content-container{padding-top:56px}p.info{cursor:pointer;text-align:center;font-size:20px;padding:32px}p.info:hover{color:var(--text-color-70)}.minikit-block-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width: 400px){.minikit-block-container{grid-template-columns:1fr}}.minikit-block>h2{margin:4px 12px 0}.minikit-block-content{display:grid;align-items:center;grid-template-columns:1fr 1fr auto}.minikit-block-content>div{overflow:hidden;display:flex;align-items:center;justify-content:center;padding:12px}.minikit-block-content>div>img{max-width:100%;max-height:100%}.output-container{align-items:flex-start;padding:12px;display:flex;gap:12px}.output{cursor:pointer;width:512px}.minikit-block-actions{display:flex;flex-direction:column;gap:8px;height:100%}.footer{border-top:1px solid var(--text-color-50);padding:20px;font-size:18px;display:flex;flex-direction:column;gap:12px}.button{padding:4px;border-radius:4px;background-color:var(--primary-accent);color:var(--text-on-primary-accent);font-size:14px;border:none;border:1px solid transparent;text-decoration:none;border-color:transparent;white-space:nowrap;overflow:hidden;cursor:pointer;display:inline-flex;gap:4px;align-items:center}.button[disabled]{opacity:.25;cursor:not-allowed}.button span{overflow:hidden;text-overflow:ellipsis}.button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus)}.button:hover{color:var(--text-on-primary-accent-hover)}.button svg{width:16px;height:16px;flex-shrink:0}.button.button-secondary{background:none;color:var(--text-color-100);border-color:var(--text-color-50)}.button.button-secondary:hover{border-color:var(--text-color-100)}.overlay{background-color:#000000bf;color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%}.overlay.hidden{display:none}