.cutout-page .tool-shell{max-width:1320px;height:100dvh;display:flex;flex-direction:column;padding:12px 22px}.cutout-page .tool-header{height:44px;min-height:44px;margin-bottom:12px}.cutout-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px}.cutout-heading h1{font-size:27px;margin:0}.cutout-heading p{font-size:12px;color:#7890aa;margin:5px 0 0}.cutout-heading>span{font-size:11px;color:#678db5;background:#ffffffb0;padding:7px 12px;border-radius:20px}.cutout-workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px;padding-bottom:8px}.cutout-page .panel{padding:14px;min-height:0}.editor-panel{display:flex;flex-direction:column;gap:10px}.editor-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cutout-page button,.cutout-page .action-link{border:1px solid #dce7f4;border-radius:9px;background:#eff5fd;color:#587ba3;padding:8px 10px;font-family:inherit;font-size:12px;cursor:pointer;text-decoration:none}.cutout-page button.active{background:#dcecff;border-color:#8ab0dc;color:#316ba8}.cutout-page button:disabled{cursor:not-allowed;opacity:.45}.cutout-page .primary{background:linear-gradient(120deg,#72ace4,#538bcd);color:white;border-color:transparent}.editor-toolbar input{width:85px}.editor-toolbar output{font-size:11px;color:#7790ad}.stage{position:relative;flex:1;min-height:100px;overflow:hidden;border-radius:12px;border:1px solid #e0eaf5;touch-action:none;background-color:#fff;background-image:conic-gradient(#eaf0f7 25%,transparent 0 50%,#eaf0f7 0 75%,transparent 0);background-size:20px 20px}.stage.dragover{outline:3px solid #89b2e5}.stage canvas{position:absolute;max-width:none;max-height:none;transform-origin:0 0;touch-action:none}.stage-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(130deg,#f0f7ff,#fff6fa);color:#7998b8;pointer-events:none;text-align:center;padding:15px}.stage-empty svg{width:56px;height:56px}.stage-empty b{font-size:19px;color:#587da6}.stage-empty span{font-size:12px}.editor-status{font-size:12px;color:#708aa7;min-height:19px;overflow-wrap:anywhere}.editor-status[data-error=true]{color:#bc4d4d}.cutout-sidebar{display:flex;flex-direction:column;gap:12px}.cutout-sidebar h2{font-size:14px;margin:0 0 10px}.cutout-sidebar label{font-size:12px;color:#6a85a3;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0}.cutout-sidebar input[type=range]{width:124px}.cutout-sidebar output{min-width:25px;text-align:right}.cutout-sidebar fieldset{padding:0;margin:0;border:0;min-width:0}.cutout-sidebar fieldset:disabled{opacity:.5}.control-row{display:flex;gap:6px;flex-wrap:wrap}.cutout-sidebar .wide-button{width:100%;margin:5px 0}.cutout-sidebar .note{font-size:11px;line-height:1.6;color:#8b9caf;margin:8px 0 0}.cutout-sidebar select{max-width:132px;padding:5px;border:1px solid #bdd3eb;border-radius:7px;color:#537ba5;background:#fff}.cutout-sidebar input[type=color]{width:30px;height:26px;padding:0;border:0;background:none}.cutout-page [hidden]{display:none!important}.cutout-sidebar .license{font-size:10px;color:#8b9caf;text-decoration:none}.cutout-page .cc-contact{right:8px;bottom:8px}@media(max-height:750px) and (min-width:801px){.cutout-sidebar{gap:8px}.cutout-sidebar .panel{padding:10px}.cutout-sidebar label{margin:6px 0}.cutout-heading{margin-bottom:8px}.cutout-sidebar .note{margin-top:5px}.cutout-page .tool-header{margin-bottom:8px}}@media(max-width:800px){.cutout-page .tool-shell{height:auto;min-height:100dvh;padding:12px 12px 120px}.cutout-workspace{display:flex;flex-direction:column}.editor-panel{height:52dvh;min-height:320px}.cutout-sidebar{display:grid;grid-template-columns:1fr 1fr}.cutout-heading>span{display:none}.cutout-sidebar .export-panel{grid-column:1/-1}}@media(max-width:440px){.cutout-sidebar{grid-template-columns:1fr}.cutout-heading h1{font-size:23px}}