
:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c2e4c;background:#f3f7fc}*{box-sizing:border-box}body{margin:0}.p6-nav{max-width:1200px;margin:auto;padding:17px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.p6-logo{font-weight:800;font-size:23px;letter-spacing:-.8px}.p6-logo b{color:#3474ca}.p6-nav small{color:#61738d}main.profile-v6{max-width:1200px;margin:36px auto;padding:0 22px 40px}.p6-eyebrow{color:#386db4;font-size:12px;letter-spacing:.13em;font-weight:800;text-transform:uppercase}h1{font-size:36px;letter-spacing:-1.4px;margin:8px 0 7px}p.sub{color:#647692;margin:0 0 27px;font-size:17px}.p6-layout{display:grid;grid-template-columns:460px minmax(0,1fr);gap:23px;align-items:start}.p6-panel{border:1px solid #dae5f3;background:white;border-radius:19px;box-shadow:0 10px 26px #25476d0c;padding:25px}.p6-heading{display:flex;gap:10px;align-items:center;margin:0 0 25px;font-size:19px;font-weight:800}.p6-n{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e9f1ff;color:#275fae;font-size:14px}.p6-field{margin-bottom:19px}label{font-size:13px;color:#425b79;font-weight:700;display:block;margin-bottom:8px}select,input[type=number],input[type=file]{width:100%;font:inherit}select,input[type=number]{border:1px solid #ccdaeb;border-radius:11px;height:46px;padding:0 12px;background:white;color:#1e344f}input[type=file]{padding:12px 10px;border:2px dashed #abc7e8;border-radius:11px;background:#f6faff;font-size:13px}input[type=range]{width:100%;accent-color:#3976c9;margin:8px 0 1px}.p6-hint{font-size:12px;color:#72849b;margin:7px 0 0;line-height:1.5}.p6-flex{display:flex;justify-content:space-between;gap:12px;align-items:center}.p6-flex small{color:#607a9a;font-weight:600}.p6-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p6-divider{border:0;border-top:1px solid #e8eef6;margin:23px 0}.p6-swatches{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.p6-swatch{height:30px;width:30px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #b5c4d6;cursor:pointer}.p6-swatch[aria-pressed=true]{box-shadow:0 0 0 3px #3575cb}.p6-swatch:focus-visible,button:focus-visible{outline:3px solid #ffb83f;outline-offset:2px}button{font:inherit;cursor:pointer;border:0;border-radius:11px;padding:12px 17px;background:#edf3fb;color:#315a89;font-size:13px;font-weight:750}button.primary{background:#3271c4;color:white;box-shadow:0 4px 12px #366eb52c}button:disabled{opacity:.47;cursor:not-allowed;box-shadow:none}.buttons{display:flex;flex-wrap:wrap;gap:10px}.p6-tag{background:#eaf2ff;color:#2d609c;border-radius:30px;padding:6px 12px;font-size:11px;letter-spacing:.04em;font-weight:800}.p6-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.p6-preview-label{font-size:13px;font-weight:750;color:#556d8a;margin-bottom:10px}.p6-preview-box{height:305px;border:1px solid #e0eaf5;border-radius:14px;background:repeating-linear-gradient(45deg,#f2f6fc,#f2f6fc 9px,#f8faff 9px,#f8faff 18px);display:flex;align-items:center;justify-content:center;overflow:hidden}.p6-preview-box img{width:100%;height:100%;object-fit:contain}.p6-preview-box canvas{max-width:90%;max-height:90%;width:auto;height:auto;filter:drop-shadow(0 3px 10px #18314a20)}.p6-empty{color:#8798ae;font-size:13px;text-align:center;padding:15px}.p6-preview-meta{font-size:12px;color:#6e839c;margin-top:9px}.result-bottom{margin-top:24px}.success{font-size:13px;color:#217b56;font-weight:650;margin:12px 0 3px;min-height:19px}.p6-note{border-left:3px solid #69a0e3;background:#f4f8fe;padding:11px 13px;font-size:12px;color:#657d9b;line-height:1.6;border-radius:8px;margin-top:17px}.info{color:#61738b;font-size:12px;margin-top:12px}.p6-shape-choice{display:flex;gap:8px}.p6-shape-choice button{flex:1}.p6-shape-choice button[aria-pressed=true]{background:#dceafa;outline:1px solid #3579d2;color:#1b4f99}.bottom{margin-top:20px;text-align:center;color:#7888a0;font-size:12px}@media(max-width:930px){.p6-layout{grid-template-columns:1fr}.p6-panel{padding:21px}.p6-preview-box{height:270px}}@media(max-width:520px){main{margin:24px auto;padding:0 13px 25px}h1{font-size:28px}.p6-nav{padding:13px}.p6-nav small{display:none}.p6-panel{padding:17px}.p6-preview-grid{gap:10px}.p6-preview-box{height:215px}.buttons button{flex:1}.p6-logo{font-size:20px}}

.profile-v6 .back-to-tools{display:inline-block;margin:0 0 12px;color:#2e69b1;font-weight:700;text-decoration:none}
.profile-v6 .back-to-tools:hover{text-decoration:underline}
