/**
 * LGT Share Generator - Styles
 * Version: 1.4.1
 */

.lgt-sg-wrapper{margin:2em 0;border:1px solid #e8e0d8;border-radius:14px;overflow:hidden;background:#fff;font-family:inherit;line-height:1.6}
.lgt-sg-wrapper *,.lgt-sg-wrapper *::before,.lgt-sg-wrapper *::after{box-sizing:border-box}
.lgt-sg-wrapper button{font-family:inherit}

.lgt-sg-header{padding:16px 20px 4px;font-size:15px;font-weight:bold;color:#333}
.lgt-sg-header-sub{font-size:12px;font-weight:normal;color:#999;margin-left:4px}
.lgt-sg-panel{padding:8px 20px 20px}

.lgt-sg-step{margin:0 0 18px;padding:0;border:none}
.lgt-sg-step-label{display:block;font-size:13px;font-weight:bold;margin-bottom:10px}
.lgt-sg-options{display:flex;flex-wrap:wrap;gap:8px}
.lgt-sg-option{display:inline-block;position:relative;margin:0}
.lgt-sg-option input[type="radio"]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}

.lgt-sg-option-text{
    display:inline-block;padding:7px 16px;border:1.5px solid;border-radius:24px;
    font-size:13px;cursor:pointer;user-select:none;-webkit-user-select:none;
    line-height:1.4;position:relative;overflow:hidden;transition:all .2s ease;background:#fff;
}
.lgt-sg-option-text:active{transform:scale(.93)}
.lgt-sg-option-text::after{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at center,rgba(255,255,255,.5) 0%,transparent 70%);
    border-radius:inherit;opacity:0;transform:scale(0);pointer-events:none;
}
.lgt-sg-option--selected .lgt-sg-option-text::after{animation:lgt-rip .45s ease-out}
@keyframes lgt-rip{0%{opacity:1;transform:scale(0)}100%{opacity:0;transform:scale(2.5)}}
@keyframes lgt-pop{0%{transform:scale(.88)}50%{transform:scale(1.06)}100%{transform:scale(1)}}

/* ① 感情 — ピンク */
.lgt-sg-step--emotion .lgt-sg-step-label{color:#ad1457}
.lgt-sg-step--emotion .lgt-sg-option-text{border-color:#f8bbd0;color:#c2185b}
.lgt-sg-step--emotion .lgt-sg-option-text:hover{background:#fff0f3;border-color:#f48fb1;transform:translateY(-1px);box-shadow:0 3px 10px rgba(244,143,177,.2)}
.lgt-sg-step--emotion .lgt-sg-option--selected .lgt-sg-option-text,
.lgt-sg-step--emotion .lgt-sg-option input[type="radio"]:checked+.lgt-sg-option-text{
    background:linear-gradient(135deg,#fce4ec,#f8bbd0);border-color:#f48fb1;color:#ad1457;
    box-shadow:0 3px 14px rgba(244,143,177,.3),0 0 0 3px rgba(248,187,208,.2);
    animation:lgt-pop .3s cubic-bezier(.34,1.56,.64,1);font-weight:bold;
}

/* ② ポイント — グリーン */
.lgt-sg-step--point .lgt-sg-step-label{color:#2e7d32}
.lgt-sg-step--point .lgt-sg-option-text{border-color:#c8e6c9;color:#388e3c}
.lgt-sg-step--point .lgt-sg-option-text:hover{background:#f1f8f2;border-color:#a5d6a7;transform:translateY(-1px);box-shadow:0 3px 10px rgba(165,214,167,.25)}
.lgt-sg-step--point .lgt-sg-option--selected .lgt-sg-option-text,
.lgt-sg-step--point .lgt-sg-option input[type="radio"]:checked+.lgt-sg-option-text{
    background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#a5d6a7;color:#1b5e20;
    box-shadow:0 3px 14px rgba(165,214,167,.35),0 0 0 3px rgba(200,230,201,.25);
    animation:lgt-pop .3s cubic-bezier(.34,1.56,.64,1);font-weight:bold;
}

/* ③ ターゲット — ブルー */
.lgt-sg-step--target .lgt-sg-step-label{color:#1565c0}
.lgt-sg-step--target .lgt-sg-option-text{border-color:#bbdefb;color:#1976d2}
.lgt-sg-step--target .lgt-sg-option-text:hover{background:#f0f7ff;border-color:#90caf9;transform:translateY(-1px);box-shadow:0 3px 10px rgba(144,202,249,.2)}
.lgt-sg-step--target .lgt-sg-option--selected .lgt-sg-option-text,
.lgt-sg-step--target .lgt-sg-option input[type="radio"]:checked+.lgt-sg-option-text{
    background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#90caf9;color:#0d47a1;
    box-shadow:0 3px 14px rgba(144,202,249,.3),0 0 0 3px rgba(187,222,251,.2);
    animation:lgt-pop .3s cubic-bezier(.34,1.56,.64,1);font-weight:bold;
}

.lgt-sg-option input[type="radio"]:focus-visible+.lgt-sg-option-text{outline:2px solid #90caf9;outline-offset:2px}

/* プレビュー — ゴールドメタリック */
.lgt-sg-preview-area{
    margin-top:20px;padding:16px;
    background:linear-gradient(135deg,#fffdf5 0%,#fff9e6 40%,#fffdf5 100%);
    border-radius:12px;border:1px solid #e0d5a0;position:relative;
    transition:border-color .3s,box-shadow .3s;
}
.lgt-sg-preview-area::before{
    content:"";position:absolute;inset:0;border-radius:inherit;
    border:1px solid transparent;
    background:linear-gradient(135deg,#d4af37,#f5e6a3,#d4af37,#c5961e,#f5e6a3) border-box;
    -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
    mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;mask-composite:exclude;
    pointer-events:none;opacity:0;transition:opacity .4s;
}
.lgt-sg-preview-area--active{border-color:transparent;box-shadow:0 0 16px rgba(212,175,55,.12)}
.lgt-sg-preview-area--active::before{opacity:1}

.lgt-sg-preview-label{font-size:13px;font-weight:bold;color:#a08520;margin-bottom:8px}
.lgt-sg-preview-text{font-size:15px;line-height:1.6;color:#1a1a1a;min-height:60px;white-space:pre-wrap;word-break:break-all;transition:opacity .3s}
.lgt-sg-preview-text--pending{color:#888;font-style:italic}
.lgt-sg-preview-text--ready{animation:lgt-text-in .4s ease}
@keyframes lgt-text-in{0%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:translateY(0)}}
.lgt-sg-placeholder{color:#bbb;font-style:italic}
.lgt-sg-char-count{text-align:right;font-size:12px;color:#b8a040;margin-top:4px}
.lgt-sg-char-count--over{color:#e53935;font-weight:bold}

/* シェアボタン */
.lgt-sg-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.lgt-sg-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    padding:11px 16px;border-radius:8px;font-size:13px;font-weight:bold;
    font-family:inherit;cursor:pointer;border:none;text-decoration:none;
    text-align:center;flex:1;min-width:0;
    transition:transform .1s,box-shadow .2s,opacity .2s;line-height:1.4;
}
.lgt-sg-btn:active{transform:scale(.95)}

.lgt-sg-btn-copy{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}
.lgt-sg-btn-copy:hover:not(:disabled){background:#eee;color:#444}
.lgt-sg-btn-copy:disabled{opacity:.4;cursor:not-allowed}
.lgt-sg-btn-copy--done{background:#e8f5e9!important;color:#2e7d32!important;border-color:#a5d6a7!important}

.lgt-sg-btn-x{background:#000;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.lgt-sg-btn-x:hover{background:#222;color:#fff}
.lgt-sg-btn-x,.lgt-sg-btn-x:visited{color:#fff;text-decoration:none}
.lgt-sg-btn-x[aria-disabled="true"]{background:#ccc;color:#999;cursor:not-allowed;box-shadow:none}

.lgt-sg-btn-fb{background:#1877f2;color:#fff;box-shadow:0 2px 6px rgba(24,119,242,.2)}
.lgt-sg-btn-fb:hover{background:#166fe5;color:#fff}
.lgt-sg-btn-fb,.lgt-sg-btn-fb:visited{color:#fff;text-decoration:none}
.lgt-sg-btn-fb[aria-disabled="true"]{background:#ccc;color:#999;cursor:not-allowed;box-shadow:none}

.lgt-sg-btn-line{background:#06c755;color:#fff;box-shadow:0 2px 6px rgba(6,199,85,.2)}
.lgt-sg-btn-line:hover{background:#05b34c;color:#fff}
.lgt-sg-btn-line,.lgt-sg-btn-line:visited{color:#fff;text-decoration:none}
.lgt-sg-btn-line[aria-disabled="true"]{background:#ccc;color:#999;cursor:not-allowed;box-shadow:none}

.lgt-sg-btn-reset{background:transparent;color:#bbb;border:1px solid #e0e0e0;flex:0 0 auto;min-width:auto;padding:11px 14px;font-size:12px}
.lgt-sg-btn-reset:hover{color:#888;border-color:#ccc}

@media(max-width:480px){
    .lgt-sg-panel{padding:8px 14px 14px}
    .lgt-sg-header{padding:14px 14px 4px;font-size:14px}
    .lgt-sg-options{gap:6px}
    .lgt-sg-option-text{padding:6px 12px;font-size:12px}
    .lgt-sg-actions{flex-wrap:wrap}
    .lgt-sg-btn{font-size:12px;padding:10px 12px}
    .lgt-sg-btn-reset{flex:0 0 100%;order:10}
    .lgt-sg-preview-area{padding:12px}
    .lgt-sg-preview-text{font-size:14px}
}

.amp-wp-content .lgt-sg-wrapper{display:none}