@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--ink:#1b2437;--muted:#5c678a;--surface:#fff;--line:#d9dfec;--brand:#19223c;--brand-dark:#11182b;--accent:#ff6b2c;--bg:#f4f6fb;--paper:#f8f9fd}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit}button,input{font:inherit}h1,h2{letter-spacing:-.02em;font-weight:600}.shell{width:min(100% - 2rem,88rem);margin:0 auto}.brand-logo{width:9.5rem;text-decoration:none;display:inline-flex}.brand-logo img{width:100%;height:auto;display:block}.card{background:var(--surface);border:1px solid #19223c0f;border-radius:.75rem;box-shadow:0 8px 24px #19223c14}.button{border:1px solid var(--brand);background:var(--brand);color:#f5f6fb;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;padding:.65rem 1rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.button:hover{background:var(--brand-dark);border-color:var(--brand-dark);transform:translateY(-1px)}.button.secondary{color:var(--ink);background:#fff;border-color:#c8d1e2}.button.secondary:hover{color:var(--ink);background:#edf0f7;border-color:#b9c4d8}.button.danger{background:#ff5a5f;border-color:#ff5a5f}.account-profile{color:var(--muted);align-items:center;gap:.55rem;font-weight:500;display:inline-flex}.account-profile img,.account-fallback{object-fit:cover;border-radius:50%;width:2.15rem;height:2.15rem}.account-profile img{border:1px solid #d9dfec}.account-fallback{background:var(--brand);color:#fff;place-items:center;font-size:.75rem;font-weight:700;display:grid}.muted{color:var(--muted)}.field{gap:.4rem;display:grid}.field input{background:#fff;border:1px solid #c8d1e2;border-radius:.5rem;padding:.7rem}.field input:focus{border-color:#2f8bff;outline:2px solid #2f8bff59}.public-title-note{border-left:3px solid var(--accent);color:#8a481a;background:#fff7f2;margin:0;padding:.55rem .65rem;font-size:.8rem;line-height:1.35}.dropzone{background:var(--paper);text-align:center;border:1px dashed #9daccc;border-radius:.65rem;place-items:center;gap:.25rem;min-height:5.15rem;padding:.6rem;transition:border-color .15s,background .15s;display:grid}.dropzone.dragging{background:#edf4ff;border-color:#2f8bff}.dropzone.compact{background:0 0;border:0;min-height:0;padding:0;display:inline-flex}.dropzone-button,.dropzone-clear{color:var(--ink);cursor:pointer;background:0 0;border:0;font-weight:600}.dropzone-clear{color:#c44a14;font-size:.8rem}.dropzone-error{color:#a52d31;font-size:.8rem}.modal-backdrop{z-index:10;background:#1b243773;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.upload-modal{width:min(100%,31rem);padding:1.5rem}.ai-transform-option{background:var(--paper);cursor:pointer;border:1px solid #c8d1e2;border-radius:.6rem;align-items:flex-start;gap:.7rem;margin-top:1rem;padding:.85rem;display:flex}.ai-transform-option input{width:1rem;height:1rem;accent-color:var(--brand);margin-top:.2rem}.ai-transform-option strong,.ai-transform-option small{display:block}.ai-transform-option strong{font-size:.9rem}.ai-transform-option small{color:var(--muted);margin-top:.15rem;font-size:.78rem;line-height:1.4}.delete-comment-modal{width:min(100%,26rem);padding:1.5rem}.delete-comment-modal h2{margin-top:0}.offer-toolbar{justify-content:flex-end;display:flex}.create-offer-modal{gap:1rem;width:min(100%,38rem);padding:1.5rem;display:grid}.create-offer-modal h2,.create-offer-modal p{margin:0}.share-modal{width:min(100%,31rem);padding:1.5rem}.share-modal h2{margin:1.1rem 0 .4rem}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.25rem;display:flex}.wizard-progress{align-items:center;gap:.5rem;display:flex}.wizard-progress span{width:1.5rem;height:1.5rem;color:var(--muted);border:1px solid #c8d1e2;border-radius:50%;place-items:center;font-size:.76rem;font-weight:700;display:grid}.wizard-progress span.active{border-color:var(--brand);background:var(--brand);color:#fff}.wizard-progress i{background:#d9dfec;width:2.4rem;height:1px}.wizard-progress span.active+i{background:var(--brand)}.share-link-field{padding-bottom:1.15rem;position:relative}.share-link-row{align-items:center;gap:.5rem;display:flex}.share-link{background:var(--paper);min-width:0;color:var(--ink);cursor:text;-webkit-user-select:all;user-select:all;white-space:nowrap;border:1px solid #c8d1e2;border-radius:.5rem;flex:1;padding:.7rem;overflow-x:auto}.share-link:focus{border-color:#2f8bff;outline:2px solid #2f8bff59}.share-link-row .icon-button.copied{color:#fff;background:#187a51;border-color:#187a51}.copy-feedback{color:#187a51;font-size:.78rem;font-weight:600;position:absolute;bottom:0;left:0}.share-detail-field{margin-top:1rem}.status{white-space:nowrap;letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;min-height:1.7rem;padding:.25rem .65rem;font-size:.8rem;font-weight:600;line-height:1;display:inline-flex}.status.draft,.status.unshared{color:#9c6400;background:#ffb0201f;border:1px solid #9c640047}.status.shared{color:#187a51;background:#2ad38b1f;border:1px solid #187a5147}.status.expired{color:#a52d31;background:#ff5a5f1f;border:1px solid #a52d3147}.offer-frame{background:#fff;border:0;width:100%;height:100dvh;display:block}.offer-thumbnail{background:#fff;border:1px solid #d9dfec;border-radius:.35rem;width:5.5rem;height:3.5rem;display:block;overflow:hidden}.offer-thumbnail iframe{pointer-events:none;border:0;width:100%;height:100%;display:block}.offer-table-wrap{overflow-x:auto}.offer-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:72rem}.offer-table th{text-align:left;white-space:nowrap;background:#f8fafc;padding:1rem .75rem}.offer-table th:first-child{width:9%;padding-left:1rem}.offer-table th:nth-child(2){width:24%}.offer-table th:nth-child(3){width:7%}.offer-table th:nth-child(4),.offer-table th:nth-child(5){width:10%}.offer-table th:nth-child(6){width:18%}.offer-table th:nth-child(7){text-align:right;width:15rem;padding-right:1rem}.offer-table td{border-top:1px solid var(--line);vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;padding:.75rem;overflow:hidden}.offer-table td:first-child{padding-left:1rem}.offer-table td:last-child{padding-right:1rem}.offer-name{overflow:hidden}.offer-name strong,.offer-name small{text-overflow:ellipsis;display:block;overflow:hidden}.offer-name small{margin-top:.18rem;font-size:.75rem}.offer-actions{justify-content:flex-end;gap:.4rem;min-width:max-content;display:flex}.icon-button{width:2.35rem;height:2.35rem;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #c8d1e2;border-radius:.5rem;place-items:center;padding:0;text-decoration:none;display:inline-grid}.icon-button:hover{background:#edf0f7;border-color:#b9c4d8}.icon-button:disabled{opacity:.45;cursor:not-allowed}.icon-button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.icon-button.danger{color:#c72c32;border-color:#ff5a5f59}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.15rem;height:1.15rem}.preview-comments{background:var(--bg);grid-template-columns:minmax(0,1fr) 22rem;height:100dvh;display:grid;overflow:hidden}.preview-comments.sidebar-collapsed{grid-template-columns:minmax(0,1fr) 3.5rem}.preview-canvas{min-width:0;position:relative;overflow:hidden}.preview-exit{z-index:4;min-height:2.35rem;color:var(--ink);background:#fff;border:1px solid #c8d1e2;border-radius:999px;align-items:center;padding:.45rem .8rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;position:absolute;top:1rem;left:1rem;box-shadow:0 3px 12px #19223c1f}.preview-exit:hover{background:#edf0f7}.comment-fab{z-index:4;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:3.25rem;height:3.25rem;display:grid;position:absolute;bottom:1.25rem;right:1.25rem;box-shadow:0 8px 20px #19223c40}.comment-fab.active{background:var(--brand)}.comment-fab svg{width:1.45rem;height:1.45rem}.comment-placement-layer{z-index:2;cursor:crosshair;background:#19223c0d;position:absolute;inset:0}.comment-hint{z-index:4;background:var(--brand);color:#fff;white-space:nowrap;border-radius:.5rem;margin:0;padding:.5rem .75rem;font-size:.85rem;position:absolute;bottom:5.25rem;left:50%;transform:translate(-50%)}.comment-pin{z-index:3;background:var(--accent);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;width:1.5rem;height:1.5rem;padding:0;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #19223c59}.comment-pin.resolved{background:#187a51}.comment-pin-preview{z-index:4;background:var(--brand);color:#fff;pointer-events:none;border-radius:.5rem;width:min(18rem,70%);padding:.6rem .7rem;position:absolute;transform:translate(.9rem,-50%);box-shadow:0 6px 18px #19223c40}.comment-pin-preview strong,.comment-pin-preview span{display:block}.comment-pin-preview strong{margin-bottom:.15rem;font-size:.78rem}.comment-pin-preview span{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.comment-sidebar{border-left:1px solid var(--line);background:#fff;padding:1rem;overflow-y:auto;box-shadow:-8px 0 24px #19223c0f}.sidebar-collapsed .comment-sidebar{padding:1rem .75rem;overflow:hidden}.sidebar-collapsed .comment-sidebar-header{justify-content:center}.sidebar-collapsed .comment-sidebar-header>div:first-child,.sidebar-collapsed .comment-list,.sidebar-collapsed .comment-panel{display:none}.comment-sidebar-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.9rem;display:flex}.comment-sidebar-header small{margin-top:.15rem;font-size:.75rem;display:block}.comment-cycle{gap:.3rem;display:flex}.comment-cycle button{cursor:pointer;background:#fff;border:1px solid #c8d1e2;border-radius:.4rem;width:2rem;height:2rem;font-size:1rem}.comment-cycle button:disabled{opacity:.4;cursor:default}.comment-list{gap:.45rem;padding:.85rem 0;display:grid}.comment-list>p{margin:.3rem 0}.comment-list-item{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1px solid #d9dfec;border-radius:.55rem;grid-template-columns:auto 1fr;gap:.55rem;padding:.65rem;display:grid}.comment-list-item:hover,.comment-list-item.selected{border-color:var(--accent);background:#fff7f2}.comment-list-item.resolved{opacity:.62;background:#f5fbf8}.comment-list-item.resolved.selected{border-color:#187a51}.comment-list-item strong,.comment-list-item small{display:block}.comment-list-item small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:.15rem;font-size:.78rem;overflow:hidden}.comment-list-item em{color:#9c6400;grid-column:2;font-size:.72rem;font-style:normal;font-weight:600}.comment-list-item.resolved em{color:#187a51}.comment-list-number{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:1.3rem;height:1.3rem;font-size:.72rem;font-weight:700;display:grid}.comment-list-item.resolved .comment-list-number{background:#187a51}.comment-panel{border-top:1px solid var(--line);margin-top:.5rem;padding-top:1rem}.comment-list-item em{background:#ffb0201f;border-radius:999px;justify-self:start;align-items:center;min-height:1.35rem;margin-top:.2rem;padding:.15rem .45rem;line-height:1;display:inline-flex}.comment-list-item.resolved em{background:#2ad38b1f}.comment-panel h2{margin:0;font-size:1.05rem}.comment-panel textarea{resize:vertical;width:100%;min-height:5.5rem;font:inherit;border:1px solid #c8d1e2;border-radius:.5rem;margin-top:.75rem;padding:.65rem}.comment-heading{justify-content:space-between;gap:.75rem;display:flex}.comment-heading small,.comment-reply small{font-size:.75rem;display:block}.comment-body{white-space:pre-wrap}.comment-reply{background:var(--paper);border-radius:.5rem;margin-top:.75rem;padding:.75rem}.comment-reply p{white-space:pre-wrap;margin:.35rem 0 0}.comment-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;margin-top:.75rem;display:flex}.comment-actions .button{min-height:2.25rem;padding:.45rem .75rem}.comment-error{color:#a52d31;font-size:.85rem}@media (max-width:42rem){.shell{width:min(100% - 1.25rem,88rem)}.preview-comments{grid-template-columns:minmax(0,1fr) 18rem}.comment-sidebar{padding:.75rem}}