.referral-materials{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);align-items:start;gap:54px;margin:36px 0 50px;display:grid}.referral-materials-controls{min-width:0}.referral-materials-eyebrow{letter-spacing:1.8px;color:#65735d;margin-bottom:12px;font-size:11px;font-weight:800;display:block}.referral-materials-heading h2{letter-spacing:-1.2px;margin:0 0 12px;font-size:34px}.referral-materials-heading p{max-width:350px;font-size:15px;line-height:1.6}.referral-format-picker,.referral-theme-picker{border:0;min-width:0;margin:25px 0 0;padding:0}.referral-format-picker legend,.referral-theme-picker legend{margin:0 0 13px;padding:0;font-size:14px;font-weight:750}.referral-format-picker>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.referral-format-picker button{text-align:left;background:#fffef8;border:1.5px solid #d7ddce;border-radius:14px;align-items:center;gap:11px;min-width:0;min-height:76px;padding:14px 13px;display:flex}.referral-format-picker button>span{flex:1;min-width:0}.referral-format-picker button.selected{background:#edf0e4;border-color:#172922;box-shadow:inset 0 0 0 .5px #172922}.referral-format-picker strong{font-size:13px;font-weight:750;line-height:1.35;display:block}.referral-format-picker small{color:#65735d;margin-top:4px;font-size:11px;display:block}.referral-format-picker button:last-child{grid-column:1/-1}.referral-format-picker button:hover{border-color:#172922}.referral-theme-picker>div{flex-wrap:wrap;gap:9px;display:flex}.referral-theme-picker button{background:#fffef8;border:1px solid #d4dbca;border-radius:99px;align-items:center;gap:8px;min-height:45px;padding:9px 13px;font-size:13px;font-weight:700;display:flex}.referral-theme-picker button.selected{border-color:#172922;box-shadow:inset 0 0 0 .5px #172922}.referral-theme-picker button>span{border:1px solid #17292222;border-radius:50%;width:17px;height:17px}.referral-theme-picker .gold>span{background:#ffd43b}.referral-theme-picker .ink>span{background:#172922}.referral-theme-picker .paper>span{background:#f8f7f1}.referral-art-actions{grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 0;display:grid}.referral-art-actions .button{gap:8px;min-height:53px;padding:14px 10px;font-size:14px}.referral-print-action{min-height:44px;margin-top:9px;font-size:13px}.referral-quick-share{flex-wrap:wrap;align-items:center;gap:20px;margin:17px 0 5px;font-size:13px;font-weight:700;display:flex}.referral-quick-share a{align-items:center;gap:7px;min-height:44px;display:inline-flex}.referral-copy-link{background:#fff;border:1px solid #d4dbca;border-radius:12px;margin-top:10px;display:flex;overflow:hidden}.referral-copy-link input{background:0 0;border:0;border-radius:0;min-width:0;font-size:12px}.referral-copy-link button{flex-shrink:0;place-items:center;width:48px;display:grid}.referral-art-frame{background:#e9ede1;border:1px solid #dce2d3;border-radius:23px;min-width:0;padding:19px;position:sticky;top:24px}.referral-art-label{color:#5d6c54;justify-content:space-between;align-items:center;gap:10px;margin:0 0 16px;font-size:11px;display:flex}.referral-art-label>span:first-child{align-items:center;gap:6px;font-weight:700;display:flex}.referral-art-label>span:last-child{text-align:right;font-size:10px}.referral-art-canvas{background:#fffef8;border-radius:11px;max-width:360px;max-height:640px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 10px 25px #17292215}.referral-art-canvas canvas{object-fit:contain;width:100%;height:100%;display:block}.referral-art-frame.landscape .referral-art-canvas{border-radius:7px;max-width:100%}.referral-art-loading{text-align:center;color:#59665f;background:#f8f7f1e8;place-items:center;padding:20px;font-size:13px;display:grid;position:absolute;inset:0}.referral-art-footnote{color:#65735d;margin:16px 2px 0;font-size:11px;line-height:1.5}.referral-preview-note{background:#edf0e4;border-radius:14px;margin-top:25px;padding:17px 19px;font-size:14px;line-height:1.65}.referral-materials button:disabled{cursor:default}.referral-materials .form-error{margin:16px 0 0}@media (max-width:900px){.referral-materials{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:28px}.referral-format-picker>div{grid-template-columns:1fr}.referral-format-picker button{min-height:64px}.referral-art-frame{padding:15px}.referral-art-actions{grid-template-columns:1fr}}@media (max-width:650px){.referral-materials{flex-direction:column;gap:25px;margin:26px 0 36px;display:flex}.referral-materials-controls{width:100%}.referral-materials-heading h2{font-size:29px}.referral-materials-heading p{font-size:14px}.referral-format-picker>div{grid-template-columns:1fr 1fr}.referral-format-picker button{gap:8px;min-height:74px;padding:11px 10px}.referral-format-picker strong{font-size:12px}.referral-format-picker small{font-size:10px}.referral-format-picker button>svg{width:18px;height:18px}.referral-art-actions{grid-template-columns:1fr 1fr;margin-top:23px}.referral-art-frame{border-radius:20px;align-self:center;width:100%;max-width:470px;padding:17px;position:static}.referral-art-canvas{max-width:310px;max-height:none}.referral-art-frame.landscape{max-width:100%}.referral-theme-picker button{padding:9px 11px}.referral-quick-share{gap:17px;font-size:12px}}@media (max-width:350px){.referral-format-picker button{gap:7px;padding:10px 8px}.referral-format-picker strong{font-size:11px}.referral-format-picker button>svg:last-child{display:none}.referral-art-actions .button{padding:13px 8px;font-size:12px}.referral-theme-picker>div{gap:6px}.referral-theme-picker button{padding:9px 10px;font-size:12px}}