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}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:auto;width:100%}.page-wrapper{background-color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh}.ad-bottom,.ad-top{background-color:#ccc;height:10px;justify-content:center}.ad-bottom,.ad-top,.header{align-items:center;display:flex}.header{padding:10px}.logo img{height:130px;margin-right:20px}.menu ul{display:flex;gap:15px;list-style:none;margin:0;padding:0}.menu li a{color:#333;font-weight:700;text-decoration:none}.content-wrapper{display:flex;flex:1 1}.ad-left,.ad-right{align-items:center;background-color:#ccc;width:150px}.ad-left,.ad-right,.app-container{display:flex;justify-content:center}.app-container{align-items:stretch;flex-grow:1;overflow:hidden}.app-container.portrait{flex-direction:row}.app-container.landscape{flex-direction:column}.toolbar{background-color:#f0f0f0;overflow:hidden;padding:20px;width:250px}.toolbar.portrait{flex-shrink:0;position:relative;width:250px}.toolbar.landscape{align-items:center;display:flex;flex-direction:row;height:150px;justify-content:space-around;position:relative;width:100%}.toolbar.horizontal .tool-section button,.toolbar.horizontal .tool-section input,.toolbar.horizontal .tool-section label,.toolbar.horizontal .tool-section select{margin:0 5px}.shape-controls{display:flex;flex-direction:column;gap:10px}.landscape .shape-controls{flex-direction:row;gap:20px}.landscape .shape-controls .tool-section{flex:1 1;margin:0}.color-pickers{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.color-picker{flex:1 1}.color-picker label{display:block;font-size:.9em;margin-bottom:4px}.color-picker input[type=color]{border:1px solid #ccc;border-radius:4px;height:30px;padding:0;width:100%}.toolbar select.scale-select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;margin-right:10px;min-width:100px;padding:8px;width:auto}.toolbar select.scale-select:focus{border-color:#4caf50;box-shadow:0 0 3px #4aaf504d;outline:none}.tool-section{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin:10px 0;padding:15px}input[type=range]{-webkit-appearance:none;background:#0000;outline:none;width:100%}input[type=range]::-webkit-slider-runnable-track{background:#ddd;border-radius:3px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:green;border:none;border-radius:50%;height:18px;margin-top:-6px;width:18px}input[type=range]:focus{outline:none}.toolbar input[type=number]{margin:5px 0;padding:5px;width:100%}.toolbar label{margin:5px 0}.toolbar h3{border-bottom:1px solid #ccc;margin-top:0;padding-bottom:10px}.landscape-icon{transform:rotate(90deg)}.text-formatting{margin-top:15px}.text-align,.text-controls{display:flex;gap:5px;margin:10px 0}.text-align button,.text-controls button{background:#fff;border:1px solid #ccc;color:#333;flex:1 1;font-size:14px;padding:8px}.submenu{grid-gap:8px;display:grid;gap:8px;margin-top:5px}.portrait .submenu{grid-template-columns:repeat(2,1fr)}.landscape .submenu{grid-auto-flow:column;grid-template-rows:repeat(2,auto)}.submenu button{overflow:hidden;padding:8px;text-overflow:ellipsis;white-space:nowrap}.group-controls{display:flex;gap:5px;margin-top:10px}.group-controls button{flex:1 1;padding:8px}.group-controls button:disabled{cursor:not-allowed;opacity:.5}select{border:1px solid #ccc;border-radius:4px;margin:5px 0;padding:8px;width:100%}.text-formatting label{color:#666;display:block;margin:10px 0 5px}.text-controls button{font-weight:700;height:40px;width:40px}.text-align button{font-size:18px}select option{padding:5px}.canvas-container{align-items:center;background-color:#e0e0e0;flex-grow:1;justify-content:center;overflow:hidden}.canvas-container.main-canvas{background-image:url(/static/media/wizard1.30c8ebfcfcd6eb757a9f.png);background-position:50%;background-size:cover;overflow:hidden;position:relative}.canvas-container>div{left:auto!important;position:relative!important;top:auto!important}.landscape>.canvas-container>div{margin-left:auto;margin-right:auto}.canvas-container canvas::first{box-shadow:0 0 5px #0003}.canvas-wrapper{height:fit-content;margin:auto;position:relative;width:fit-content}.tool-button{align-items:center;background-color:#4caf50;border:none;border-radius:4px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:8px;transition:all .2s ease}.tool-button:hover{background-color:#45a049;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.tool-button i{color:#fff;font-size:18px}.tool-button.active{background-color:#357a38}.tool-button.active i{color:#fff}.tool-button svg{fill:#fff;height:24px;width:24px}.tool-button:hover svg{fill:#fff}.text-controls{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.text-controls button{min-height:36px;padding:8px}.text-align{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(3,1fr)}.text-align button{min-height:36px;padding:8px}.text-align button.active,.text-controls button.active{background:#4caf50;border-color:#4caf50;color:#fff}.toolbar button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:3px 0;padding:8px;transition:all .3s ease;width:100%}.toolbar button:hover:not(:disabled){background-color:#45a049;box-shadow:0 2px 5px #0003;transform:translateY(-1px)}.toolbar button:disabled{background-color:#ccc;cursor:not-allowed}.toolbar input[type=color]{height:40px;margin:5px 0;width:100%}.toolbar input[type=number],.toolbar select{border:1px solid #ccc;border-radius:4px;margin:5px 0;padding:8px;width:100%}.toolbar label{color:#666;display:block;font-weight:700;margin:10px 0 5px}
/*# sourceMappingURL=main.cb16b60d.css.map*/