@font-face{font-family:Academy;src:url('/platform-assets/apps/haruyak/fonts/pretendard_regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:Academy;src:url('/platform-assets/apps/haruyak/fonts/pretendard_semibold.woff2') format('woff2');font-weight:600 900;font-display:swap}
*{box-sizing:border-box}body{margin:0;font:15px/1.65 Academy,Arial,sans-serif;color:#222b2b;background:#fff;letter-spacing:0}button,input,textarea,select{font:inherit;letter-spacing:0}button,a,input,textarea,select{touch-action:manipulation}button,.button{border:1px solid #cad4d1;border-radius:6px;padding:10px 16px;min-height:44px;background:#fff;color:#263e35;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:#255746;color:#fff;border-color:#255746}a{color:#255746}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b76b40;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.35}h2{font-size:21px;line-height:1.5}h3{font-size:17px}p{overflow-wrap:anywhere}.topbar{display:flex;justify-content:space-between;gap:20px;padding:18px max(20px,calc((100vw - 1080px)/2));border-bottom:1px solid #e0e6e4;background:#f6f9f7}.topbar>div{display:flex;align-items:center;gap:18px}.brand{font-size:23px;font-weight:700;text-decoration:none;white-space:nowrap}.brand span{font-size:12px;color:#7d8984;margin-left:9px}.topbar a:not(.brand){font-size:14px}main{max-width:1080px;margin:auto;padding:30px 24px}.workspace-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font-size:11px;color:#65756d;margin-bottom:4px}.workspace-heading>p{font-size:13px;max-width:300px;color:#675b45}.message:empty{display:none}.message{padding:14px 0;color:#9b4325}.tabs{display:flex;gap:8px;border-bottom:1px solid #dce4e0;margin:16px 0 26px}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;color:#718078}.tabs button[aria-pressed=true]{border-bottom-color:#255746;color:#255746;font-weight:700}section{padding:5px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}input,select,textarea{min-width:0;width:100%;padding:12px;border:1px solid #ccd6d1;border-radius:6px;background:#fff;color:#222b2b}textarea{resize:vertical}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:14px;font-weight:600;margin-bottom:7px}.wide{grid-column:1/-1}.swatches{display:flex;flex-wrap:wrap;gap:16px;min-height:48px;align-items:center}.swatches label{flex-direction:row;align-items:center;font-weight:400;gap:6px}.swatches input{width:17px;min-height:auto;margin:0}.swatch{width:18px;height:18px;border-radius:50%;display:inline-block}.sage{background:#396a52}.navy{background:#334e7b}.peach{background:#cf8b70}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #e1e8e4;margin-top:26px;padding-top:20px}.form-actions>span{font-size:13px;color:#69766f}.text-button{border:0;text-decoration:underline;padding:0 8px}.request-list{display:grid;border-top:1px solid #dce4e0}.request-row{border:0;border-bottom:1px solid #dce4e0;border-radius:0;display:grid;grid-template-columns:50px 1fr auto;text-align:left;gap:16px;padding:16px 0;width:100%;color:#222b2b}.request-row img{width:50px;height:63px;object-fit:contain;background:#e8efea}.request-row strong,.request-row small{display:block;overflow-wrap:anywhere}.request-row small{color:#69766f;font-size:12px}.request-row>span:last-child{font-size:13px;color:#255746}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;padding:24px 0}.pagination span{font-size:13px}.empty{padding:50px 0;color:#69766f;text-align:center}footer{font-size:12px;color:#6d7973;border-top:1px solid #e1e8e4;padding-top:24px;margin-top:24px}dialog{width:min(1040px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:1px solid #cad4d1;border-radius:8px;padding:0;color:#222b2b}dialog::backdrop{background:#162820a6}.dialog-header{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid #dce4e0;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}#result-body{padding:22px}.result-status{padding:12px 0;color:#526a5d}.compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.design{padding:12px;border:2px solid #dce4e0;display:flex;flex-direction:column;gap:10px;align-items:stretch;border-radius:8px;min-width:0}.design[aria-pressed=true]{border-color:#255746;background:#f1f6f3}.design img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#fff}.design span{font-size:13px;font-weight:600}.placeholder{display:grid;place-items:center;aspect-ratio:4/5;background:#eff2f0;color:#65756d}.formats{display:flex;gap:8px;margin:24px 0 16px}.formats button[aria-pressed=true]{background:#255746;color:#fff}.preview-and-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.export-preview{display:block;width:100%;max-height:650px;object-fit:contain;background:#f4f6f5;margin-bottom:14px}.copy-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}.download{width:100%}.result-note{color:#69766f;font-size:12px;margin:14px 0}.error{color:#963f28}.login-banner{padding:32px 0}#login-required p{margin:12px 0 24px}[hidden]{display:none!important}
@media(max-width:700px){.topbar{padding:14px 16px}.topbar>div{gap:12px}.topbar a:not(.brand){font-size:12px}main{padding:24px 16px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:12px}h1{font-size:25px}.form-grid{grid-template-columns:1fr;gap:17px}.form-actions{align-items:stretch;flex-direction:column}.form-actions button{width:100%}.section-heading{gap:10px;align-items:flex-start;flex-direction:column}.preview-and-copy{grid-template-columns:1fr}.compare{gap:10px}.design{padding:7px}.design span{font-size:12px}.dialog-header{padding:12px}#result-body{padding:12px}.dialog-header h2{font-size:18px}.request-row{grid-template-columns:42px minmax(0,1fr);gap:12px}.request-row>span:last-child{grid-column:2}.request-row img{width:42px;height:54px;grid-row:span 2}.tabs{gap:0}.tabs button{flex:1;padding-inline:8px}.formats{gap:6px}.formats button{flex:1;padding-inline:8px}.brand{font-size:20px}.brand span{font-size:10px;margin-left:5px}}
.consent{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:8px;font-size:13px}.consent input{width:18px;min-height:18px;margin-top:3px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}