.ccs-cut-maker{--ccs-orange:#f74302;--ccs-ink:#111;--ccs-line:#d8d8d8;--ccs-soft:#f4f4f4;max-width:1180px;margin:2rem auto;font-family:inherit;color:var(--ccs-ink)}
.ccs-cut-maker *{box-sizing:border-box}.ccs-cut-maker__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:24px}.ccs-cut-maker__panel{border:2px solid var(--ccs-ink);background:#fff;padding:20px}.ccs-cut-maker__title{margin:0 0 6px;font-size:clamp(24px,4vw,40px);line-height:1}.ccs-cut-maker__intro{margin:0 0 20px;color:#555}.ccs-cut-maker__field{margin:0 0 18px}.ccs-cut-maker__label{display:block;font-weight:800;margin:0 0 7px}.ccs-cut-maker input[type=file],.ccs-cut-maker input[type=number],.ccs-cut-maker select{width:100%;min-height:46px;border:2px solid var(--ccs-ink);border-radius:0;background:#fff;padding:10px 12px;font:inherit}.ccs-cut-maker input[type=range]{width:100%;accent-color:var(--ccs-orange)}.ccs-cut-maker__row,.ccs-cut-maker__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ccs-cut-maker__check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.ccs-cut-maker__check input{margin-top:3px;accent-color:var(--ccs-orange)}.ccs-cut-maker__button{width:100%;border:2px solid var(--ccs-ink);background:var(--ccs-orange);color:#fff;font:inherit;font-weight:900;text-transform:uppercase;letter-spacing:.03em;padding:14px 16px;cursor:pointer;box-shadow:4px 4px 0 var(--ccs-ink)}.ccs-cut-maker__button--secondary{background:#fff;color:var(--ccs-ink)}.ccs-cut-maker__button:disabled,.ccs-cut-maker__tool-button:disabled{opacity:.45;cursor:not-allowed}.ccs-cut-maker__stage{position:relative;min-height:430px;background-color:#e8e8e8;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;overflow:hidden;border:2px solid var(--ccs-ink)}.ccs-cut-maker__preview-scroll{position:absolute;inset:0;width:100%;height:100%;min-height:428px;display:grid;place-items:center;overflow:hidden;padding:22px 22px 72px;overscroll-behavior:contain;scrollbar-gutter:auto}.ccs-cut-maker__preview-scale{display:grid;place-items:center;flex:none;margin:0 auto;transition:width .12s ease,height .12s ease}.ccs-cut-maker__preview{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center}.ccs-cut-maker__preview svg,.ccs-cut-maker__preview img{display:block;width:100%;height:100%;max-width:none;max-height:none}.ccs-cut-maker__empty{text-align:center;max-width:280px;font-weight:700;color:#666}.ccs-cut-maker__measure{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;border:2px solid var(--ccs-ink);padding:10px 12px;text-align:center;font-weight:900}.ccs-cut-maker__status{margin-top:14px;border:2px solid var(--ccs-ink);padding:12px;font-weight:800;background:#fff}.ccs-cut-maker__status[data-state=ready]{border-color:#16853d;background:#effbf3;color:#126c32}.ccs-cut-maker__status[data-state=warn]{border-color:#d48a00;background:#fff8e8}.ccs-cut-maker__status[data-state=error]{border-color:#b91c1c;background:#fff0f0;color:#991b1b}.ccs-cut-maker__small{font-size:12px;color:#666;margin-top:6px}.ccs-cut-maker__pill{display:inline-block;background:var(--ccs-ink);color:#fff;padding:4px 8px;font-size:12px;font-weight:800;margin-bottom:10px}.ccs-cut-maker__details{margin:14px 0 0;padding:0;list-style:none;font-size:14px}.ccs-cut-maker__details li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ccs-line);padding:8px 0}.ccs-cut-maker__details strong{text-align:right}.ccs-cut-maker__hidden{display:none!important}.ccs-cut-maker__preview-tools{margin-top:12px;border:2px solid var(--ccs-ink);background:#fff;padding:10px 12px}.ccs-cut-maker__zoom-group{display:grid;grid-template-columns:auto auto 1fr auto auto auto;gap:10px;align-items:center}.ccs-cut-maker__zoom-label{font-weight:800}.ccs-cut-maker__tool-button{border:2px solid var(--ccs-ink);background:#fff;padding:8px 12px;font:inherit;font-weight:800;cursor:pointer}.ccs-cut-maker__complexity-box{margin-top:12px}@media(max-width:800px){.ccs-cut-maker__grid,.ccs-cut-maker__row,.ccs-cut-maker__actions{grid-template-columns:1fr}.ccs-cut-maker__stage{min-height:330px}.ccs-cut-maker__preview-scroll{min-height:328px}.ccs-cut-maker__panel{padding:16px}.ccs-cut-maker__zoom-group{grid-template-columns:1fr 1fr 1fr;gap:8px}.ccs-cut-maker__zoom-group input[type=range]{grid-column:1/-1}.ccs-cut-maker__zoom-label{grid-column:1/-1}}

.ccs-cut-maker__preview-scroll.is-zoomed{display:block;overflow:auto}
.ccs-cut-maker__actions--single{grid-template-columns:1fr}
.ccs-cut-maker__view-toggle{display:flex;gap:8px;margin-bottom:10px}
.ccs-cut-maker__tool-button.is-active{background:var(--ccs-ink);color:#fff}
.ccs-cut-maker__recommend{width:100%;margin-top:10px;border:2px solid var(--ccs-ink);background:#fff;color:var(--ccs-ink);padding:11px 14px;font:inherit;font-weight:900;cursor:pointer;box-shadow:3px 3px 0 var(--ccs-ink)}

.ccs-cut-maker__colour-control{display:flex;align-items:center;gap:12px;border:2px solid var(--ccs-ink);background:#fff;padding:8px 10px;min-height:52px}.ccs-cut-maker__colour-control input[type=color]{width:52px;height:34px;padding:0;border:0;background:transparent;cursor:pointer}.ccs-cut-maker__colour-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.ccs-cut-maker__colour-control input[type=color]::-webkit-color-swatch{border:1px solid var(--ccs-ink)}.ccs-cut-maker__colour-control span{font-weight:800;font-family:monospace;font-size:15px}