.t2i-page { margin:0; background:#f6f4ed; color:#252d2b; font:16px/1.75 system-ui,sans-serif; }
.t2i-page * { box-sizing:border-box; }
.t2i-page a { color:#344f43; text-underline-offset:4px; }
.t2i-header { padding:22px max(20px,calc((100vw - 1100px)/2)); border-bottom:1px solid #d5d4ca; background:#fffdf7; }
.t2i-header>a { font-size:22px; font-weight:700; text-decoration:none; }.t2i-header small { font-size:11px; letter-spacing:.2em; }
.t2i-header nav { display:flex; flex-wrap:wrap; gap:12px 24px; }.t2i-header p { font-size:13px; margin-bottom:0; }
.t2i { max-width:1040px; margin:45px auto; padding:0 24px 160px; }.t2i h1 { font-size:clamp(27px,4vw,46px); line-height:1.4; font-weight:500; }
.t2i .eyebrow { font-size:12px; letter-spacing:.22em; color:#90634b; }.t2i .t2i-toolbar { background:#e8ebe3; padding:18px; border-radius:8px; }.t2i-toolbar p,.t2i-footnote { font-size:13px; }
.t2i label { display:grid; gap:6px; margin:12px 0; font-size:14px; font-weight:550; }.t2i input,.t2i select,.t2i textarea,.t2i button { font:inherit; color:inherit; max-width:100%; min-width:0; }
.t2i input,.t2i select,.t2i textarea { width:100%; min-height:44px; padding:10px; border:1px solid #9eaaa0; border-radius:4px; background:#fffef9; }.t2i textarea { resize:vertical; }.t2i select[multiple] { min-height:120px; }
.t2i button { cursor:pointer; min-height:44px; padding:10px 18px; border:1px solid #647669; background:#fffef9; border-radius:4px; }.t2i button:disabled { opacity:.55; cursor:default; }
.t2i :focus-visible { outline:3px solid #a65336; outline-offset:3px; }.t2i .accordion-trigger { margin:24px 0 0; padding:16px 18px; border:1px solid #c9cec2; border-radius:6px; cursor:pointer; font-size:18px; background:#e9ede4; }.t2i .accordion-trigger::after { content:' ＋'; float:right; }.t2i .accordion-trigger.active::after { content:' −'; }
.t2i .accordion-content { padding:16px 20px; border:1px solid #d2d5cb; border-top:0; overflow:visible; max-height:none!important; }.t2i [hidden] { display:none!important; }
.t2i .grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 20px; }.t2i fieldset { border:1px solid #d1d4c8; margin:14px 0; padding:10px 14px; min-width:0; }.t2i legend { padding:0 8px; font-size:15px; }
.t2i .attribute-note { font-size:12px; color:#765d36; }.t2i .selection { padding-bottom:12px; border-bottom:1px solid #deded4; }.t2i .generate-btn-group { display:flex; flex-wrap:wrap; gap:10px; margin:28px 0; }#generate-image { background:#2c473b; color:white; }
.t2i details { margin:16px 0; }.t2i summary { cursor:pointer; padding:12px 4px; min-height:44px; overflow-wrap:anywhere; }.t2i legend,.t2i p { overflow-wrap:anywhere; }.t2i .image-panel { padding:10px; border:1px solid #c9cec2; border-radius:6px; }.t2i #image-persistence { padding:12px; border:1px solid #c9cec2; background:#fffdf7; }.t2i #image-persistence button,.t2i #image-ai-continue button { margin:4px; }.t2i input[type=checkbox] { width:24px; min-height:24px; margin-right:10px; }.t2i #image-edit-candidates label { display:flex; align-items:center; min-height:44px; }.t2i #image-edit-candidates pre { max-height:180px; background:#eeeee5; padding:10px; }
.t2i #image-inactive-attributes pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:240px; overflow:auto; }
.t2i .result-area>label { font-size:20px; }.t2i .result-area pre { white-space:pre-wrap; overflow-wrap:anywhere; max-height:450px; overflow:auto; font-size:13px; }.t2i #t2i-errors { padding:16px; border:2px solid #a34335; margin:18px 0; white-space:pre-wrap; overflow-wrap:anywhere; }.t2i #t2i-status { color:#80533a; margin:12px 0; }
@media(min-width:1200px){.t2i{margin-right:270px;margin-left:max(24px,calc((100vw - 1200px)/2));}}
@media(max-width:600px){.t2i{padding:0 16px 180px;margin-top:25px;}.t2i .grid{grid-template-columns:1fr;}.t2i .accordion-content{padding:12px;}.t2i .accordion-trigger{font-size:16px;padding:15px 12px;}.t2i-header{padding:16px;}.t2i-header nav{font-size:14px;gap:12px;}}
.t2i .image-multichoice { border-radius:6px; padding:8px; }
.t2i .image-multichoice details { margin:4px 0; }
.t2i .image-choice-selected { margin:4px 0; font-size:13px; max-height:6rem; overflow:auto; }
.t2i .image-choice-list { max-height:16rem; overflow:auto; overscroll-behavior:contain; padding:5px; border:1px solid #c9cec2; border-radius:4px; }
.t2i .image-choice-list label { display:flex; align-items:center; gap:10px; min-height:44px; margin:3px 0; padding:7px; border:1px solid transparent; border-radius:4px; cursor:pointer; }
.t2i .image-choice-list input[type=checkbox] { flex:0 0 22px; width:22px; height:22px; min-height:22px; margin:0; padding:0; accent-color:#2c473b; }
.t2i .image-choice-list span { min-width:0; overflow-wrap:anywhere; }
.t2i .image-choice-list .is-selected { background:#e0ecdf; border-color:#647669; }