.project-preview{padding:10px 14px 13px}.project-preview>svg{height:auto;aspect-ratio:360/260;max-height:320px}.project-preview>span{display:block;font-size:8px;letter-spacing:.8px;line-height:1.5}.mockup-panel{padding:17px 23px 16px;border-bottom:1px solid var(--line);background:#f0f1e8}.mockup-panel>p:first-child{font-size:12px;line-height:1.6}.mockup-panel>p[data-kind=loading]{color:#80502e}.mockup-panel>p[data-kind=error],.mockup-panel>p[data-kind=unsupported]{color:#785134}#mockup-controls{margin-top:13px;border-top:1px solid #d4d8c9;padding-top:11px}#mockup-controls summary{cursor:pointer;font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:12px;list-style:none;min-height:30px;align-items:center}#mockup-controls summary::-webkit-details-marker{display:none}#mockup-controls[open] summary>span{transform:rotate(45deg)}.mockup-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.mockup-control-grid .field{margin-bottom:5px}.mockup-control-grid label{font-size:10px}.mockup-control-grid select{font-size:12px;min-height:43px;padding:9px 24px 9px 10px}.mockup-range{grid-column:1/-1;margin-top:5px}.mockup-range label{display:flex;justify-content:space-between;align-items:center}.mockup-range output{font-variant-numeric:tabular-nums;font-weight:400}.mockup-range input[type=range]{display:block;width:100%;padding:0;min-height:33px;border:0;background:transparent;accent-color:var(--orange-dark)}.mockup-disclaimer{font-size:10px;line-height:1.65;margin-top:12px;color:#65705a}@media(max-width:900px){.mockup-panel{padding-inline:18px}.mockup-control-grid{grid-template-columns:1fr}.mockup-control-grid select{font-size:14px}}@media(max-width:640px){.project-preview>svg{height:auto;max-height:320px}.project-preview>span{font-size:8px}.mockup-panel{padding:17px 21px}.mockup-panel>p:first-child{font-size:12px}.mockup-control-grid select{font-size:16px}.mockup-control-grid label{font-size:11px}.mockup-disclaimer{font-size:10px}.mockup-range input[type=range]{min-height:42px}}
@font-face{font-family:CartelClasica;src:url('/assets/fonts/cartel-clasica.otf') format('opentype');font-weight:700;font-display:swap}@font-face{font-family:CartelRustica;src:url('/assets/fonts/cartel-rustica.otf') format('opentype');font-weight:700;font-display:swap}@font-face{font-family:CartelElegante;src:url('/assets/fonts/cartel-elegante.otf') format('opentype');font-weight:700;font-display:swap}@font-face{font-family:CartelCursiva;src:url('/assets/fonts/cartel-cursiva.otf') format('opentype');font-weight:400;font-display:swap}.text-editor{margin-top:15px;border-top:1px solid #d4d8c9;padding-top:12px}.text-editor>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:39px;cursor:pointer;list-style:none;font-size:13px;font-weight:700}.text-editor>summary::-webkit-details-marker{display:none}.text-editor[open]>summary>span{transform:rotate(45deg)}.text-editor-help{font-size:11px;line-height:1.6;margin:9px 0 15px}.text-editor fieldset{border:0;padding:0;margin:0;min-width:0}.text-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.text-editor-grid>.mockup-range{grid-column:auto}.text-editor .field{margin-bottom:13px}.text-editor .field select{min-height:44px;font-size:12px;padding:10px 24px 10px 11px}.text-editor .field label{font-size:11px}.text-case{display:flex;align-items:center;gap:9px;font-size:11px;margin-bottom:16px}.text-case input{width:18px;height:18px;accent-color:var(--orange-dark)}.text-range-labels{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted)}.text-move-buttons{display:grid;grid-template-columns:1fr 1fr 1.6fr 1fr 1fr;gap:7px;margin-top:8px}.text-move-buttons button{min-height:44px;border:1px solid #bcc4ad;background:var(--paper);border-radius:3px;font-size:20px;font-weight:700}.text-move-buttons #text-center{font-size:11px}.text-move-buttons button:hover{border-color:var(--orange-dark);background:#fae8db}#text-reset{font-size:11px;margin-top:8px;min-height:42px}.text-drag-hint{font-size:10px;line-height:1.6;margin-top:11px}.mockup-text-handle{cursor:grab;touch-action:none;outline:none}.mockup-text-handle:active{cursor:grabbing}.mockup-text-handle rect{pointer-events:all;vector-effect:non-scaling-stroke}.mockup-text-handle:hover rect,.mockup-text-handle:focus-visible rect{stroke:var(--orange-dark);stroke-width:1.5}.project-preview{user-select:none}.quote-aside.is-editing-text{position:static}.quote-aside.is-editing-text .quote-card{overflow:visible}.quote-aside.is-editing-text .project-preview{position:sticky;top:93px;z-index:3;border-bottom:1px solid var(--line);border-radius:4px 4px 0 0}.quote-aside.is-editing-text .mockup-panel{position:relative}.text-editor .mockup-range{min-width:0}.text-editor .mockup-range label{gap:8px}.text-editor output{font-size:10px;white-space:nowrap}#project-name{min-height:77px;line-height:1.6}@media(max-width:900px){.text-editor-grid{grid-template-columns:1fr}.text-editor .field select{font-size:14px}}@media(max-width:640px){.quote-aside.is-editing-text .project-preview{top:73px}.quote-aside.is-editing-text .project-preview>svg{max-height:225px}.text-editor .field select{font-size:16px}.text-editor-help{font-size:12px}.text-editor>summary{font-size:13px}.text-move-buttons{gap:5px}.text-case{font-size:12px}.text-drag-hint{font-size:11px}.text-editor output{font-size:10px}}
.mockup-object-tools{display:flex;gap:8px;padding:11px 20px;border-bottom:1px solid var(--line);background:var(--paper)}.mockup-object-tools button{flex:1;min-height:42px;border:1px solid #bcc4ad;background:transparent;border-radius:3px;font-size:12px;font-weight:700;padding:9px}.mockup-object-tools button[aria-pressed=true]{background:#fae8db;border-color:var(--orange-dark);color:#7e331d}.design-move-help{font-size:11px;line-height:1.6;margin-top:8px}#design-position-fields{padding:13px 0 0;margin:10px 0 0;border:0;border-top:1px solid #d4d8c9;min-width:0}#design-position-fields label{font-size:11px}#design-position-fields .field{margin-bottom:13px}#design-center{font-size:11px}#design-reset{font-size:11px;min-height:42px;margin-top:8px}.mockup-design-handle{cursor:grab;touch-action:none;outline:none}.mockup-design-handle:active{cursor:grabbing}.mockup-design-handle rect{pointer-events:all;vector-effect:non-scaling-stroke}.mockup-design-handle:hover rect,.mockup-design-handle:focus-visible rect{stroke:var(--orange-dark);stroke-width:1.5}.quote-aside.is-editing-design{position:static}.quote-aside.is-editing-design .quote-card{overflow:visible}.quote-aside.is-editing-design .project-preview{position:sticky;top:93px;z-index:3;border-bottom:1px solid var(--line);border-radius:4px 4px 0 0}.quote-aside.is-editing-design .mockup-panel{position:relative}@media(max-width:640px){.mockup-object-tools{padding-inline:18px}.mockup-object-tools button{min-height:44px;font-size:12px}.quote-aside.is-editing-design .project-preview{top:73px}.quote-aside.is-editing-design .project-preview>svg{max-height:225px}.design-move-help{font-size:12px}}