@font-face{font-family:SCC;src:url(fonts/Vera.ttf) format('truetype');font-display:swap}@font-face{font-family:SCC;src:url(fonts/VeraBd.ttf) format('truetype');font-weight:700;font-display:swap}
.scc-app{--wine:#702b43;--ink:#30252a;--sage:#eaf0e7;--paper:#fffaf4;color:var(--ink);font:16px/1.6 system-ui,sans-serif;max-width:1320px;margin:auto;padding:28px 24px 64px;box-sizing:border-box}.scc-app *{box-sizing:border-box}.scc-app [hidden]{display:none!important}.scc-app h1,.scc-app h2{font-family:Georgia,serif;color:var(--wine);line-height:1.1}.scc-app h1{font-size:clamp(38px,5vw,72px);letter-spacing:-.035em;margin:12px 0 20px}.scc-app h2{font-size:clamp(26px,3vw,38px);margin:8px 0 20px}.scc-app a{color:var(--wine)}.scc-app button,.scc-app select,.scc-app textarea,.scc-app input{font:inherit}.scc-app button{min-height:44px;padding:11px 17px;border:1px solid #bfaab1;border-radius:9px;background:#fffdf8;color:var(--wine);cursor:pointer}.scc-app button:hover{border-color:var(--wine);background:#f8edf0}.scc-app button:disabled{opacity:.55;cursor:wait}.scc-app button.scc-primary{background:var(--wine);color:white;border-color:var(--wine);font-weight:650;width:100%}.scc-app button:focus-visible,.scc-app a:focus-visible,.scc-app input:focus-visible,.scc-app textarea:focus-visible,.scc-app select:focus-visible{outline:3px solid #b38d43;outline-offset:3px}.scc-app input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=range]),.scc-app select,.scc-app textarea{width:100%;padding:11px 13px;border:1px solid #cdbfc1;border-radius:8px;background:white;color:var(--ink)}.scc-app input[type=color]{display:block;width:100%;height:44px;padding:4px;border:1px solid #cdbfc1;border-radius:8px;background:white}.scc-app input[type=range]{width:100%;accent-color:var(--wine)}.scc-app input[type=checkbox],.scc-app input[type=radio]{accent-color:var(--wine)}.scc-app label{display:block;font-size:14px}.scc-hero{display:flex;justify-content:space-between;align-items:center;gap:36px;padding:44px;border-radius:20px;background:var(--paper);border:1px solid #e6d9cf}.scc-eyebrow,.scc-step{font-size:11px;letter-spacing:.14em;font-weight:750;color:var(--wine)}.scc-wallet{background:var(--sage);padding:24px;min-width:215px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start}.scc-wallet strong{font-size:42px;line-height:1.2;margin:8px 0}.scc-wallet a{display:block;background:var(--wine);color:white;text-decoration:none;padding:9px 18px;border-radius:8px;margin:8px 0}.scc-wallet small{font-size:12px}.scc-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0 50px}.scc-toolbar span{margin-left:auto;font-size:13px;color:#69545d}.scc-signin{padding:16px;background:var(--sage);border-radius:9px}.scc-section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.scc-search{max-width:280px;width:100%}.scc-design-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.scc-app .scc-design{padding:0;text-align:left;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #30182008}.scc-design img{display:block;width:100%;height:auto;aspect-ratio:7/5;object-fit:cover}.scc-design span{display:block;padding:12px;font-weight:650;font-size:14px}.scc-app .scc-design[aria-pressed=true]{outline:3px solid var(--wine);outline-offset:3px}.scc-muted{font-size:13px;color:#705e65}.scc-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;margin:70px 0}.scc-mode{border:0;padding:0;margin:20px 0}.scc-mode legend{font-size:14px;margin-bottom:10px}.scc-mode label{display:flex;align-items:center;gap:12px;border:1px solid #d7c6c8;padding:14px;border-radius:10px;margin:10px 0}.scc-mode small{display:block;margin-top:3px}.scc-upload{padding:18px;background:var(--sage);border-radius:10px;margin:18px 0}.scc-upload input{margin:10px 0}.scc-upload small{display:block}.scc-photo-preview{max-width:90px;max-height:100px;border-radius:9px}.scc-feedback{padding:12px 14px;background:#f7f0e8;border:1px solid #e5d9c8;border-radius:9px;font-size:14px;white-space:pre-wrap}.scc-feedback.is-error{background:#fff0ef;border-color:#bf646b;color:#842332}.scc-text-controls{margin-top:36px;border-top:1px solid #e2d6d4;padding-top:25px}.scc-text-controls>label{margin:14px 0}.scc-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.scc-preview-sticky{position:sticky;top:24px;padding:24px;background:var(--paper);border:1px solid #e2d7cf;border-radius:16px}.scc-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.scc-preview-heading h2{font-size:28px}.scc-preview-tabs{display:flex;gap:8px;margin-bottom:18px}.scc-app .scc-preview-tabs [aria-pressed=true]{background:var(--wine);color:white}.scc-preview-panel canvas{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;box-shadow:0 8px 24px #30182016}.scc-order-box{margin-top:24px;padding-top:12px;border-top:1px solid #ded0cb}.scc-review{display:flex!important;align-items:flex-start;gap:10px;margin:12px 0 18px}.scc-order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.scc-saved{border-top:1px solid #e5d6d7;padding-top:32px}.scc-saved-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.scc-saved-grid button{text-align:left;padding:10px}.scc-saved-grid img{width:100%;aspect-ratio:7/5;object-fit:contain;display:block}.scc-saved-grid span{display:block;margin:8px 0}body:has(.scc-app) #sbcp-widget{display:none!important}.scc-app dialog{border:1px solid #d7c4cb;border-radius:14px;max-width:94vw;max-height:94vh;padding:18px;background:var(--paper)}.scc-app dialog::backdrop{background:#20141bce}.scc-app dialog canvas{display:block;max-width:85vw;max-height:78vh;width:auto;height:auto;margin-top:12px}.scc-preview-note-warning{color:#7b4f1d!important}
@media(max-width:950px){.scc-design-grid,.scc-saved-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.scc-workspace{gap:25px}.scc-hero{padding:30px}.scc-preview-sticky{padding:18px}}
@media(max-width:700px){.scc-app{padding:16px 15px 40px}.scc-hero{padding:24px;display:block}.scc-wallet{margin-top:28px;min-width:0}.scc-wallet strong{font-size:32px}.scc-design-grid,.scc-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scc-section-heading{align-items:stretch;flex-direction:column}.scc-search{max-width:none}.scc-workspace{display:flex;flex-direction:column-reverse;margin:40px 0}.scc-preview-sticky{position:static}.scc-preview-panel canvas{max-height:440px}.scc-toolbar{gap:14px;margin-bottom:32px}.scc-toolbar span{width:100%;margin:0}.scc-hero h1{font-size:42px}.scc-design span{font-size:13px}.scc-settings-grid{gap:12px}.scc-app dialog canvas{max-width:78vw}.scc-order-actions{flex-direction:column}}

.scc-saved-card{padding:12px;border:1px solid #ded0d4;border-radius:12px;min-width:0;background:#fffdf8}.scc-saved-card button{width:100%;margin:4px 0}.scc-saved-card small{display:block;color:#705e65;font-size:12px}.scc-check-progress{margin-top:10px}
#scc-crop-dialog{max-width:min(860px,94vw)}#scc-crop-canvas{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain;touch-action:none;cursor:crosshair;outline:1px solid #c9b8be}#scc-crop-photo,#scc-check-progress{margin:8px 0}