.black-text{color:#000}.container{max-width:500px;margin:20px auto;padding:30px;border-radius:10px;background-color:#fff}.title{text-align:center;margin-bottom:30px;font-size:20px;font-weight:700}.input-group{margin-bottom:25px}.label{display:block;margin-bottom:8px;font-weight:700;font-size:16px}.file-input,.textarea{width:100%}.textarea{height:120px;padding:12px;font-size:16px;border-radius:5px;border:1px solid #ccc;resize:vertical}.button,.slider{width:100%}.button{padding:12px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:.3s}.button:disabled{background-color:#ccc;cursor:not-allowed}.error{color:red;font-weight:700;margin-top:10px}.response{background-color:#f5f5f5;padding:12px;border-radius:5px;word-break:break-word}.message{text-align:center;color:#555}.haiku-display{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;position:relative}.input-image{width:60%;max-width:500px;height:auto;border-radius:10px;margin-bottom:20px}.haiku-content{display:flex;justify-content:space-between;align-items:flex-end;width:100%;max-width:600px;position:relative;min-height:250px}.haiku-left{position:absolute;left:-20%;bottom:0;max-width:180px}.character-right{position:absolute;right:-7%;bottom:0;width:180px;height:auto}.speech-bubble{position:relative;background:#faf2e4;border-radius:20px;padding:20px;max-width:200px;text-align:center;border:3px solid #333}.vertical-text{writing-mode:vertical-rl;text-orientation:upright;font-family:"Noto Serif JP",Yu Mincho,serif;font-size:33px;line-height:3;text-align:center;padding:10px}.haiku-text{font-size:22px;font-weight:700;color:#333;white-space:pre-line}.thinking-text{font-size:18px;font-weight:700;color:#555;margin-top:10px}.formatted-haiku{display:flex;flex-direction:column;align-items:flex-start;writing-mode:vertical-rl;text-orientation:upright;font-family:"Noto Serif JP",Yu Mincho,serif;font-size:30px;line-height:3.2;text-align:center;padding:20px}.haiku-line{display:block}.line-0{margin-top:-80px}.line-1{margin-top:20px}.line-2{margin-top:120px}@media screen and (max-width:768px){.input-image{width:90%}.haiku-content{width:100%;flex-direction:column;align-items:center}.speech-bubble{max-width:220px}.character-large{width:140px}}