.mockup-import{max-width:1160px;margin-inline:auto}.mockup-import-heading,.mockup-import-footer{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.mockup-import-heading h1{margin:0}.mockup-import-heading p:not(.eyebrow),.mockup-import-footer p{margin:.6rem 0 0}.mockup-import-fields{grid-template-columns:2fr 1fr;gap:.8rem;margin:1.4rem 0 .8rem;display:grid}.mockup-import-fields input,.mockup-import-fields select,.mockup-layer-panel input:not([type=file],[type=color]){width:100%}.mockup-import-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.8rem;display:grid}.mockup-import-panel{background:#fff;border:1px solid #dadfd5;border-radius:.9rem;align-content:start;gap:.8rem;padding:1rem;display:grid}.mockup-import-panel h2{align-items:center;gap:.5rem;margin:0;font-size:1.15rem;display:flex}.mockup-import-panel p{margin:0;font-size:.88rem;line-height:1.5}.mockup-side-switch,.mockup-import-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.mockup-import button[aria-pressed=true]{background:#deebe1;border-color:#315c49}.mockup-file-action{cursor:pointer;position:relative;overflow:hidden}.mockup-file-action input{opacity:0;width:100%;height:100%;cursor:inherit;position:absolute;inset:0}.mockup-file-action:has(input:focus-visible){outline-offset:2px;outline:2px solid #315c49}.mockup-file-action:has(input:disabled){opacity:.5;cursor:default}.mockup-import-empty{text-align:center;background:#f3f6f1;border:1px dashed #b7c1b7;border-radius:.65rem;place-content:center;justify-items:center;gap:.35rem;min-height:13rem;display:grid}.mockup-import-empty span{font-size:.82rem}.mockup-preview-wrap{background:#eef1ed;border-radius:.65rem;justify-items:center;padding:.35rem;display:grid}.mockup-preview{--mockup-preview-height:30rem;width:min(100%, calc(var(--mockup-preview-height) * var(--mockup-aspect)));aspect-ratio:var(--mockup-aspect);border-radius:.45rem;position:relative;overflow:hidden}.mockup-preview img{width:100%;height:100%;display:block;position:absolute;inset:0}.mockup-preview.selecting{cursor:crosshair;touch-action:none}.mockup-selection{pointer-events:none;background:#14714121;border:2px solid #117144;position:absolute;box-shadow:0 0 0 1px #fff}.mockup-tool-help,.mockup-extract-settings{background:#f3f6f1;border-radius:.55rem;gap:.6rem;padding:.7rem;display:grid}.mockup-tool-help .btn,.mockup-extract-settings .btn{justify-self:start}.mockup-color-field{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mockup-color-field .field-label{margin:0}.mockup-color-field input{width:2.45rem;height:2.05rem;padding:.15rem}.mockup-layers{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.mockup-layers li{border:1px solid #e4e9e2;border-radius:.45rem;align-items:center;gap:.55rem;min-width:0;padding:.35rem .5rem;display:flex}.mockup-layers img{object-fit:contain;background:#eef1ed;border-radius:.2rem;width:2.3rem;height:2.3rem}.mockup-layers span{overflow-wrap:anywhere}.mockup-layer-panel .quiet-button{justify-self:start}.mockup-layer-hint{color:#425746;border-top:1px solid #e4e9e2;padding-top:.6rem}.mockup-import-error,.mockup-import-notice{border-radius:.45rem;margin-bottom:0;padding:.65rem .8rem}.mockup-import-error{color:#992e24;background:#f9e9e7}.mockup-import-notice{color:#235339;background:#eaf3e9}.mockup-import-footer{align-items:center;margin-top:1rem}@media (max-width:740px){.mockup-import-layout{grid-template-columns:minmax(0,1fr)}.mockup-import-heading,.mockup-import-footer{align-items:start}.mockup-import-fields{grid-template-columns:1fr}.mockup-preview{--mockup-preview-height:24rem}}.mockup-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.mockup-outline polygon{fill:#14a36d35;stroke:#fff;stroke-width:2px;vector-effect:non-scaling-stroke}.mockup-outline circle{fill:#0b6847;stroke:#fff;stroke-width:1px;vector-effect:non-scaling-stroke}.mockup-sample-point{pointer-events:none;border:2px solid #fff;border-radius:50%;width:.8rem;height:.8rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #105a40}.ai-design-generator{background:#f7f7f7;border:1px solid #dedede;border-radius:9px;min-width:0;margin:18px 0 24px;padding:24px}.ai-design-heading{align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.ai-design-heading>svg{color:#d71920;flex-shrink:0;margin-top:3px}.ai-design-heading h3{letter-spacing:-.035em;margin-bottom:9px;font-size:22px}.ai-design-heading p,.ai-job p{color:#656565;margin:0;font-size:12px;line-height:1.75}.ai-design-generator .field-label{margin:18px 0 7px;font-size:12px;display:block}.ai-design-generator select,.ai-design-generator textarea{color:#171717;background:#fff;border:1px solid #d6d6d6;border-radius:6px;width:100%;padding:11px 12px;font-size:12px}.ai-design-generator textarea{resize:vertical;min-height:110px}.ai-design-generator .help{color:#656565;margin:8px 0 0;font-size:10px;line-height:1.6}.ai-input-preview{background:#fff;border:1px solid #dedede;border-radius:6px;align-items:center;gap:12px;margin:12px 0;padding:12px;display:flex}.ai-input-preview img{object-fit:contain;background:#f5f5f5;border-radius:4px;flex-shrink:0;width:60px;height:60px;padding:4px}.ai-input-preview>span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:11px}.ai-input-preview>svg{color:#d71920;flex-shrink:0}.ai-design-generator .ai-upload-image{width:100%;min-height:43px;margin-top:10px}.ai-generate-button{width:100%;margin-top:21px}.ai-job{background:#fff;border:1px solid #dedede;border-radius:7px;margin-top:16px;padding:18px}.ai-job-title{color:#171717;align-items:center;gap:10px;margin-bottom:10px;display:flex}.ai-job-title>strong{font-size:14px}.ai-job>progress{accent-color:#d71920;width:100%;height:8px;margin:16px 0 8px;display:block}.ai-piece-count{color:#656565;font-size:10px}.ai-job>.btn{width:100%;margin-top:16px}.ai-job .ai-change-notice{color:#756347;background:#fbf7ec;border:1px solid #e6d6ba;border-radius:5px;margin-top:14px;padding:11px 12px;font-size:11px}.ai-design-error{color:#8a4a27;background:#fff6ef;border:1px solid #edd5c2;border-radius:5px;align-items:flex-start;gap:9px;margin:16px 0 0;padding:12px;font-size:11px;line-height:1.7;display:flex}.ai-design-error>svg{flex-shrink:0;margin-top:2px}.ai-design-generator>a.btn{margin-top:14px}@media (max-width:680px){.ai-design-generator{margin:16px 0 21px;padding:18px 15px}.ai-design-heading{gap:10px}.ai-design-heading h3{font-size:20px}.ai-design-heading p,.ai-job p{font-size:11px}.ai-input-preview img{width:50px;height:50px}.ai-job{padding:15px}.ai-job-title>strong{font-size:13px}.ai-design-generator .btn{min-height:44px;font-size:12px}.ai-design-generator textarea{font-size:12px}.ai-design-generator .ai-job .ai-change-notice{font-size:10px}}.ai-previous-proposal{background:#fff;border:1px solid #dedede;border-radius:6px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:12px 14px;display:flex}.ai-previous-proposal>div{gap:4px;min-width:0;display:grid}.ai-previous-proposal strong{color:#171717;font-size:12px}.ai-previous-proposal span{color:#656565;font-size:11px;line-height:1.5}.ai-previous-proposal>.btn{flex-shrink:0}.ai-design-generator .ai-new-proposal{width:100%;min-height:46px;margin-top:20px}.ai-job .ai-saved-idea{overflow-wrap:anywhere;margin-top:14px}@media (max-width:680px){.ai-previous-proposal{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.ai-previous-proposal>.btn{width:100%}}.ai-input-preview>.icon-button{color:#656565;background:#fff;border:1px solid #dedede;border-radius:5px;flex-shrink:0;width:34px;height:34px;min-height:34px}.ai-design-generator .field-label small{color:#656565;margin-left:6px;font-size:10px;font-weight:400}.ai-design-generator .ai-new-proposal{margin-top:20px}.ai-image-fields{gap:12px;margin-top:18px;display:grid}.ai-image-field{background:#fff;border:1px solid #dedede;border-radius:7px;min-width:0;padding:13px}.ai-design-generator .ai-image-field>.field-label{margin-top:0}.ai-image-field .ai-input-preview{margin:10px 0;padding:8px}.ai-image-field .ai-upload-image{margin-top:0}.ai-image-field .ai-upload-image>svg{flex-shrink:0}@media (min-width:1100px){.ai-image-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.ai-input-preview>.icon-button{width:44px;height:44px;min-height:44px}}.placement-editor .placement-editor-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;margin-bottom:4px;display:flex}.placement-editor-heading>div{min-width:0}.placement-editor .placement-editor-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;display:block;overflow:hidden}.placement-editor-heading>div>span{color:var(--muted);margin-top:2px;font-size:10px;line-height:1.5;display:block}.placement-editor .placement-editor-view{border:1px solid var(--line);color:var(--muted);background:#f4f4f4;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:10px;line-height:1.5}.placement-editor .placement-editor-hint{margin:3px 0 12px;font-size:11px;line-height:1.5}.placement-editor .placement-width-row,.placement-editor .placement-rotation-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.placement-width-row>label,.placement-rotation-row>label{font-size:12px;font-weight:600;line-height:1.4}.placement-width-row>label>small{color:var(--muted);margin-top:2px;font-size:10px;font-weight:400;display:block}.placement-editor .placement-width-field{border:1px solid var(--line);background:#fff;border-radius:5px;flex-shrink:0;align-items:center;gap:5px;width:98px;padding:0 9px 0 0;display:flex}.placement-width-field>span{color:var(--muted);font-size:11px}.placement-editor .placement-width-field input.placement-width-input{width:100%;min-width:0;min-height:38px;color:var(--ink);text-align:right;background:0 0;border:0;border-radius:5px;padding:7px 3px 7px 8px;font-size:16px}.placement-editor .placement-width-field:focus-within{outline:2px solid var(--sage);outline-offset:2px}.placement-editor .placement-width-field input:focus-visible{outline:none}.placement-editor .placement-rotation-row strong{margin-left:5px;font-size:12px;font-weight:600}.placement-editor .placement-rotation-row .quiet-button{white-space:nowrap;min-height:32px;margin:0;padding:3px 0;font-size:11px}.placement-editor .transform-stepper{gap:10px;margin:3px 0 10px}.placement-editor .transform-stepper .icon-button{border-radius:6px;width:44px;min-width:44px;height:44px}.placement-editor .transform-stepper input[type=range],.placement-editor-details input[type=range]{touch-action:pan-y;min-width:0;height:36px;margin:0}.placement-editor .placement-editor-details{border-top:1px solid var(--line);margin-top:4px}.placement-editor-details>summary{cursor:pointer;min-height:32px;padding:11px 0 2px;font-size:11px;font-weight:600;line-height:1.5}.placement-editor-details>summary:focus-visible{outline:2px solid var(--sage);outline-offset:2px;border-radius:3px}.placement-editor-details-body{padding:8px 0 0}.placement-editor-details-body .field-label{margin:10px 0 6px;font-size:11px}.placement-editor-details-body .field-label:first-child{margin-top:0}.placement-editor-details-body select,.placement-editor-details-body .placement-text-input{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:#fff;border-radius:5px;padding:8px;font-size:16px}.placement-editor .placement-delete{color:#ac1017;background:#fff5f5;border:1px solid #edbabc;border-radius:5px;justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;margin-top:12px;padding:8px 10px;font-size:11px;display:flex}.placement-editor.placement-editor--compact{min-width:0;margin:0;padding:10px 12px}.placement-editor.placement-editor--compact>.placement-width-row{gap:10px;margin:0}.placement-editor--compact .placement-editor-hint{margin:2px 0 6px;font-size:10px}.placement-editor--compact .transform-stepper{margin:0 0 3px}.placement-editor--compact .placement-width-row>label,.placement-editor--compact .placement-rotation-row>label{font-size:11px}.placement-editor--compact .placement-editor-heading strong{font-size:12px}.placement-editor--compact .placement-editor-details>summary{min-height:29px;padding-top:8px}@media (max-width:380px){.placement-editor.placement-editor--compact{padding:9px 10px}.placement-editor--compact .placement-editor-view{display:none}.placement-editor .transform-stepper{gap:7px}.placement-editor .placement-width-field{width:92px}}@media (max-width:680px){.placement-editor.placement-editor--compact{grid-template-columns:minmax(0,1fr) max-content;align-items:center;column-gap:6px;display:grid}.placement-editor.placement-editor--compact>.placement-width-row{gap:6px;min-width:0}.placement-editor--compact .placement-width-field{gap:3px;width:72px;padding-right:6px}.placement-editor--compact .placement-width-field input.placement-width-input{-webkit-appearance:textfield;appearance:textfield;min-height:44px;padding:7px 0 7px 4px}.placement-editor--compact .placement-width-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.placement-editor--compact .placement-width-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.placement-editor--compact>.placement-width-stepper{gap:4px;margin:0}.placement-editor--compact>.placement-width-stepper>input[type=range]{display:none}.placement-editor--compact>.placement-editor-details{grid-column:1/-1}}.logo-editing-guide{z-index:8;box-sizing:border-box;color:#171717;background:#fff;border:1px solid #dedede;border-radius:8px;width:min(100%,320px);padding:12px 50px 12px 14px;animation:.18s ease-out logo-editing-guide-enter;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 5px 20px #17171720}.logo-editing-guide:before{content:"";pointer-events:none;background:#fff;border-top:1px solid #dedede;border-left:1px solid #dedede;width:10px;height:10px;position:absolute;top:-6px;left:calc(50% + 50px);transform:translate(-50%)rotate(45deg)}.logo-editing-guide h3{margin:0 0 5px;font-size:14px;font-weight:650;line-height:1.35}.logo-editing-guide p{color:#626262;margin:0;font-size:12px;line-height:1.55}.logo-editing-guide p strong{color:#171717;font-weight:650}.logo-editing-guide-close{color:#626262;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:2px;right:2px}.logo-editing-guide-close:hover{color:#171717;background:#ededed}.logo-editing-guide-close:focus-visible{outline-offset:1px;outline:2px solid #d71920}@keyframes logo-editing-guide-enter{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:680px){.logo-editing-guide:before{left:calc(50% + 45px)}}@media (prefers-reduced-motion:reduce){.logo-editing-guide{animation:none}}.quantity-pricing{border:1px solid var(--line);background:var(--white);min-width:0;color:var(--ink);border-radius:8px;margin:20px 0;padding:18px}.quantity-pricing-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:12px;line-height:1.5}.quantity-pricing-table caption{text-align:left;letter-spacing:-.02em;padding:0 0 15px;font-size:16px;font-weight:650}.quantity-pricing-table th,.quantity-pricing-table td{border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere;padding:11px 10px}.quantity-pricing-table thead th{color:var(--muted);padding-top:0;font-size:11px;font-weight:600}.quantity-pricing-table th:first-child{text-align:left;width:40%}.quantity-pricing-table th:last-child,.quantity-pricing-table td{text-align:right}.quantity-pricing-table tbody th{font-weight:500}.quantity-pricing-table tbody td{font-variant-numeric:tabular-nums;font-weight:600}.quantity-pricing-table .quantity-pricing-active{background:var(--sage-light,#fff1f2)}.quantity-pricing-table .quantity-pricing-active th{box-shadow:inset 3px 0 var(--sage);font-weight:650}.quantity-pricing-current{color:var(--sage);margin-top:3px;font-size:10px;font-weight:600;display:block}.quantity-pricing-undefined{color:var(--muted);font-size:11px;font-weight:400}.quantity-pricing-included,.quantity-pricing-notice{color:var(--muted);margin:13px 0 0;font-size:12px;line-height:1.6}.quantity-pricing-extras{border-top:1px solid var(--line);color:var(--muted);margin-top:15px;padding-top:13px;font-size:11px;line-height:1.6}.quantity-pricing-extras p{margin:0 0 7px;font-weight:600}.quantity-pricing-extras ul{gap:5px;margin:0;padding:0;list-style:none;display:grid}.quantity-pricing-extras li{justify-content:space-between;gap:12px;display:flex}.quantity-pricing-extras li span{min-width:0}.quantity-pricing-extras strong{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:500}.quantity-pricing-selection{margin-top:16px}.quantity-pricing-selection>p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.quantity-pricing-selection dl{gap:9px;margin:0;font-size:12px;display:grid}.quantity-pricing-selection dl>div{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.quantity-pricing-selection dt{min-width:0;color:var(--muted)}.quantity-pricing-selection dd{text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:600}.quantity-pricing-selection .quantity-pricing-total{border-top:1px solid var(--line);margin-top:3px;padding-top:12px}.quantity-pricing-total dt{color:var(--ink);font-weight:600}.quantity-pricing-total dd{letter-spacing:-.025em;font-size:20px;line-height:1.3}.quantity-pricing-note{color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.6}@media (max-width:680px){.quantity-pricing{padding:16px 14px}.quantity-pricing-table th,.quantity-pricing-table td{padding-left:8px;padding-right:8px}.quantity-pricing-table caption{font-size:16px}}
