body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.studio{--ink:#212121;--muted:#6b6b6b;--line:#e8e8e8;background:#fafafa;color:var(--ink);font-size:13px;line-height:1.5;min-height:100vh}.studio-header{align-items:center;background:#fff;border-bottom:1px solid var(--line);box-sizing:border-box;display:flex;gap:16px;height:64px;justify-content:space-between;padding:0 24px}.studio-header h1{font-size:15px;font-weight:600;letter-spacing:-.3px;margin:0}.studio button,.studio input,.studio select{font-family:inherit}.export-button{background:#213454;border:0;border-radius:6px;box-shadow:0 1px 2px #0002,inset 0 1px 0 #ffffff14;color:#fff;cursor:pointer;font-size:12px;font-weight:500;min-height:34px;padding:7px 12px}.export-button:disabled{cursor:wait;opacity:.6}.App{display:grid;grid-template-columns:272px minmax(0,1fr);height:calc(100vh - 64px)}.AppControls{background:#fff;border-right:1px solid var(--line);overflow-y:auto;scrollbar-width:thin}.control-section{padding:22px 20px}.control-section+.control-section{border-top:1px solid var(--line)}.control-section>div{display:flex;flex-direction:column;gap:6px;margin-top:12px}.control-section label{color:#515151;font-size:12px;font-weight:400}.control-section input[type=text],.control-section select{background:#fff;border:0;border-radius:5px;box-shadow:0 0 0 1px #00000020,0 1px 2px #00000008;box-sizing:border-box;color:var(--ink);font-size:13px;min-height:34px;padding:7px 10px;width:100%}.control-section select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='m2 4 4 4 4-4' stroke='%23515151' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:12px 12px;padding-inline-end:34px}.control-section input[type=color]{background:#fff;border:0;border-radius:5px;box-shadow:0 0 0 1px #00000020,0 1px 2px #00000008;cursor:pointer;height:34px;padding:4px;width:100%}.control-section>.inline{align-items:center;flex-direction:row;gap:12px;justify-content:space-between;margin-top:8px;min-height:28px}.inline label{cursor:pointer;flex:1 1}.inline input{accent-color:#252525;cursor:pointer;height:15px;margin:0;width:15px}.upload-control{position:relative}.imagesSelect{align-items:center;border-radius:5px;box-shadow:0 0 0 1px #00000020,0 1px 2px #00000008;cursor:pointer;display:flex;gap:6px;justify-content:center;padding:8px}.imagesSelectInput{cursor:pointer;height:35px;inset:0 0 auto;opacity:0;position:absolute;width:100%}.upload-control:focus-within .imagesSelect{outline:2px solid #436da6;outline-offset:3px}.preview-workspace{min-width:0;overflow-y:auto;padding:24px 28px}.export-error{color:#a32727;margin:0}.export-error:not(:empty){padding:16px 0}.device-panel{min-width:0}.device-panel+.device-panel{margin-top:32px}.device-heading{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:18px}.device-heading h2{font-size:13px;font-weight:600;margin:0}.device-heading>span{font-feature-settings:"tnum";color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.AppScreens{align-items:flex-start;display:flex;gap:20px;overflow-x:auto;padding:1px 2px 16px;scrollbar-color:#c9c9c9 #0000;scrollbar-width:thin}.screenshot-card{flex-shrink:0;min-width:0}.screenshot-label{color:var(--muted);font-size:12px;margin-bottom:10px}.screenshot-art{border-radius:32px;box-shadow:0 0 0 5px #0000000a,0 10px 24px #00000006;overflow:hidden}.download-btn{background:#fff;border:0;border-radius:5px;box-shadow:0 0 0 1px #00000018,0 1px 2px #00000008;color:#515151;cursor:pointer;font-size:12px;margin-top:12px;min-height:32px;padding:7px 10px;width:100%}.skip-link{background:#fff;color:#252525;left:16px;padding:12px;position:fixed;top:-100px;z-index:10}.skip-link:focus{top:12px}.studio :focus-visible{outline:2px solid #436da6;outline-offset:3px}.featured-image,.featured-tiles>label{cursor:pointer}@media (hover:hover) and (pointer:fine){.export-button:hover{background:#2b4269}.download-btn:hover,.upload-control:hover .imagesSelect{background:#f5f5f5}@media (prefers-reduced-motion:no-preference){.studio button{transition:transform .14s cubic-bezier(.23,1,.32,1)}.studio button:active:not(:focus-visible){transform:scale(.97)}}}@media (max-width:46rem){.studio-header{flex-wrap:wrap;height:auto;min-height:64px;padding:16px}.App{display:flex;flex-direction:column;height:auto}.AppControls{border-bottom:1px solid var(--line);border-right:0;overflow:visible}.control-section,.preview-workspace{padding:20px 16px}.control-section input[type=text],.control-section select{font-size:16px}}
/*# sourceMappingURL=main.0664ac33.css.map*/