.designer-page{padding-top:48px;padding-bottom:65px}.designer-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px}.designer-heading h1{font-size:clamp(43px,5vw,70px);margin:20px 0}.designer-heading>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:680px}.size-badge{font-size:12px;direction:ltr;white-space:nowrap;border:1px solid var(--line);padding:10px 17px;border-radius:30px}.designer-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.85fr);gap:32px;align-items:start}.designer-preview{background:#e9e3d8;border:1px solid #ded7ca;border-radius:6px;position:sticky;top:24px;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid #d5cfbf;background:#efe9df}.view-buttons{display:flex;border:1px solid #cfc9ba;border-radius:3px;overflow:hidden}.view-buttons button,.preview-toolbar>button{background:none;border:0;padding:9px 12px;font-size:11px;color:var(--muted)}.view-buttons [aria-pressed=true]{background:var(--olive);color:white}.preview-toolbar>button{border-bottom:1px solid}.designer-scene{height:670px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 35% 30%,#f4eee4 0%,#e9e2d6 65%,#dfd7c8 100%);perspective:1300px}.mat-stage{position:relative;width:205px;aspect-ratio:68/185;flex-shrink:0;direction:ltr;transform-origin:center;transition:transform .4s}.mat-stage svg{display:block;width:100%;height:100%;position:relative;overflow:visible;border-radius:8px;box-shadow:0 2px 5px #15231a26;touch-action:none}.mat-shadow{position:absolute;inset:5px -8px -10px 0;background:#152a2345;border-radius:12px;filter:blur(13px);transform:translate(15px,15px)}.mat-side{position:absolute;inset:0;background:#213c40;border-radius:8px;transform:translateY(4px);transition:transform .25s,background .25s}.mat-stage.angle-view{transform:rotateX(23deg) rotateZ(-19deg)}.mat-stage.zoomed{transform:scale(1.5)}.mat-stage.angle-view.zoomed{transform:rotateX(23deg) rotateZ(-19deg) scale(1.4)}.width-measure{position:absolute;bottom:-33px;left:0;right:0;text-align:center;font-size:10px;color:#717366;border-top:1px solid #a7ad98;padding-top:5px;direction:inherit}.length-measure{position:absolute;right:-39px;top:0;height:100%;writing-mode:vertical-rl;text-align:center;border-right:1px solid #a7ad98;padding-right:7px;font-size:10px;color:#717366}.mat-stage.hide-dimensions .width-measure,.mat-stage.hide-dimensions .length-measure{display:none}.preview-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 22px;background:#efe9df;font-size:11px}.preview-colour{display:flex;align-items:center;gap:8px}.preview-colour i{width:13px;height:13px;background:#355e63;border-radius:50%;display:block}.preview-bottom label{display:flex;align-items:center;gap:8px;font-size:11px;margin:0}.preview-bottom input,.guide-toggle input{accent-color:var(--olive)}.preview-hint{font-size:11px;color:var(--muted);padding:0 22px 18px;background:#efe9df}.design-layer{cursor:grab}.design-layer:active{cursor:grabbing}.design-layer:focus-visible{outline:none;filter:drop-shadow(0 0 9px #ffffffb3)}.designer-controls{padding:0 0 5px}.control-section{border-top:1px solid var(--line);padding:21px 0 25px}.control-section h2{font-family:'DM Sans',Arial,sans-serif!important;font-size:15px!important;line-height:1.5!important;font-weight:500;margin:0 0 20px;display:flex;align-items:center;gap:14px}.control-section h2>span{font-size:10px;color:#7c846f;direction:ltr}.designer-colours{display:flex;gap:10px}.designer-colours button{flex:1;display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:transparent;padding:12px 10px;text-align:start;color:var(--ink);font-size:11px;border-radius:3px}.designer-colours [aria-pressed=true]{border-color:var(--olive);background:#e7ebdf}.designer-colours i{height:26px;width:26px;border-radius:50%;flex-shrink:0}.upload-artwork{display:flex;align-items:center;justify-content:center;gap:10px;padding:17px;border:1px dashed #97a184;border-radius:4px;font-size:13px;cursor:pointer;margin:0;background:#eaede4}.upload-artwork:focus-within,.upload-artwork:hover{background:#dfe5d4}.upload-artwork>span{font-size:23px}.file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.file-input:focus-visible+.control-help{outline:2px solid var(--olive);outline-offset:4px}.control-help{font-size:10px;line-height:1.8;color:var(--muted);margin:10px 0}.preset-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.preset-buttons button{border:1px solid var(--line);background:transparent;padding:10px;color:var(--olive);font-size:22px;display:flex;flex-direction:column;align-items:center;gap:2px}.preset-buttons button span{font-size:10px}.preset-buttons button:hover{background:#e7ebdf}.remove-art{font-size:10px;color:#7b5c41;border:0;background:none;text-decoration:underline;text-underline-offset:3px;margin:12px 0 15px;padding:0}.remove-art:disabled{opacity:.45;cursor:default}.designer-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:16px 0 7px;gap:15px}.designer-label output{font-size:10px;color:var(--muted);direction:ltr}.designer-controls #customText{width:100%;padding:12px;border:1px solid var(--line);border-radius:3px;color:var(--ink);background:#fff7;font-size:13px}.designer-range{width:100%;accent-color:var(--olive);direction:ltr;margin:6px 0 7px;height:18px}.layer-buttons{display:flex;gap:8px;margin-bottom:19px}.layer-buttons button{flex:1;border:1px solid var(--line);background:none;padding:10px;font-size:11px;color:var(--ink)}.layer-buttons [aria-pressed=true]{background:var(--olive);color:white;border-color:var(--olive)}#designInk{padding:3px;width:39px;height:30px;border:1px solid var(--line);background:transparent;cursor:pointer}.guide-toggle{display:flex;align-items:center;gap:8px;font-size:11px;margin:21px 0}.designer-status{font-size:10px;min-height:20px;color:var(--muted);margin-top:10px}.designer-status.error{color:#943c20}.designer-actions{display:grid;gap:10px}.designer-actions .button{justify-content:center;padding:13px;border-radius:3px}.designer-actions .outline{border-color:var(--olive);background:none;color:var(--olive)}.designer-actions .text-link{justify-content:center;border-bottom:0;text-decoration:underline;text-underline-offset:5px}.designer-notice{font-size:11px;line-height:1.9;padding:14px;background:#e8ebdf;margin:18px 0}.designer-contact{max-width:360px;margin-top:35px}.designer-preview input{width:auto}html[dir=rtl] .designer-heading h1{font-size:clamp(32px,3.5vw,51px);line-height:1.7}html[dir=rtl] .control-section h2{font-family:'Vazirmatn',Tahoma,sans-serif!important;font-size:14px!important}html[dir=rtl] .mat-stage{direction:ltr}html[dir=rtl] .designer-label{font-size:12px}
@media(max-width:1000px){.designer-layout{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:24px}.designer-scene{height:620px}.mat-stage{width:185px}.designer-heading{align-items:flex-start}.size-badge{margin-top:22px}}@media(max-width:720px){.designer-page{padding-top:30px}.designer-heading{display:block}.designer-heading h1{font-size:44px;margin:14px 0}.designer-heading>div>p:not(.eyebrow){font-size:13px}.size-badge{display:inline-block;margin-top:17px}.designer-layout{grid-template-columns:1fr;gap:25px}.designer-preview{position:relative;top:0}.designer-scene{height:590px}.mat-stage{width:173px}.preview-toolbar{padding:13px}.preview-toolbar button{font-size:10px;padding:8px}.preview-bottom{padding:15px;font-size:10px}.preview-bottom label{font-size:10px}.preview-hint{padding:0 15px 15px}.designer-colours button{font-size:12px}.control-section h2{font-size:15px!important}.control-help{font-size:11px}.designer-controls #customText{font-size:16px}html[dir=rtl] .designer-heading h1{font-size:35px}}@media(prefers-reduced-motion:reduce){.mat-stage{transition:none}}