:root{font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;color:#0f172a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%, #f8f5ef, #f5efe6 28%, #f2ebe0 60%, #f8f6f2);color:inherit}.builder-body{padding:clamp(20px,4vw,40px) clamp(16px,6vw,80px) clamp(32px,6vw,80px)}.builder-hero{position:relative;display:grid;grid-template-columns:auto 1fr;gap:clamp(14px,3vw,28px);align-items:center;margin-bottom:clamp(18px,4vw,32px);padding-top:clamp(120px,18vh,180px)}.builder-logo{position:fixed;top:clamp(14px,3.2vh,32px);left:50%;transform:translateX(-50%);width:min(130px,24vw);height:auto;filter:drop-shadow(0 0 10px rgba(255,255,255,.32));pointer-events:none;user-select:none}.builder-hero__copy{grid-column:1/-1;background:rgba(0,0,0,0);color:inherit;border-radius:16px;padding:clamp(20px,4vw,32px)}.builder-hero__eyebrow{margin:0 0 6px;font-size:.92rem;letter-spacing:.08em}.builder-hero__title{margin:0 0 10px;font-size:clamp(1.2rem,4vw,1.6rem);letter-spacing:.06em}.builder-hero__lead{margin:0;color:#3f3f46;font-size:.95rem;line-height:1.6}.builder-main{display:flex;flex-direction:column;gap:clamp(18px,3vw,28px)}.url-display{display:grid;grid-template-columns:1fr;gap:10px;padding:clamp(16px,3vw,22px);background:rgba(255,255,255,.9);border-radius:14px;box-shadow:0 12px 28px rgba(15,23,42,.08);border:1px solid rgba(15,23,42,.08)}.url-display__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.url-display__label{display:flex;flex-direction:column;gap:4px}.url-display__actions{display:inline-flex;gap:8px}.section-title{margin:0;font-size:1rem;letter-spacing:.06em}.section-caption{margin:0;color:#52525b;font-size:.92rem;line-height:1.5}.url-display__input{width:100%;padding:12px 14px;font-size:.98rem;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#f8fafc;color:#0f172a}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;border:none;background:rgba(0,0,0,0);cursor:pointer;box-shadow:none;transition:transform 140ms ease,color 160ms ease;padding:6px;color:#0f172a}.icon-button:hover,.icon-button:focus-visible{transform:translateY(-1px) scale(1.02);outline:none;color:#f97316}.icon-button svg{width:22px;height:22px;fill:currentColor;transition:transform 180ms ease,filter 200ms ease}.icon-button.is-pressed svg{animation:iconFlash 320ms ease}@keyframes iconFlash{0%{filter:drop-shadow(0 0 0 rgba(249,115,22,0));transform:scale(1)}50%{filter:drop-shadow(0 0 12px rgba(249,115,22,.55));transform:scale(1.08)}100%{filter:drop-shadow(0 0 0 rgba(249,115,22,0));transform:scale(1)}}.accordion{display:flex;flex-direction:column;gap:12px}.accordion-item{border-radius:14px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.92);overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.08)}.accordion-toggle{width:100%;padding:14px 16px;font-size:1rem;font-weight:700;letter-spacing:.05em;text-align:left;border:none;background:rgba(0,0,0,0);cursor:pointer}.accordion-panel{padding:0 16px 18px;display:grid;gap:12px}.accordion-toggle[aria-expanded=true],.accordion-item.is-open .accordion-toggle{background:linear-gradient(135deg, rgba(255,255,255,.86), rgba(248,244,236,.96))}.accordion-panel[hidden]{display:none}.background-options{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px, 150px);gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}.background-button{position:relative;border:1px solid rgba(15,23,42,.12);border-radius:12px;overflow:hidden;padding:0;background:#fff;cursor:pointer;box-shadow:0 6px 14px rgba(15,23,42,.12);scroll-snap-align:start}.background-button img{display:block;width:100%;height:100%;object-fit:cover}.background-button.is-active{outline:3px solid #fb923c;outline-offset:2px}.field-label{font-size:.95rem;margin:0}.text-field{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:#f8fafc;resize:none;font-size:.98rem}.option-list{display:grid;gap:8px}.option-button{width:100%;padding:12px 14px;text-align:left;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff;cursor:pointer;box-shadow:0 8px 14px rgba(15,23,42,.08);transition:transform 140ms ease,box-shadow 140ms ease}.option-button:hover,.option-button:focus-visible{transform:translateY(-2px);box-shadow:0 10px 18px rgba(15,23,42,.12);outline:none}.option-button.is-active{border-color:#fb923c;box-shadow:0 12px 22px rgba(251,146,60,.28)}@media (max-width: 720px){.builder-body{padding-left:16px;padding-right:16px}.builder-hero{margin-top:clamp(80px,14vw,120px);grid-template-columns:1fr}.builder-hero__copy{padding-top:clamp(16px,3vw,24px)}.url-display{padding:14px 12px}.accordion-toggle{padding:12px 14px}}