*{box-sizing:border-box;}body{margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0b0b0f;color:#f5f5f5;}h1{font-size:20px;margin:0 0 12px;}.container{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;}.panel{background:#171723;padding:16px;border-radius:10px;min-width:280px;box-shadow:0 10px 25px rgba(0,0,0,0.35);}.panel h2{font-size:16px;margin:0 0 10px;}label{font-size:13px;display:block;margin-bottom:6px;}input[type="number"],input[type="file"],input[type="range"]{width:100%;margin-bottom:10px;}input[type="number"],input[type="file"]{padding:6px 8px;border-radius:6px;border:1px solid #33384a;background:#111320;color:#f5f5f5;}input[type="number"]:focus,input[type="file"]:focus{outline:none;border-color:#4aa9f7;}input[type="range"]{cursor:pointer;}button{padding:8px 12px;border-radius:999px;border:none;background:linear-gradient(135deg,#4aa9f7,#8091ff);color:#fff;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 6px 15px rgba(64,147,255,0.45);transition:transform 0.1s ease,box-shadow 0.1s ease,opacity 0.1s ease;}button:disabled{opacity:0.4;cursor:default;box-shadow:none;}button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(64,147,255,0.6);}.preview-section{flex:1 1 360px;}#previewWrapper{position:relative;width:min(520px,80vw);height:min(520px,80vw);background:radial-gradient(circle at top,#202235 0,#05060b 55%);border-radius:14px;overflow:hidden;margin:8px auto 0;border:1px solid #262a3d;}#previewCanvas{position:absolute;inset:0;}#frame{position:absolute;border:2px solid #ffffff;border-radius:6px;box-shadow:0 0 0 9999px rgba(0,0,0,0.55),0 0 0 1px rgba(0,0,0,0.7);pointer-events:none;}.hint{font-size:12px;opacity:0.75;margin-top:6px;line-height:1.5;}a#downloadLink{display:none;margin:8px auto 0;font-size:13px;text-decoration:none;color:#9dd1ff;}a#downloadLink:hover{text-decoration:none;}.zoom-row{display:flex;align-items:center;gap:8px;font-size:12px;}.zoom-row span{white-space:nowrap;}.brand-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;}.brand-logo{height:40px;width:auto;display:block;}.brand-title{font-size:20px;margin:0;color:#f5f5f5;}.result-img{max-width:100%;border-radius:10px;margin-top:10px;background:#000;border:1px solid #262a3d;display:none;}.visually-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.seo-accordion{margin-top:16px;}
.seo-accordion details{background:#171723;border-radius:8px;padding:8px 12px;border:1px solid #262a3d;}
.seo-accordion summary{cursor:pointer;font-size:13px;font-weight:600;list-style:none;outline:none;}
.seo-accordion summary::-webkit-details-marker{display:none;}
.seo-accordion summary::before{content:"＋";display:inline-block;margin-right:6px;font-size:11px;opacity:0.8;}
.seo-accordion details[open] summary::before{content:"－";}
.seo-body{margin-top:8px;font-size:13px;line-height:1.7;}
.seo-body h2,.seo-body h3{font-size:14px;margin:0.75em 0 0.3em;}
.seo-body ul{padding-left:1.2em;margin:0.3em 0 0.8em;}
.seo-body li{margin:0.15em 0;}

/* --- Unified accordion width fix --- */
.seo-accordion,
.seo-accordion details,
.seo-accordion summary,
.seo-body {
    width: 100%;
    max-width: 100%;
    display: block;
}

.dpad-container{display:none;}

/* --- Philosophiam CTA（アコーディオンと同じ形でリンク遷移） --- */
.seo-accordion-philosophiam{
  margin-top:16px;
}
.philosophiam-cta-wrapper{
  background:#171723;
  border-radius:8px;
  padding:8px 12px;
  border:1px solid #7fcfff;
}
.philosophiam-cta-link{
  display:block;
  font-size:13px;
  font-weight:600;
  color:#fbe9ff;
  text-decoration:none;
}
.philosophiam-cta-link:hover{
  text-decoration:none;
}