@import url(https://fonts.googleapis.com/css2?family=Playpen+Sans:wght@300;400;600;800&display=swap);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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#cbd5e1;box-sizing:border-box;font-family:Playpen Sans,cursive;margin:0;overflow:hidden;padding:0}.app-layout{background-color:initial!important;height:100vh}.app-header{align-items:center;background:#fde047!important;border-bottom:4px solid #111;display:flex;height:70px;justify-content:space-between;padding:0 20px;z-index:10}.header-title{color:#111;font-family:Playpen Sans,cursive!important;font-weight:800!important;letter-spacing:1px;margin:0!important;text-transform:uppercase}.app-sidebar{background:#fff!important;border-right:4px solid #111;padding:24px 16px;z-index:5}.ant-layout-sider-children{overflow-y:auto}.ant-layout-sider-zero-width-trigger{background:#111!important;border:2px solid #111;border-radius:8px 0 0 8px!important;top:12px!important}.app-sidebar .ant-btn{align-items:center;background:#fff;border:3px solid #111;border-radius:8px;box-shadow:4px 4px 0 #111;display:flex;font-family:Playpen Sans,cursive;font-weight:600;height:45px;justify-content:flex-start;margin-bottom:12px;padding-left:16px;transition:all .15s ease-in-out}.app-sidebar .ant-btn:hover{background-color:#e0f2fe;box-shadow:2px 2px 0 #111;transform:translateY(2px)}.export-btn{background:#60a5fa!important;border:3px solid #111!important;border-radius:8px;box-shadow:4px 4px 0 #111!important;color:#111!important;font-family:Playpen Sans,cursive!important;font-weight:800;height:40px;transition:all .1s}.export-btn:hover{box-shadow:2px 2px 0 #111!important;transform:translate(2px,2px)}.app-content{background:#cbd5e1;display:block;overflow:auto;padding:40px}.export-wrapper{background:#eef2ff;border-radius:16px;box-shadow:0 10px 25px #0000001a;flex-shrink:0;margin:0 auto;width:fit-content}.canvas-wrapper{background:#fff;border:4px solid #111;border-radius:12px;box-shadow:8px 8px 0 #11111126;height:768px;overflow:hidden;position:relative;width:1024px}.wireframe-canvas{background-color:#fff;background-image:radial-gradient(#cbd5e1 2px,#0000 0);background-size:24px 24px;height:100%;left:0;position:absolute;top:0;width:100%}.rnd-element{align-items:center;display:flex;justify-content:center}.rnd-element:hover{cursor:grab;outline:3px dashed #f472b6}.rnd-element:active{cursor:grabbing}.wireframe-btn{background-color:#fff;border:3px solid #111;border-radius:12px;box-shadow:4px 4px 0 #111;cursor:pointer;font-family:Playpen Sans,cursive;font-size:16px;font-weight:800;height:100%;transition:transform .1s;width:100%}.wireframe-btn:active{box-shadow:2px 2px 0 #111;transform:translate(2px,2px)}.wireframe-text{color:#111;font-family:Playpen Sans,cursive;font-size:18px;font-weight:600;height:100%;line-height:1.2;padding:5px;width:100%}.wireframe-rect{background-color:#f8fafc;font-family:Playpen Sans,cursive}.wireframe-image,.wireframe-rect{border:3px solid #111;border-radius:8px;height:100%;width:100%}.wireframe-image{align-items:center;background-color:#f1f5f9;display:flex;justify-content:center;overflow:hidden;position:relative}.layer-controls{background:#111;border-radius:8px;box-shadow:4px 4px 0 #0003;display:flex;gap:6px;padding:6px;position:absolute;right:0;top:-45px;z-index:999}.layer-btn{background:#fff;border:2px solid #111;border-radius:4px;cursor:pointer;font-weight:700;padding:4px 8px;transition:all .1s}.layer-btn.delete{background:#fca5a5}.layer-btn:hover{transform:scale(1.1)}.wireframe-browser{background-color:#fff;border:4px solid #111;border-radius:12px;box-shadow:6px 6px 0 #111;display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.browser-header{align-items:center;background-color:#e2e8f0;border-bottom:4px solid #111;display:flex;gap:16px;height:40px;min-height:40px;padding:0 16px}.browser-actions{display:flex;gap:8px}.browser-actions .circle{border:2px solid #111;border-radius:50%;height:14px;width:14px}.browser-actions .circle:first-child{background-color:#fca5a5}.browser-actions .circle:nth-child(2){background-color:#fde047}.browser-actions .circle:nth-child(3){background-color:#86efac}.browser-url-bar{align-items:center;border:2px solid #111;border-radius:6px;color:#111;display:flex;font-size:14px;font-weight:600;height:24px;padding:0 10px}.browser-content-area,.browser-url-bar{background-color:#fff;flex-grow:1}@media (max-width:768px){.app-header{padding:0 12px}.header-title{font-size:20px!important}.export-btn{font-size:14px;padding:0 12px}.app-sidebar{padding:16px 12px}}.wireframe-line{background-color:#111;border-radius:2px;height:100%;min-height:2px;width:100%}.wireframe-video{align-items:center;background-color:#e2e8f0;border:3px solid #111;border-radius:12px;box-shadow:4px 4px 0 #0000001a;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.wireframe-video:before{background:repeating-linear-gradient(45deg,#0000,#0000 10px,#fff3 0,#fff3 20px);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.video-duration{background:#111;border-radius:4px;bottom:8px;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;position:absolute;right:8px}.wireframe-dummy-text{display:flex;flex-direction:column;gap:12px;height:100%;overflow:hidden;padding:8px;width:100%}.skeleton-line{background-color:#94a3b8;border-radius:6px;height:12px;opacity:.7;width:100%}.skeleton-line:nth-child(2){width:95%}.skeleton-line:nth-child(3){width:90%}.skeleton-line.short{width:60%}
/*# sourceMappingURL=main.b99168b5.css.map*/