@import url("https://fonts.googleapis.com/css2?family=Klee+One&family=Yomogi&display=swap");*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Hiragino Kaku Gothic ProN,sans-serif;background:#f6f4f7;color:#342e35}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;background:radial-gradient(circle at 10% 0,#fff 0,#f8f5f8 38%,#f1edf3 100%)}.breadcrumb{max-width:1600px;margin:auto;padding:18px 5vw 0;font-size:11px;color:#968995;display:flex;gap:8px;align-items:center}.breadcrumb a{color:#8e7184;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb strong{color:#4b3d48}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:34px 5vw 24px;max-width:1600px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#a06f8f}.topbar h1{font-size:32px;margin:6px 0}.topbar h1 small{font-size:15px;font-weight:500;margin-left:10px;color:#8b7d88}.topbar p{margin:0;color:#837783;font-size:13px}.top-actions{display:flex;gap:8px;align-items:center}.export,.share{border:0;background:#342e35;color:white;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:0 8px 22px #0001}.share{background:#fff;color:#8b4e72;border:1px solid #e0c6d5!important}.workspace{display:grid;grid-template-columns:400px minmax(0,1fr);grid-gap:28px;gap:28px;max-width:1600px;margin:auto;padding:0 5vw 50px}.panel{background:#fff;border:1px solid #e8e0e7;border-radius:24px;padding:20px;box-shadow:0 14px 50px #3c213c0b}.panel section{padding:8px 0 22px;border-bottom:1px solid #eee7ed;margin-bottom:18px}.panel section:last-child{border-bottom:0;margin-bottom:0}.panel h2{font-size:14px;margin:0 0 12px}.panel label{display:block;font-size:11px;color:#857985;font-weight:700;margin:10px 0}.panel input,.panel select,.panel textarea{display:block;width:100%;border:1px solid #e2dbe2;background:#fcfbfc;border-radius:10px;padding:9px 10px;color:#3b323b;outline:none;resize:vertical;margin-top:5px}.panel input:focus,.panel select:focus,.panel textarea:focus{border-color:#c58cad;box-shadow:0 0 0 3px #c58cad18}.item-head,.preview-label,.section-title{display:flex;justify-content:space-between;align-items:center}.preview-label,.section-title span{font-size:10px;color:#9a8d98;letter-spacing:.08em}.option-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.choice,.option{border:1px solid #e7dfe7;background:#faf8fa;color:#645866;border-radius:9px;padding:8px 9px;text-align:left;font-size:11px}.option span{display:inline-block;width:16px;color:#b27c9e}.option.selected{background:#f8edf4;border-color:#d6a4c0;color:#8c4e74}.hint{font-size:12px;color:#9b8f99;margin:5px 0}.item-editor{background:#faf8fa;border:1px solid #eee7ed;border-radius:12px;padding:10px;margin:8px 0}.item-head strong{font-size:11px}.item-head button{border:0;background:none;color:#b36f91;font-size:10px}.check-row{display:flex;align-items:center;gap:8px;font-size:10px;color:#8e808c}.stance-checks{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px;margin-top:8px}.stance-check{display:flex!important;align-items:center;gap:7px;padding:7px 8px;margin:0!important;border:1px solid #e7dfe7;border-radius:9px;background:#fff}.stance-check input{width:15px!important;height:15px;margin:0!important;accent-color:#d58eaf}.stance-check span{font-size:10px;color:#6e626c}.toggle{border:0;border-radius:999px;padding:5px 11px;background:#ddd7dd;color:#776d76;font-weight:800;font-size:10px}.toggle.on{background:#f0b1cc;color:#6d3150}.choice-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.choice{flex:1 1;text-align:center;padding:8px 5px}.choice.active{background:#f5e4ef;border-color:#d8a5c0;color:#8a4d72;font-weight:800}.color-dot{width:25px;height:25px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ddd;flex:none}.color-inputs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px;margin:8px 0 12px}.color-inputs label{margin:0}.color-inputs input{padding:2px;height:30px}.preview-area{min-width:0;display:flex;flex-direction:column;justify-content:center}.preview-label{margin:0 0 12px}.card-wrap{width:100%;overflow:auto;padding:18px 0 30px}.profile-card{width:min(1200px,100%);min-width:720px;background:var(--bg);color:var(--text);font-family:var(--font);border:4px solid var(--main);border-radius:28px;padding:54px 62px 40px;position:relative;overflow:visible;box-shadow:0 22px 70px #49304a1c;display:flex;flex-direction:column}.card-deco{position:absolute;right:45px;top:25px;color:var(--main);font-size:36px;opacity:.7}.card-top{display:flex;gap:24px;align-items:center;position:relative;z-index:1}.avatar{width:104px;height:104px;border-radius:50%;background:var(--accent);border:4px solid var(--main);display:grid;place-items:center;overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar span{font-size:42px;font-weight:900;color:var(--main)}.identity{min-width:0}.name{font-size:38px;font-weight:900;letter-spacing:.02em}.handle{font-size:14px;opacity:.58;margin-top:2px}.intro{font-size:16px;margin-top:12px;white-space:pre-wrap}.book-mark{margin-left:auto;border:2px solid var(--main);color:var(--main);padding:9px 13px;border-radius:12px;font-size:10px;font-weight:900;letter-spacing:.12em;text-align:center;line-height:1.35;transform:rotate(3deg)}.items{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:28px;align-content:start}.profile-item{background:var(--sub);border:1px solid var(--accent);border-radius:14px;padding:13px 15px;min-height:64px}.item-label{font-size:10px;font-weight:900;color:var(--main);letter-spacing:.08em;margin-bottom:6px}.item-value{font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.kind-long,.kind-stance{grid-column:span 2}.check-value{font-size:14px;font-weight:900}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span,.stance-values span{font-size:11px;border-radius:999px;padding:5px 9px;background:var(--accent);color:var(--text)}.stance-values{display:flex;gap:6px;flex-wrap:wrap}.stance-values .muted-value{background:transparent;padding-left:0}.empty-card{flex:1 1;display:grid;place-items:center;text-align:center;font-size:18px;line-height:1.7}.card-footer,.empty-card{color:var(--main);font-weight:800}.card-footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:14px;font-size:10px;opacity:.8}.template-minimal{border-width:1px;border-radius:10px;box-shadow:none}.template-minimal .book-mark,.template-minimal .card-deco{display:none}.template-minimal .profile-item{background:transparent;border:0;border-top:1px solid var(--accent);border-radius:0}.template-pop{border:0;border-radius:36px;background:linear-gradient(135deg,var(--bg),var(--sub))}.template-pop .profile-item{border:2px dashed var(--main);border-radius:20px;background:#fff9}.template-diary{border:1px solid #d7c8aa;border-radius:3px;background:linear-gradient(#fffdf5,#fbf3dc)}.template-diary .profile-item{background:#fff9e9;border:1px solid #e4d5ad;border-radius:3px}.template-diary .item-label{color:#9a7b43}.template-diary .card-deco{color:#a98c56}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.panel{order:2}.preview-area{order:1}.topbar{align-items:start;flex-direction:column}.export{width:100%}}@media(max-width:760px){.workspace{padding:0 14px 35px}.topbar{padding:24px 14px 18px}.profile-card{min-width:0;padding:32px 26px 26px;border-radius:20px}.name{font-size:28px}.avatar{width:76px;height:76px}.avatar span{font-size:30px}.book-mark{display:none}.items{grid-template-columns:1fr 1fr}.kind-long,.kind-stance{grid-column:span 2}.card-wrap{overflow:visible}}.subheading{font-size:11px;color:#8b7b87;margin:15px 0 7px}.design-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7px;gap:7px;margin-bottom:8px}.upload-box{display:block!important;border:1px dashed #d8c8d4;background:#fcfafc;border-radius:12px;padding:14px;text-align:center;color:#8b6d80;font-size:11px;cursor:pointer}.upload-box input{display:none!important}.clear-image{border:0;background:none;color:#b36f91;font-size:10px;padding:8px 0}.template-holes{border-width:1px;border-radius:18px;background:var(--bg)}.template-holes:before{content:"";position:absolute;left:22px;top:24px;bottom:24px;width:34px;background:radial-gradient(circle at center,transparent 0 6px,var(--main) 6.5px 7px,transparent 7.5px) 0 0/34px 48px repeat-y}.template-holes .card-deco{display:none}.template-holes .profile-item{background:#fff8;border-radius:8px}.template-sticker{border:5px solid var(--accent);border-radius:34px;background:var(--bg)}.template-sticker .profile-item{border:0;border-radius:18px;box-shadow:0 5px 0 var(--accent);background:#fff}.template-notebook{border:1px solid #b7cbe0;border-radius:6px;background:repeating-linear-gradient(to bottom,var(--bg) 0,var(--bg) 37px,#dce8f2 38px,#dce8f2 39px)}.template-notebook .profile-item{background:#ffffffd9;border:1px solid #d3e0ea;border-radius:7px}.template-scrap{border:0;border-radius:8px;background:var(--bg)}.template-scrap .profile-item:nth-child(odd){transform:rotate(-.7deg)}.template-scrap .profile-item:nth-child(2n){transform:rotate(.7deg)}.template-scrap .profile-item{background:#fff;border:1px solid #ddd;box-shadow:4px 5px 0 #0000000d}.template-pop .avatar{transform:rotate(-3deg)}@media(max-width:1050px){.top-actions{width:100%}.export,.share{flex:1 1}}@media(max-width:760px){.breadcrumb{padding:12px 14px 0;flex-wrap:wrap}.top-actions{width:100%}.export,.share{width:auto}.profile-card{min-width:0}.template-holes{padding-left:58px}.template-holes:before{left:12px;width:24px;background-size:24px 40px}}.item-head{gap:8px}.item-actions{display:flex;align-items:center;gap:3px}.item-actions button{border:0;background:#eee7ed;color:#806f7b;border-radius:6px;padding:3px 7px;font-size:10px}.item-actions button:disabled{opacity:.35;cursor:default}.item-actions .delete{background:none;color:#b36f91}.custom-add{margin-top:14px;padding:12px;background:#f8f3f7;border:1px dashed #dec9d8;border-radius:12px}.custom-add h3{font-size:11px;margin:0 0 7px;color:#806d7b}.custom-row{display:grid;grid-template-columns:1fr 90px;grid-gap:6px;gap:6px}.custom-row input,.custom-row select{margin-top:0}.add-custom,.add-row{width:100%;border:1px solid #dec1d3;background:#fff;border-radius:9px;padding:8px;color:#995a7d;font-size:11px;margin-top:7px}.favorite-editor{display:flex;flex-direction:column;gap:6px}.repeat-row{display:flex;gap:5px}.repeat-row input{margin-top:0}.repeat-row button{width:30px;border:0;border-radius:8px;background:#eee5eb;color:#9d6582}.restore-box{border-color:#c7b3c1}.template-holes{padding-left:86px}@media(max-width:760px){.custom-row{grid-template-columns:1fr}.item-actions button{padding:4px 6px}}.restore-section{background:#fff8fb;border:1px solid #ead6e2;border-radius:14px;padding:12px!important;margin-top:0}.restore-section h2{color:#8d5574}.custom-option{background:#fff9fc;border-style:dashed}.profile-item.is-empty.kind-long,.profile-item.is-empty.kind-stance{grid-column:span 1;min-height:64px}.profile-item.has-value.kind-long,.profile-item.has-value.kind-stance{grid-column:span 2}.profile-item.is-empty .item-value{min-height:0}.about-tool{background:linear-gradient(135deg,#fff9fc,#f8f3f8);border:1px solid #eadce5;border-radius:16px;padding:14px!important}.about-tool h2{display:flex;align-items:center;gap:7px;color:#7e536c}.about-tool h2 svg{width:17px;height:17px;fill:var(--main,#b36f91)}.about-tool li,.about-tool p{font-size:11px;line-height:1.7;color:#756874}.about-tool ul{margin:8px 0;padding-left:18px}.about-note{margin-bottom:0}.kind-long textarea{min-height:0}.favorite-editor .repeat-row input{background:#fff}.favorite-editor .repeat-row input:focus{border-color:#c58cad}.stance-checks{grid-template-columns:repeat(2,1fr)}@media(max-width:760px){.profile-item.has-value.kind-long,.profile-item.has-value.kind-stance,.profile-item.is-empty.kind-long,.profile-item.is-empty.kind-stance{grid-column:span 2}.restore-section{padding:11px!important}}.about-open{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#9a5f80;font-size:11px;font-weight:700;padding:7px 0 0;cursor:pointer}.about-open:hover{text-decoration:underline}.modal-backdrop{position:fixed;inset:0;z-index:1000;background:#342e3566;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.about-modal{position:relative;width:min(560px,100%);max-height:min(78vh,620px);overflow:auto;background:#fff;border:1px solid #eadce5;border-radius:22px;padding:28px;box-shadow:0 25px 80px #342e3533;color:#4b3d48}.about-modal h2{display:flex;align-items:center;gap:7px;color:#7e536c;margin:0 0 14px;font-size:18px}.about-modal h2 svg{width:19px;height:19px;fill:#b36f91}.about-modal li,.about-modal p{font-size:12px;line-height:1.8;color:#756874}.about-modal ul{margin:10px 0;padding-left:20px}.about-note{color:#9a8b96!important}.modal-close{position:absolute;right:13px;top:10px;width:32px;height:32px;border:0;background:#f7f1f5;color:#8d667d;border-radius:50%;font-size:22px;line-height:1}.panel textarea{field-sizing:content;min-height:42px;max-height:320px}.profile-item.kind-free{grid-column:1/-1}.profile-item.kind-long.is-compact,.profile-item.kind-stance.is-compact{grid-column:span 1;min-height:64px}.profile-item.kind-long.is-tall,.profile-item.kind-stance.is-tall{grid-column:span 2}.profile-item.kind-long.is-compact .item-value{min-height:1.55em}.profile-item.kind-long.is-tall .item-value{min-height:4.65em}.rakuten-widget{padding-top:8px!important}.rakuten-widget:empty{display:none}.rakuten-widget iframe{max-width:100%}@media(max-width:760px){.modal-backdrop{padding:14px}.about-modal{padding:24px 20px}.profile-item.kind-free{grid-column:1/-1}.profile-item.kind-long.is-compact,.profile-item.kind-long.is-tall,.profile-item.kind-stance.is-compact,.profile-item.kind-stance.is-tall{grid-column:span 2}}.profile-item.is-free{grid-column:1/-1!important;width:100%;border-radius:12px;min-height:100px}.rakuten-widget{display:block;text-align:center;border-bottom:0!important;padding-top:12px!important}.rakuten-widget h2{margin-bottom:8px;color:#8b6d80}.rakuten-widget iframe{width:100%;max-width:468px;overflow:hidden}@media(max-width:760px){.profile-item.is-free,.template-holes .profile-item.is-free{width:100%;margin:0;padding:13px 15px}.stance-values{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-item.is-free{grid-column:1/-1;border-radius:14px;min-height:64px}.profile-item.is-free,.template-holes .profile-item.is-free{width:auto;margin:0;padding:13px 15px}@media(max-width:760px){.profile-item.is-free,.template-holes .profile-item.is-free{width:auto;margin:0;padding:13px 15px}}.stance-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:7px;gap:7px}.stance-values span{display:flex;align-items:center;justify-content:center;min-width:0;white-space:normal;text-align:center;line-height:1.35;padding:7px 6px}.item-label{display:flex;align-items:center;gap:6px}.field-icon{display:inline-grid;place-items:center;width:17px;height:17px;flex:none;border-radius:6px;background:var(--accent);color:var(--main);font-size:13px;line-height:1}@media(max-width:760px){.stance-values{grid-template-columns:repeat(2,minmax(0,1fr))}}.rakuten-widget iframe{display:block;width:min(468px,100%);height:180px;border:0;margin:0 auto;background:transparent}.save-modal{display:flex;flex-direction:column;gap:10px;max-height:82dvh;overflow:hidden;padding-bottom:18px}.save-modal h2{padding-right:30px;margin-bottom:0}.save-modal p{margin:0;flex:none}.save-image-scroll{overflow:auto;min-height:120px;max-height:48dvh;border:1px solid #eadce5;border-radius:12px;background:#f8f4f8;padding:8px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.save-image-scroll img{display:block;width:100%;height:auto;object-fit:contain;-moz-user-select:auto;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}.save-close-button{flex:none;border:0;border-radius:999px;background:#8f5877;color:white;padding:11px 20px;font-weight:700}.uploaded-image-info{display:flex;align-items:center;gap:8px;margin:9px 0 2px;padding:9px 10px;border:1px solid #e7d4e0;border-radius:10px;background:#fff8fc;min-width:0}.uploaded-image-check{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#e6f6ec;color:#39845a;font-size:12px;font-weight:900}.uploaded-image-name{flex:1 1;min-width:0;overflow-wrap:anywhere;font-size:11px;color:#695566;line-height:1.4}.uploaded-image-info .clear-image{flex:none;margin:0;padding:5px 2px}