@charset "utf-8";
:root{font-family:"Yu Gothic UI",Meiryo,sans-serif;color:#181a18;line-height:1.7;font-synthesis:none;background:#e9e9e6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;border-radius:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #286ac7;outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid #242924;outline-offset:3px}.studio-header{height:45px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 28px;border-bottom:1px solid #e2e2dc;position:sticky;top:0;z-index:4}.studio-brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.studio-brand img{object-fit:contain}.studio-brand>span{font-size:12px;font-weight:700}.studio-brand>small{font-size:10px;color:#565c56;margin-left:12px;padding-left:15px;border-left:1px solid #cfcfca}.studio-header nav{display:flex;align-items:center;gap:28px;font-size:11px}.studio-header nav button{background:none;color:inherit;font-size:11px;padding:5px 0;border-bottom:1px solid #292c27}.preview-toolbar{height:52px;display:flex;align-items:center;gap:22px;padding:0 28px;background:#fff;position:sticky;top:45px;z-index:3;border-bottom:1px solid #dcded7}#preview-label{font-size:12px;font-weight:600}.preview-invitation{font-size:11px;color:#5b6259;margin-right:auto}.dark-button{background:#171b17;color:#fff;padding:12px 18px;font-size:12px;line-height:1.7}.dark-button:hover{background:#3d453b}.dark-button span{margin-left:20px}.preview-toolbar .dark-button{padding:9px 15px;font-size:11px}.text-button{background:none;color:#383e35;font-size:11px;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.viewport-switch{display:flex;gap:10px;align-items:center}.viewport-switch button{padding:4px 0;font-size:10px;background:none;color:#777e73;border-bottom:1px solid transparent}.viewport-switch button[aria-pressed=true]{color:#171b17;border-color:#171b17}.frame-wrap{max-width:none;width:100%;margin:auto;background:#fff}.frame-wrap.mobile{max-width:390px;margin:30px auto}.frame-wrap iframe{width:100%;display:block;border:0;min-height:900px;background:#faf9f6}.preview-end{padding:42px 22px;background:#f1f1ea;text-align:center}.preview-end p{font-size:15px;margin:0 0 20px}.preview-end small{display:block;font-size:11px;color:#555d50;margin-top:22px}dialog{color:#1c201a;background:#fff;border:1px solid #d8dbd2;padding:42px;max-width:calc(100% - 28px);width:580px;max-height:90vh}dialog::backdrop{background:#11170f78;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:20px;top:12px;background:none;font-size:27px;color:#42483b;padding:3px 7px;line-height:1.3}.eyebrow{font-size:10px;letter-spacing:.18em;color:#536247}.panel-heading h1{font-family:"Yu Mincho",serif;font-size:31px;line-height:1.65;letter-spacing:.025em;margin:18px 0 13px}.panel-heading p{font-size:13px;color:#56604d;line-height:1.9}.field{margin:25px 0}.field label,fieldset legend{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input,textarea,select{display:block;width:100%;border:1px solid #c4ccbb;background:#fafbf7;padding:11px 13px;font-size:14px;color:#172011;border-radius:0}input,select{min-height:46px}textarea{resize:vertical;min-height:90px;line-height:1.9}fieldset{margin:25px 0;padding:0;border:0}.theme-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-options button{padding:0 0 9px;border:1px solid #d8ddcf;color:#303a28;background:#fff;text-align:left}.theme-options button[aria-pressed=true]{border:1px solid #1c2418;box-shadow:0 0 0 1px #1c2418}.theme-options strong{display:block;font-size:10px;padding:9px 7px 2px;letter-spacing:-.03em;white-space:nowrap}.theme-options small{display:block;font-size:9px;color:#65715c;padding:0 7px;line-height:1.7}.mini{height:74px;display:block;background:#f3f1e8;position:relative;overflow:hidden}.mini img{width:72%;height:100%;object-fit:cover;position:absolute;right:0;object-position:75%}.mini:before,.mini:after{content:"";position:absolute;background:#111;left:7%;top:30%;width:40%;height:3px;z-index:1}.mini:after{top:40%;width:48%}.mini em{position:absolute;bottom:-7px;right:5%;font-style:normal;font-family:Georgia,serif;font-size:24px;line-height:1;z-index:1}.mini em:after{content:"SOYO"}.mini-cinematic img{width:100%;filter:brightness(.85)}.mini-cinematic:before,.mini-cinematic:after{background:#fff;top:57%;width:52%}.mini-cinematic:after{top:68%;width:65%}.mini-cinematic em{display:none}.mini-precision{background:#151c23}.mini-precision img{height:56%;width:49%;top:0;right:0}.mini-precision:before{background:#fff;width:39%;height:4px;top:17%}.mini-precision:after{background:#fff;top:30%;width:45%;height:4px}.mini-precision em{display:none}.mini-precision i{position:absolute;bottom:0;height:16px;width:100%;background:#245bdd}.presets{display:flex;gap:8px;margin-top:9px}.presets button{padding:5px 8px;border-bottom:1px solid #aab59f;background:none;font-size:10px;color:#475b37}.more-copy{border-top:1px solid #dbe0d2;padding-top:15px;font-size:12px}.more-copy summary{cursor:pointer}.more-copy label{display:block;font-size:11px;margin:15px 0 7px}#reset{margin-top:20px}.local-note{font-size:10px;color:#65705c;line-height:1.9;margin-top:15px}.research-panel-link{display:block;color:#475b37;font-size:10px;text-decoration:underline;text-underline-offset:3px;margin-top:15px}#controls-dialog{padding:0;width:500px;margin-right:24px;max-height:calc(100dvh - 36px);overflow:auto}.controls{padding:32px 30px 20px}.controls-action{position:sticky;bottom:0;background:#fff;padding:15px 30px 20px;border-top:1px solid #e0e5d6;z-index:1}.controls-action button{width:100%;text-align:left;display:flex;justify-content:space-between;font-size:13px;padding:14px 18px}dialog h2{font-family:"Yu Mincho",serif;font-size:29px;line-height:1.7;margin:15px 0}dialog p{font-size:13px;line-height:2;color:#526047}pre{font:13px/1.9 "Yu Gothic UI",Meiryo,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#f0f3e9;border-left:2px solid #1c2716;max-height:260px;overflow:auto}.dialog-actions{display:flex;gap:15px;flex-wrap:wrap}.outline-button{background:#fff;border:1px solid #b8c5ab;padding:9px 15px;font-size:12px;color:#354b25}#save-status{min-height:20px}#focus-return{display:none;position:fixed;right:20px;bottom:20px;z-index:10;color:#fff;background:#171d16;padding:11px 17px;font-size:12px;box-shadow:0 2px 12px #0002}.focused .studio-header,.focused .preview-toolbar,.focused .preview-end{display:none}.focused #focus-return{display:block}.focused .frame-wrap{max-width:none!important;margin:0!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.studio-header{padding:0 15px;height:42px}.studio-brand{gap:6px}.studio-brand>span{font-size:11px}.studio-brand img{width:21px;height:21px}.studio-brand>small{display:none}.studio-header nav{gap:0}.studio-header nav>a{display:none}.studio-header nav button{font-size:10px}.preview-toolbar{height:50px;top:42px;padding:0 15px;gap:12px;justify-content:space-between}#preview-label{font-size:10px}.preview-invitation,.viewport-switch,#focus{display:none}.preview-toolbar .dark-button{font-size:10px;padding:8px 10px}.preview-toolbar .dark-button span{margin-left:7px}.frame-wrap.mobile{max-width:none;margin:0}.preview-end{padding:35px 20px}.preview-end p{font-size:14px;line-height:1.9}.preview-end small{font-size:10px}#controls-dialog{width:calc(100% - 20px);max-width:500px;margin:10px auto;max-height:calc(100dvh - 20px)}.controls{padding:30px 22px 20px}.controls-action{padding:14px 22px 18px}.panel-heading h1{font-size:28px}.theme-options{gap:8px}.theme-options strong{font-size:9px;padding-left:5px;padding-right:4px}.theme-options small{font-size:8px;padding-left:5px;padding-right:4px}.mini{height:63px}dialog{padding:30px 24px}dialog h2{font-size:25px}#focus-return{right:12px;bottom:12px;font-size:11px}}
/* The site occupies the page; one small bar holds the gallery controls. */
.preview-toolbar{height:54px;top:0;padding:0 24px;gap:22px}.preview-toolbar .studio-brand{gap:7px}.preview-toolbar .studio-brand>span{font-size:11px}.preview-invitation{display:none}#preview-label{margin-right:auto;border-left:1px solid #d4d6cf;padding-left:22px;font-size:11px;font-weight:400}.controls-action #save-in-controls{display:block;width:auto;font-size:10px;margin:0 0 12px;padding:0;background:transparent;color:#37462b}.toolbar-save{font-size:11px}.preview-end{background:#f3f1ea}@media(max-width:760px){.preview-toolbar{height:50px;padding:0 12px;gap:12px}.preview-toolbar .studio-brand>span{display:none}.preview-toolbar .studio-brand img{width:21px;height:21px}#preview-label{font-size:9px;padding-left:12px;border-left:1px solid #d4d6cf;max-width:145px;line-height:1.5}.toolbar-save{display:none}.preview-toolbar .dark-button{white-space:nowrap;padding:8px 10px;font-size:10px}.preview-toolbar .dark-button span{margin-left:5px}}
html{overflow-anchor:none}.frame-wrap{overflow-anchor:none}
.viewport-switch button{color:#4c5544}.theme-options{grid-template-columns:1fr;gap:10px}.theme-options button{display:grid;grid-template-columns:90px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:9px}.theme-options .mini{grid-column:1;grid-row:1/3;width:90px;height:60px}.theme-options strong{font-size:13px;padding:0;white-space:normal}.theme-options small{font-size:11px;padding:0;color:#526047}.field label,fieldset legend{font-size:13px}.local-note,.research-panel-link{font-size:11px}@media(max-width:760px){.theme-options strong{font-size:12px}.theme-options small{font-size:11px}}

/* 差し色の色見本（プレビューの上に常時表示） */
.accent-group{display:flex;align-items:center;gap:9px;flex:none}
.accent-label{font-size:11px;font-weight:700;letter-spacing:.14em;color:#454a51}
.accent-swatches{display:flex;gap:6px}
.accent-swatches button{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cfccc2;padding:0;cursor:pointer;background:#ccc}
.accent-swatches button[aria-pressed="true"]{box-shadow:0 0 0 2px #191b1e}
@media(max-width:760px){.accent-label{display:none}.accent-swatches button{width:19px;height:19px}}