.rw-mockup-studio-section{--rwms-black: #0b0b0b;--rwms-ink: #151515;--rwms-muted: #6f6f6f;--rwms-line: #dfdfdf;--rwms-panel: #ffffff;--rwms-stage: #ececec;--rwms-accent: #111111;background:#f7f7f7;color:var(--rwms-ink)}.rwms,.rwms *{box-sizing:border-box}.rwms button,.rwms input,.rwms select{font:inherit}.rwms__shell{width:100%;min-height:calc(100vh - var(--header-group-height, 0px));background:#f7f7f7}.rwms__header{min-height:78px;padding:16px clamp(18px,3vw,42px);border-bottom:1px solid var(--rwms-line);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.rwms__eyebrow{margin:0 0 4px;color:#777;font-size:10px;font-weight:750;letter-spacing:.16em}.rwms__title{margin:0;color:#0b0b0b;font-size:clamp(21px,2vw,28px);line-height:1;letter-spacing:-.035em}.rwms__status{max-width:44ch;padding:7px 11px;border:1px solid #e2e2e2;border-radius:999px;color:#555;background:#fafafa;font-size:11px;line-height:1.25;text-align:right}.rwms__status[data-kind=working]{color:#684d00;border-color:#efd88d;background:#fff9df}.rwms__status[data-kind=success]{color:#165c32;border-color:#b9e2c8;background:#edfff3}.rwms__status[data-kind=error]{color:#8e2020;border-color:#efbcbc;background:#fff0f0}.rwms__layout{display:grid;grid-template-columns:minmax(310px,370px) minmax(0,1fr);min-height:calc(100vh - var(--header-group-height, 0px) - 78px)}.rwms__panel{max-height:calc(100vh - var(--header-group-height, 0px) - 78px);overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--rwms-line);background:var(--rwms-panel)}.rwms__control-section,.rwms__details{padding:19px 22px;border-bottom:1px solid var(--rwms-line)}.rwms__control-section h2{margin:0 0 13px;color:#171717;font-size:13px;font-weight:750;letter-spacing:.01em}.rwms__segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:8px;padding:4px;border-radius:10px;background:#f1f1f1}.rwms__segmented--two{grid-template-columns:repeat(2,1fr);margin-bottom:0}.rwms__segmented button{min-height:36px;padding:7px 6px;border:0;border-radius:7px;color:#555;background:transparent;font-size:11px;font-weight:650;cursor:pointer}.rwms__segmented button:hover{color:#111}.rwms__segmented button.is-active{color:#fff;background:#111;box-shadow:0 1px 3px #0000002e}.rwms__button{width:100%;min-height:41px;margin:0 0 8px;padding:10px 13px;border:1px solid #d6d6d6;border-radius:8px;color:#161616;background:#fff;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.rwms__button:hover:not(:disabled){border-color:#999;transform:translateY(-1px)}.rwms__button:active:not(:disabled){transform:translateY(0)}.rwms__button:disabled{opacity:.4;cursor:not-allowed}.rwms__button--primary,.rwms__button--export{color:#fff;border-color:#111;background:#111}.rwms__button--export{min-height:48px;font-size:13px}.rwms__button--batch{color:#fff;border-color:#2556d9;background:#2556d9}.rwms__button--ghost{background:#fafafa}.rwms__filename,.rwms__batch-count,.rwms__export-meta{margin:2px 0 14px;overflow:hidden;color:#777;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.rwms__export-meta{margin-top:-4px;color:#333;font-weight:700}.rwms__batch-count{margin:0;text-align:center}.rwms__batch-preview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:10px;padding:10px;border:1px solid #dedede;border-radius:10px;background:#f7f7f7}.rwms__batch-preview[hidden]{display:none}.rwms__batch-preview-copy{min-width:0;text-align:center}.rwms__batch-preview-copy strong,.rwms__batch-preview-copy span{display:block}.rwms__batch-preview-copy span{overflow:hidden;margin-top:2px;color:#707070;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.rwms__batch-nav{min-height:34px;padding:6px 9px;border:1px solid #d5d5d5;border-radius:8px;background:#fff;color:#222;cursor:pointer;font:inherit;font-size:10px;font-weight:700}.rwms__batch-nav:disabled{cursor:not-allowed;opacity:.38}.rwms__range-row{display:block;margin:15px 0 0}.rwms__range-row>span{display:flex;justify-content:space-between;gap:16px;margin-bottom:7px;color:#3e3e3e;font-size:11px;font-weight:600}.rwms__range-row output{color:#777;font-variant-numeric:tabular-nums;font-weight:500}.rwms input[type=range]{width:100%;height:4px;margin:0;accent-color:#111;cursor:pointer}.rwms__hint{margin:12px 0;color:#777;font-size:10px;line-height:1.45}.rwms__details{padding:0}.rwms__details summary{padding:17px 22px;color:#171717;font-size:12px;font-weight:750;cursor:pointer;-webkit-user-select:none;user-select:none}.rwms__details-body{padding:0 22px 20px}.rwms__field{display:grid;gap:6px;margin:0 0 13px;color:#444;font-size:11px;font-weight:600}.rwms__field select,.rwms__field input[type=text]{width:100%;min-height:39px;padding:8px 10px;border:1px solid #d5d5d5;border-radius:7px;color:#222;background:#fff;font:inherit;font-weight:600}.rwms__field--inline{grid-template-columns:1fr auto;align-items:center}.rwms__field input[type=color]{width:43px;height:34px;padding:2px;border:1px solid #d5d5d5;border-radius:7px;background:#fff;cursor:pointer}.rwms__check{display:flex;align-items:center;gap:9px;margin:0 0 13px;color:#444;font-size:11px;cursor:pointer}.rwms__check input{width:16px;height:16px;accent-color:#111}.rwms__workspace{min-width:0;min-height:620px;padding:clamp(18px,3vw,42px);display:flex;flex-direction:column;background-color:var(--rwms-stage);background-image:radial-gradient(#c5c5c5 .8px,transparent .8px);background-size:18px 18px}.rwms__canvas-stage{position:relative;min-width:0;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.rwms__canvas-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;box-shadow:0 22px 60px #00000029;touch-action:none;cursor:default}.rwms__canvas-stage canvas.is-draggable{cursor:grab}.rwms__canvas-stage canvas.is-dragging{cursor:grabbing}.rwms__canvas-stage canvas.is-exporting{pointer-events:none;cursor:progress}.rwms__empty-state{position:absolute;left:50%;top:50%;z-index:2;padding:13px 16px;border:1px solid rgb(255 255 255 / 75%);border-radius:10px;background:#ffffffe0;box-shadow:0 8px 28px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(-50%,-50%);text-align:center;pointer-events:none}.rwms__empty-state[hidden]{display:none}.rwms__empty-state strong,.rwms__empty-state span{display:block}.rwms__empty-state strong{color:#111;font-size:12px}.rwms__empty-state span{margin-top:3px;color:#777;font-size:10px}.rwms__workspace-footer{padding-top:13px;display:flex;justify-content:space-between;gap:20px;color:#656565;font-size:10px}.rwms__workspace-footer span:first-child{color:#222;font-weight:700}.rwms__progress{position:relative;height:32px;margin-top:11px;overflow:hidden;border-radius:6px;background:#e8e8e8}.rwms__progress-bar{width:0;height:100%;background:#2556d9;transition:width .13s linear}.rwms__progress span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:750;text-shadow:0 1px 2px rgb(0 0 0 / 35%)}.rwms-access{min-height:65vh;padding:48px 20px;display:grid;place-items:center;background:#f4f4f4}.rwms-access__card{width:min(100%,440px);padding:38px;border:1px solid #dedede;border-radius:14px;background:#fff;box-shadow:0 20px 55px #00000017;text-align:center}.rwms-access__card h1{margin:6px 0 10px}.rwms-access__card p:not(.rwms__eyebrow){margin:0 0 22px;color:#666}@media(max-width:990px){.rwms__layout{display:flex;flex-direction:column-reverse}.rwms__panel{max-height:none;overflow:visible;border-top:1px solid var(--rwms-line);border-right:0}.rwms__workspace{min-height:62vh;padding:18px}}@media(max-width:600px){.rwms__header{min-height:68px;padding:13px 16px}.rwms__status{display:none}.rwms__workspace{min-height:54vh;max-height:680px}.rwms__workspace-footer,.rwms__workspace-footer span{display:block}.rwms__workspace-footer span+span{margin-top:3px}.rwms__control-section,.rwms__details summary{padding-inline:17px}.rwms__details-body{padding-inline:17px}}@media(prefers-reduced-motion:reduce){.rwms__button,.rwms__progress-bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/rw-mockup-studio.css.map */