@import url('ui-fonts.css?v=0.35.0');
.object-creator{width:min(1320px,97vw);max-width:1320px;max-height:95dvh;background:#10152e;border:1px solid #53edff;padding:24px;overflow:auto}.object-creator::backdrop{background:#060a19e8}.object-creator header,.oc-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.object-creator header h2{font-size:16px;margin:10px 0 20px}.object-creator small{color:#53edff}.object-creator h3{font:12px/1.8 Manrope,sans-serif;color:#edf5ff}.oc-starters{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 22px}.oc-starters button{font:16px Inter,sans-serif;padding:9px 18px;border-bottom:3px solid #ff58c7}.oc-workbench{display:grid;grid-template-columns:260px minmax(0,1fr) 220px;gap:22px}.object-creator fieldset{border:0;margin:0;padding:0;min-width:0}.object-creator textarea{width:100%;padding:10px;background:#080e20;border:1px solid #4a5c7a;color:#edf5ff;font:16px/1.2 Inter,sans-serif;resize:vertical}.object-creator p{font-size:19px;line-height:1.25}.object-creator input[type=file]{font-size:16px}.oc-check{display:flex;gap:9px;align-items:flex-start;font-size:18px}.oc-check input{flex:none}.oc-preview{width:100%;height:430px;position:relative;border:1px solid #405879;background:#10152e}.oc-preview canvas{display:block;width:100%;height:100%;touch-action:none}.oc-viewbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;color:#53edff;font-size:16px}.oc-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.oc-actions>*{flex:1;min-width:75px}.oc-actions label{margin:0}.oc-vector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.oc-vector label{grid-column:1/-1;margin-bottom:0}.oc-vector input{padding:8px 4px;font-size:18px}.object-creator [data-o=status]{min-height:50px;color:#edf5ff;border-left:3px solid #7cff5a;padding-left:12px}.object-creator [data-o=balance]{color:#7cff5a}.object-creator [data-o=generate]{width:100%;font-size:11px}.oc-library{border-top:1px solid #354563;margin-top:24px;padding-top:18px}.oc-saved{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.oc-saved button{flex-direction:column;align-items:flex-start;min-height:80px;text-align:left;padding:14px}.oc-saved button span{font:16px Inter,sans-serif}.oc-saved button small{font:15px Inter,sans-serif}.object-creator button,.object-creator .button{min-height:44px}.object-creator [data-o=more]{margin-top:14px}.object-creator [data-o=preview]:focus-visible{outline:2px solid #7cff5a}@media(max-width:1050px){.oc-workbench{grid-template-columns:220px minmax(0,1fr)}.oc-inspector{grid-column:1/-1}.oc-inspector fieldset{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.oc-inspector h3{grid-column:1/-1}.oc-preview{height:390px}}@media(max-width:700px){.object-creator{padding:16px;width:97vw}.object-creator header h2{font-size:12px;line-height:1.8}.oc-workbench{display:flex;flex-direction:column;gap:20px}.oc-viewport{order:0}.oc-design{order:1}.oc-inspector{order:2}.oc-inspector fieldset{display:block}.oc-preview{height:320px}.oc-starters{gap:6px}.oc-starters button{font-size:18px;padding:7px 10px;flex:1}.oc-saved{grid-template-columns:repeat(2,minmax(0,1fr))}.object-creator header{gap:10px}.object-creator header button{font-size:11px}.oc-viewbar{font-size:14px}.oc-actions>*{font-size:11px}.object-creator h3{font-size:11px}}

.oc-elements{border:1px solid #53edff55;padding:0 14px;margin:6px 0 12px;background:#131b30}.oc-elements summary{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer;color:#53edff;list-style:none}.oc-elements summary::after{content:"+";margin-left:auto;font:28px Inter,sans-serif}.oc-elements[open] summary::after{content:"−"}.oc-elements summary:focus-visible{outline:2px solid #7cff5a;outline-offset:3px}.oc-elements .oc-library{margin:16px 0}.oc-new{margin-bottom:18px}

.oc-reference{display:block;width:100%;max-height:240px;object-fit:contain;background:#10152e;border:1px solid #53edff66;margin:10px 0}.oc-reference[hidden]{display:none}

.oc-viewbar{flex-wrap:wrap}.oc-angles{display:flex;gap:5px}.oc-angles button{font-size:11px;padding:8px}