:root{--page-width:749px;--page-height:1188px;--ink:#101010;--muted:#657080;--line:#d8dde5;--panel:#f7f8fa;--surface:#fff;--accent:#f28a00;--accent-dark:#202630;--green:#167a48}*{box-sizing:border-box}#__nuxt,body,html{margin:0;min-height:100%}body{min-width:320px;color:var(--ink);background:#e8ebef;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:wait;opacity:.65}.app-shell{min-height:100vh}.workspace-bar{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:12px 18px;border-bottom:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.product-name{margin:0;font-size:18px;font-weight:800;letter-spacing:0}.product-meta{margin:3px 0 0;color:var(--muted);font-size:12px}.pad-actions,.workspace-actions{display:flex;align-items:center;gap:10px}.pad-preview-note{margin:-2px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.status-message{color:var(--green);font-size:12px;font-weight:700}.icon-action,.panel-tabs button,.primary-action,.secondary-action{min-height:36px;border-radius:6px;padding:0 13px;font-size:13px;font-weight:800}.primary-action{color:#fff;background:var(--accent-dark)}.icon-action,.panel-tabs button,.secondary-action{color:#1e2630;border:1px solid var(--line);background:#fff}.generator-layout{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:22px;align-items:start;padding:22px}.control-panel{position:sticky;top:88px;max-height:calc(100vh - 110px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;border-bottom:1px solid var(--line);background:var(--panel)}.panel-tabs button.selected{color:#fff;border-color:var(--accent-dark);background:var(--accent-dark)}.form-stack,.signature-panel{display:grid;gap:14px;padding:14px}fieldset{display:grid;gap:10px;min-width:0;margin:0;padding:0 0 14px;border:0;border-bottom:1px solid var(--line)}fieldset:last-child{padding-bottom:0;border-bottom:0}legend{margin-bottom:2px;padding:0;font-weight:900;text-transform:uppercase}label,legend{font-size:12px}label{display:grid;gap:5px;color:#34404d;font-weight:800}input,select{width:100%;min-height:34px;padding:7px 9px;color:#101820;background:#fff;font-size:13px}.auto-date-box,input,select{border:1px solid var(--line);border-radius:6px}.auto-date-box{display:grid;gap:4px;padding:9px;background:#f7f8fa}.auto-date-box span,.delivery-check-panel p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.auto-date-box strong{font-size:13px}.delivery-check-panel{display:grid;gap:10px;border:1px solid var(--line);border-radius:7px;padding:10px;background:#fff}.delivery-check-panel a{color:#143f8f;font-size:13px;font-weight:800;text-decoration:none}.delivery-check-panel a:hover{text-decoration:underline}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field-grid>label:only-child{grid-column:1/-1}.pad-panel{display:grid;gap:12px}.signature-canvas{width:min(100%,360px);aspect-ratio:360/260;border:1px solid #b8c0cc;border-radius:6px;background:#fff;justify-self:center;touch-action:none}.signature-list{display:grid;gap:8px}.signature-row{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center;min-height:72px;border:1px solid var(--line);border-radius:7px;padding:8px;background:#fff}.signature-row img{width:92px;height:48px;-o-object-fit:contain;object-fit:contain;border:1px solid #e6e9ee;background:#fff}.signature-row span,.signature-row strong{display:block;min-width:0}.signature-row strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.signature-row span{margin-top:3px;color:var(--muted);font-size:11px;text-transform:uppercase}.icon-action{min-height:32px;padding:0 10px;font-size:12px}.preview-column{display:grid;justify-items:center;min-width:0}.loading-state{margin-top:120px;color:var(--muted);font-weight:800}.letter{width:var(--page-width);min-height:var(--page-height);overflow:hidden;background:#fff;box-shadow:0 18px 45px #121a2733}.letter,.letter-content,.letter-footer,.letter-top{position:relative}.colissimo-logo{position:absolute;top:13px;left:39px;width:244px;height:auto}address{font-style:normal}.sender{position:absolute;top:83px;left:39px;font-size:14px;line-height:1.22}.recipient{top:130px;width:230px;line-height:1.24;overflow-wrap:anywhere}.date,.recipient{position:absolute;left:476px;font-size:14px}.date{top:217px;margin:0}.letter-content{padding-top:263px;padding-left:39px;padding-right:67px;font-size:14px;line-height:1.18}.subject{margin:0 0 46px}.greeting{margin:0 0 20px}.paragraph{width:640px;margin:0 0 18px}.delivery-address{margin:0 0 22px;line-height:1.06}.proof-intro{margin:0 0 17px}.proof-card{position:relative;width:214px;margin-left:-4px;overflow:hidden}.proof-card>img:first-child{display:block;width:214px;height:auto}.delivery-signature-image{position:absolute;top:115px;left:31px;width:145px;height:112px;-o-object-fit:contain;object-fit:contain}.thanks{margin:21px 0 36px;font-size:16px;line-height:1.16}.director p{margin:0;font-size:16px;line-height:1.08}.director-signature-image{display:block;width:145px;height:70px;margin-top:8px;margin-left:-4px;-o-object-fit:contain;object-fit:contain}.letter-footer{position:absolute;right:0;bottom:12px;left:0;height:114px}.ecologic{bottom:18px;left:65px;width:134px;height:auto}.ecologic,.legal{position:absolute}.legal{bottom:28px;left:250px;width:250px;margin:0;font-size:7px;line-height:1.18;text-align:center}.laposte{position:absolute;right:29px;bottom:0;width:94px;height:auto}@media(max-width:1180px){.generator-layout{grid-template-columns:1fr}.control-panel{position:static;max-height:none}}@media(max-width:780px){.workspace-actions,.workspace-bar{align-items:stretch;flex-direction:column}.generator-layout{padding:12px}.field-grid{grid-template-columns:1fr}.preview-column{justify-items:start;overflow-x:hidden}.letter{transform:scale(calc(.13351vw - .03204px));transform-origin:top left}}@media print{body{background:#fff}.control-panel,.workspace-bar{display:none}.generator-layout{display:block;padding:0}.preview-column{display:block}.letter{box-shadow:none}}