#mypageView{width:100%;max-width:1200px;min-width:0;margin:0 auto;box-sizing:border-box;padding-bottom:32px}
.personal-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 38px;border:1px solid #e3e3eb;background:linear-gradient(125deg,#fff,#f2eff9);border-radius:22px;margin-bottom:22px}.personal-eyebrow{font-size:12px;letter-spacing:.08em;color:#76608e}.personal-hero h2{font-size:34px;letter-spacing:-1.2px;margin:10px 0 14px;color:#302b40}.personal-hero p{font-size:16px;color:#797486;line-height:1.8;margin:0}.personal-hero-mark{width:90px;height:110px;display:grid;place-items:center;color:#a99abc;transform:rotate(8deg)}.personal-hero-mark svg{width:72px;height:85px;fill:#ddd4eb;stroke:currentColor;stroke-width:1}
.personal-tabs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:34px}#mypageView .personal-tabs button{display:flex;align-items:center;gap:18px;padding:24px;text-align:left;border-radius:16px;border:1px solid #dfdce7;min-width:0}#mypageView .personal-tabs button[aria-pressed=true]{background:#f0eaf7;border-color:#8a6ca7;box-shadow:inset 0 0 0 1px #8a6ca7}.personal-tabs button>span:nth-child(2){flex:1;min-width:0}.personal-tabs strong{display:block;font-size:20px;margin-bottom:7px}.personal-tabs small{font-size:12px;color:#7d7588;line-height:1.6}.personal-tabs b{font-size:16px;margin-left:7px;color:#785495}.personal-tabs svg{width:28px;height:34px;fill:none;stroke:#806497;stroke-width:1.5}.personal-tabs [aria-pressed=true] svg{fill:#806497;stroke:#806497}.personal-pdf-symbol{display:inline-grid;place-items:center;width:44px;height:52px;border:1px solid #d8cbdc;border-radius:7px;background:#f5eef5;color:#8a5f83;font-size:12px;font-weight:700;flex-shrink:0}
.personal-design-panel h2,.personal-pdf-panel h2{font-size:23px;margin:0}.personal-design-panel .design-private,.personal-pdf-panel .design-private{margin:8px 0 0}#mypageView .design-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#mypageView .design-card{border-radius:18px}#mypageView .design-card-info{padding:20px}#mypageView .design-media{aspect-ratio:4/3}.personal-design-panel[hidden],.personal-pdf-panel[hidden]{display:none!important}
.design-card-actions [data-save]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px}.design-card-actions [data-save] svg{width:17px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}#designView [data-save][aria-pressed=true],#mypageView [data-save][aria-pressed=true]{color:white;background:#72518f;border-color:#72518f}.design-card-actions [data-save][aria-pressed=true] svg{fill:currentColor}
.personal-retention{display:flex;gap:20px;align-items:center;padding:20px 22px;border-radius:13px;border:1px solid #e3ddeb;background:#f6f3f9;color:#796588;font-size:13px;line-height:1.8}.personal-retention strong{white-space:nowrap;color:#614a77}.personal-pdf-usage{font-size:12px;color:#797486;text-align:right;margin:16px 0}.personal-pdf-status:not(:empty){padding:20px;background:#f5f3f8;border-radius:12px;line-height:1.7}.personal-pdf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.personal-pdf-card{background:white;border:1px solid #e3e0e9;border-radius:18px;padding:24px;min-width:0}.personal-pdf-top{display:flex;align-items:center;gap:12px;font-size:12px;color:#85768d}.personal-pdf-top small{margin-left:auto}.personal-pdf-card h3{font-size:20px;line-height:1.5;margin:22px 0 8px;overflow-wrap:anywhere}.personal-pdf-filename{color:#898391;font-size:12px;overflow-wrap:anywhere;margin:0 0 22px}.personal-pdf-card dl{font-size:12px;line-height:1.9;margin:0 0 24px}.personal-pdf-card dl>div{display:flex;justify-content:space-between;gap:12px}.personal-pdf-card dt{color:#8c8494}.personal-pdf-card dd{margin:0;text-align:right;color:#64576e}.personal-pdf-card footer{display:flex;align-items:center;gap:12px;border-top:1px solid #eeebf2;padding-top:18px}.personal-download{flex:1;padding:11px 14px;color:#63477e;background:#f0eaf6;text-decoration:none;text-align:center;border-radius:8px;font-size:14px;font-weight:600}.personal-empty{grid-column:1/-1;text-align:center;padding:48px 20px;background:white;border:1px dashed #d8d1e1;border-radius:18px}.personal-empty h3{font-size:21px;margin:20px 0 12px}.personal-empty p{font-size:14px;line-height:1.8;color:#87808f}.personal-empty>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}
.personal-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));border:1px solid #dfd9e8;border-radius:20px;padding:28px;color:#443b51;box-shadow:0 20px 70px #27203330}.personal-dialog::backdrop{background:#24203365;backdrop-filter:blur(3px)}.personal-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}.personal-dialog h2{font-size:21px;margin:0}.personal-dialog p{line-height:1.9;font-size:14px;color:#7b7187;white-space:pre-line;margin:24px 0 28px}.personal-dialog footer{display:flex;gap:10px;justify-content:flex-end}.personal-dialog button{font:inherit;cursor:pointer;border-radius:9px;padding:11px 18px;border:1px solid #ded7e7;background:white;color:#746185}.personal-dialog header button{padding:4px 10px;font-size:24px;border:0}.personal-dialog .personal-primary{background:#73558f;color:white;border-color:#73558f}.report-download{font:inherit;cursor:pointer}.report-pdf-message{font-size:12px;line-height:1.7;color:#756385;text-align:right}
@media(max-width:900px){#mypageView .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.personal-tabs strong{font-size:18px}.personal-tabs{gap:12px}#mypageView .personal-tabs button{padding:20px;gap:12px}.personal-retention{align-items:flex-start;flex-direction:column;gap:5px}}
@media(max-width:600px){.personal-hero{padding:24px}.personal-hero h2{font-size:29px}.personal-hero p{font-size:14px}.personal-hero-mark{display:none}.personal-tabs{grid-template-columns:1fr;margin-bottom:26px}#mypageView .personal-tabs button{padding:18px 20px}.personal-tabs strong{font-size:19px}.personal-pdf-grid,#mypageView .design-grid{grid-template-columns:1fr}.personal-pdf-card{padding:22px}.personal-pdf-card h3{font-size:19px}}