.container[data-v-a90c90d7]{display:flex;flex-direction:column;align-items:center;gap:30px;padding:30px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f8f9fa;min-height:100vh}.media-area[data-v-a90c90d7]{display:flex;gap:20px;justify-content:center;align-items:flex-start;flex-wrap:wrap;width:100%;max-width:1000px}.video-container[data-v-a90c90d7],.canvas-container[data-v-a90c90d7]{position:relative;width:320px;height:320px;border:none;box-shadow:0 4px 12px #0000001a;border-radius:8px;background-color:#e9ecef;overflow:hidden}.preview-container[data-v-a90c90d7]{width:320px;height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #ced4da;border-radius:8px;background-color:#fff;padding:10px;box-sizing:border-box;text-align:center;box-shadow:0 4px 12px #0000000d}.preview-container p[data-v-a90c90d7]{margin-bottom:10px;font-size:1em;color:#495057;font-weight:500}.preview-image[data-v-a90c90d7]{display:block;max-width:100%;max-height:calc(100% - 30px);border-radius:4px;object-fit:contain}.preview-placeholder[data-v-a90c90d7]{font-size:.95em;color:#6c757d;padding:20px}.loading-overlay[data-v-a90c90d7]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.1em;border-radius:8px;z-index:10}.controls[data-v-a90c90d7]{display:flex;gap:25px;align-items:center;flex-wrap:wrap;justify-content:center;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:1000px;box-sizing:border-box}.control-group[data-v-a90c90d7]{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.control-group label[data-v-a90c90d7]{font-size:.9em;color:#495057;font-weight:500;margin-bottom:0}.shape-selector[data-v-a90c90d7],.color-picker[data-v-a90c90d7]{display:flex;gap:15px;align-items:center}.shape-selector label[data-v-a90c90d7],.color-picker label[data-v-a90c90d7]:first-child{cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.95em;color:#343a40}input[type=radio][data-v-a90c90d7]{cursor:pointer;margin-right:3px}.control-group.actions[data-v-a90c90d7]{flex-direction:row;align-items:center;gap:15px;margin-left:auto}.btn[data-v-a90c90d7]{padding:10px 18px;border:none;background-color:#e9ecef;color:#343a40;cursor:pointer;border-radius:6px;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;font-size:.95em;font-weight:500;display:inline-flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000000d}.btn svg[data-v-a90c90d7]{margin-bottom:-2px}.btn[data-v-a90c90d7]:hover{background-color:#dee2e6;box-shadow:0 4px 8px #0000001a}.btn[data-v-a90c90d7]:disabled{cursor:not-allowed;opacity:.6;background-color:#e9ecef;box-shadow:none}.btn.btn-primary[data-v-a90c90d7]{background-color:#007bff;color:#fff}.btn.btn-primary[data-v-a90c90d7]:hover{background-color:#0056b3}.btn.btn-primary[data-v-a90c90d7]:disabled{background-color:#007bff;opacity:.6}input[type=color][data-v-a90c90d7]{width:35px;height:35px;border:1px solid #ced4da;padding:2px;cursor:pointer;border-radius:4px;vertical-align:middle}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.dark{color-schema:dark}html,body,#app{height:100%;margin:0;padding:0}html.dark{background:#121212}@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmmono/v14/aFTU7PB1QTsUX8KYhh0.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2tp2ywxg089UriI5-g4vlH9VoD8CmcqZG40F9JadbnoEwAopxhTg.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dmserifdisplay/v15/-nFnOHM81r4j6k0gjAW3mujVU2B2K_c.ttf) format('truetype');
}
.i-carbon-campsite,[i-carbon-campsite=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='M27.562 26L17.17 8.928l2.366-3.888L17.828 4L16 7.005L14.17 4l-1.708 1.04l2.367 3.888L4.438 26H2v2h28v-2ZM16 10.85L25.22 26H17v-8h-2v8H6.78Z'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;}.i-carbon-pedestrian,[i-carbon-pedestrian=""]{--un-icon:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.2em' height='1.2em' preserveAspectRatio='xMidYMid meet' viewBox='0 0 32 32'%3E%3Cpath fill='currentColor' d='m21.677 14l-1.245-3.114A2.99 2.99 0 0 0 17.646 9h-4.092a3 3 0 0 0-1.544.428L7 12.434V18h2v-4.434l3-1.8v11.931l-3.462 5.194L10.202 30L14 24.303V11h3.646a.995.995 0 0 1 .928.629L20.323 16H26v-2Z'/%3E%3Cpath fill='currentColor' d='M17.051 18.316L19 24.162V30h2v-6.162l-2.051-6.154zM16.5 8A3.5 3.5 0 1 1 20 4.5A3.504 3.504 0 0 1 16.5 8m0-5A1.5 1.5 0 1 0 18 4.5A1.5 1.5 0 0 0 16.5 3'/%3E%3C/svg%3E");mask:var(--un-icon) no-repeat;mask-size:100% 100%;-webkit-mask:var(--un-icon) no-repeat;-webkit-mask-size:100% 100%;background-color:currentColor;height:1.2em;width:1.2em;}.container{max-width:100%;}.btn{display:inline-block;cursor:pointer;border-radius:0.25rem;--un-bg-opacity:1;background-color:rgba(13,148,136,var(--un-bg-opacity));padding-left:1rem;padding-right:1rem;padding-top:0.25rem;padding-bottom:0.25rem;--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}.btn:disabled{cursor:default;--un-bg-opacity:1;background-color:rgba(75,85,99,var(--un-bg-opacity));opacity:0.5;}.btn:hover{--un-bg-opacity:1;background-color:rgba(15,118,110,var(--un-bg-opacity));}@media (min-width: 640px){.container{max-width:640px;}}@media (min-width: 768px){.container{max-width:768px;}}@media (min-width: 1024px){.container{max-width:1024px;}}@media (min-width: 1280px){.container{max-width:1280px;}}@media (min-width: 1536px){.container{max-width:1536px;}}.absolute{position:absolute;}.relative{position:relative;}.m-3{margin:0.75rem;}.mt-8{margin-top:2rem;}.block{display:block;}.inline-block,[inline-block=""]{display:inline-block;}.hidden{display:none;}[w~="\32 50px"]{width:250px;}.flex{display:flex;}.inline-flex{display:inline-flex;}.border,[border~="\~"]{border-width:1px;border-style:solid;}.dark [border~="dark\:gray-700"]{--un-border-opacity:1;border-color:rgba(55,65,81,var(--un-border-opacity));}[border~="gray-200"]{--un-border-opacity:1;border-color:rgba(229,231,235,var(--un-border-opacity));}.rounded,[border~="rounded"]{border-radius:0.25rem;}.dark .dark\:bg-hex-121212{--un-bg-opacity:1;background-color:rgba(18,18,18,var(--un-bg-opacity));}[bg~="transparent"]{background-color:transparent;}.py-4,[py-4=""]{padding-top:1rem;padding-bottom:1rem;}[p~="x-4"]{padding-left:1rem;padding-right:1rem;}[p~="y-2"]{padding-top:0.5rem;padding-bottom:0.5rem;}[text~="center"]{text-align:center;}.font-sans{font-family:"DM Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";}.text-4xl,[text-4xl=""]{font-size:2.25rem;line-height:2.5rem;}.text-sm,[text-sm=""]{font-size:0.875rem;line-height:1.25rem;}.dark .dark\:text-white{--un-text-opacity:1;color:rgba(255,255,255,var(--un-text-opacity));}.op50,.op50\:,[op50=""]{opacity:0.5;}.op75,.op75\:,[op75=""]{opacity:0.75;}.shadow{--un-shadow-inset:var(--un-empty,/*!*/ /*!*/);--un-shadow:0 0 #0000;}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);}.outline{outline-style:solid;}[outline~="none"],[outline~="active\:none"]:active{outline:2px solid transparent;outline-offset:2px;}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);}[content~="initial-scale\=1\.0"]{content:"initial-scale=1.0";}[content~="Opinionated"]{content:"Opinionated";}[content~="Starter"]{content:"Starter";}[content~="Template"]{content:"Template";}[content~="Vite"]{content:"Vite";}[content~="width\=device-width\2c "]{content:"width=device-width,";}