.bio-design-island{font-family:Meiryo,'メイリオ',sans-serif}.bio-design-shell{padding:16px 22px 145px}.bio-design-island form{margin:0}.design-panels{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.design-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;margin:0;padding:18px 20px 22px;min-width:0;border:1px solid #dce8df;border-radius:18px;background:linear-gradient(140deg,#f5faf7,#fcfdfb)}.design-panel legend{font-size:15px;font-weight:700;line-height:1.9;padding:0 8px;color:#37664b}.design-field{display:flex;flex-direction:column;align-items:flex-start;gap:7px;font-size:12px;font-weight:600;line-height:1.8;color:#557861;min-width:0;margin:0;overflow-wrap:anywhere}.design-field>span{font-size:10px;font-weight:400;color:#829187;line-height:1.7}.design-field select{width:100%;max-width:280px;min-width:0;min-height:44px;height:auto;padding:10px 28px 10px 12px;line-height:1.7;border:1px solid #d6e3da;border-radius:11px;color:#3d6b4f;background:#fff;font:inherit;font-size:12px;box-sizing:border-box}.design-field input[type=color]{width:76px;max-width:100%;height:44px;border:1px solid #d0e0d4;border-radius:11px;background:#fff;padding:6px;cursor:pointer;box-sizing:border-box}.design-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.design-field input[type=color]::-webkit-color-swatch{border:0;border-radius:6px}.design-field :is(select,input):focus-visible{outline:3px solid #b2d6bd;outline-offset:2px}.design-preview-wrap{padding:10px;border:1px dashed #c5dacb;border-radius:13px;background:linear-gradient(140deg,#f1f7f2,#f7f5ef)}.design-preview-wrap>span{display:block;text-align:center;font-size:10px;color:#8a9d8e;line-height:1.8;margin-bottom:5px}.design-preview-link{display:flex;align-items:center;justify-content:center;gap:9px;border-style:solid;border-radius:100px;min-height:44px;height:auto;padding:8px 12px;line-height:1.8;overflow-wrap:anywhere;white-space:normal;width:100%;box-sizing:border-box}.design-icon-preview{color:var(--bio-icon-color,#000)!important;flex:0 0 auto;font-size:20px}.design-footer-preview{flex:1;min-width:0;max-width:270px;margin:0}.bio-design-island .island-footer{font-size:11px;gap:12px;align-items:center}.bio-design-island .island-footer>.island-button{flex:0 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;height:auto;line-height:1.7;white-space:normal;overflow-wrap:anywhere}.design-preview-link>span:last-child{min-width:0}@media(max-width:600px){.bio-design-shell{padding:10px 12px 145px}.design-panels{gap:14px}.design-panel{padding:12px 12px 16px;gap:15px;grid-template-columns:minmax(0,1fr);border-radius:14px}.design-panel legend{font-size:13px;padding:0 6px}.design-field{font-size:12px}.design-field select{max-width:100%}.design-footer-preview{max-width:210px;padding:7px}.design-preview-link{padding:6px 8px;font-size:12px}.bio-design-island .island-footer{padding:10px;gap:8px}}@media(max-width:359px){.bio-design-shell{padding-bottom:170px}.design-footer-preview{max-width:none;flex-basis:100%}.bio-design-island .island-footer{flex-wrap:wrap}.bio-design-island .island-footer>.island-button{width:100%}}