.creation-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}.creation-composer,.creation-result{padding:26px;min-width:0}.creation-composer h2,.creation-result h2{font-size:17px;margin:0 0 20px}.creation-form-heading,.creation-result-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:20px}.creation-form-heading h2,.creation-result-heading h2{margin:0}.creation-form-heading button{font-size:11px}.creation-composer form{display:flex;flex-direction:column;gap:12px}.creation-composer form>label{font-size:12px;margin:0;font-weight:600}.creation-composer input:not([type=checkbox]),.creation-composer textarea,.creation-composer select{box-sizing:border-box;width:100%;min-width:0}.creation-composer input[type=checkbox]{flex:none;width:17px;height:17px}.creation-consent{display:flex!important;align-items:flex-start;gap:10px;line-height:1.7;margin:6px 0!important;font-size:11px!important;color:#7b8787}.creation-composer .help{margin:0;font-size:11px;line-height:1.8}.creation-unavailable{padding:12px 14px;background:#f4f2ec;color:#867451;border:1px solid #e9e4d8;border-radius:8px;font-size:12px;line-height:1.8}.creation-upload{display:flex;flex-direction:column;gap:11px;min-width:0;border:1px dashed #d6dfd9;background:#fafbf9;border-radius:10px;padding:18px}.creation-upload label{display:flex;align-items:center;gap:8px;font-size:12px;overflow-wrap:anywhere}.creation-upload label .icon{width:17px;height:17px;flex-shrink:0}.creation-upload input{font-size:11px;max-width:100%}.creation-upload small{font-size:10px;color:#8a958b;line-height:1.8}.creation-upload audio,.creation-output audio{display:block;width:100%;max-width:100%}.creation-reference{width:100%;max-height:200px;object-fit:contain;border-radius:7px}.creation-upload button{align-self:flex-start;font-size:11px}.creation-speech-composer{border-top:1px solid #e7ebe7;margin-top:25px;padding-top:24px}.creation-result-heading{align-items:flex-start}.creation-result-heading>span{font-size:11px;line-height:1.7;color:#7b8e7c;display:flex;align-items:center;gap:8px;flex-shrink:0;max-width:52%}.creation-result-heading h2{overflow-wrap:anywhere}.creation-empty{display:flex;flex-direction:column;min-height:400px;align-items:center;justify-content:center;text-align:center;padding:30px;color:#83918a}.creation-empty>.icon{width:44px;height:44px;color:#a8b6aa;margin-bottom:24px}.creation-empty h2{color:#52665b;font-size:20px;line-height:1.6;margin-bottom:10px}.creation-empty p{font-size:12px}.creation-output{display:flex;flex-direction:column;gap:16px;min-width:0}.creation-output>label{font-size:12px}.creation-output textarea{width:100%;font-size:14px;line-height:1.9;min-height:260px;resize:vertical}.creation-output-image{width:100%;max-height:640px;object-fit:contain;background:#f5f5f3;border-radius:8px}.creation-output>.graphic-download{align-self:flex-start}.creation-speech-text{line-height:1.9;white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}.creation-ai-label{font-size:10px;color:#8a978c;letter-spacing:.04em}.creation-result-placeholder{min-height:300px;display:grid;place-items:center;color:#a1ada2;font-size:12px}.creation-error{padding:12px;border-radius:8px;background:#fbf0eb;color:#aa6350;line-height:1.8;font-size:12px}.creation-result-actions,.creation-result-footer>div{display:flex;flex-wrap:wrap;gap:8px}.creation-result-actions button{font-size:11px}.creation-result-footer{border-top:1px solid #e8ece8;margin-top:22px;padding-top:16px;display:flex;gap:12px;justify-content:space-between;align-items:center}.creation-result-footer small{font-size:10px;color:#8c988d}.creation-result-footer button{font-size:11px}.creation-history{margin-top:28px}.creation-history>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.creation-history h2{font-size:16px}.creation-history h2 small{font-size:11px;color:#93a091;margin-left:6px}.creation-history>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.creation-history-card{display:flex;gap:13px;justify-content:flex-start;padding:12px;text-align:left;min-width:0}.creation-history-card.active{border-color:#9cb19e;background:#f4f7f1}.creation-history-card img,.creation-history-icon{width:54px;height:62px;border-radius:6px;object-fit:cover;background:#edf1e9;flex-shrink:0;display:grid;place-items:center;color:#93a68f}.creation-history-card>span:last-child{display:flex;flex-direction:column;gap:7px;min-width:0}.creation-history-card b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-history-card small{font-size:10px;color:#99a395}.creation-upload[hidden]{display:none}.sidebar>nav{overflow-y:auto;min-height:0;scrollbar-width:thin}
@media(max-width:1100px){.creation-layout{grid-template-columns:1fr}.creation-empty{min-height:260px}.creation-history>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.creation-composer,.creation-result{padding:20px 16px}.creation-history>div{grid-template-columns:1fr}.creation-composer textarea,.creation-composer input:not([type=checkbox]),.creation-composer select,.creation-output textarea{font-size:16px}.creation-result-footer{flex-wrap:wrap}.creation-upload{padding:13px}.creation-form-heading{align-items:flex-start}.creation-form-heading h2{font-size:16px}.creation-layout{gap:16px}.creation-result-heading>span{max-width:48%}.sidebar>nav{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;justify-content:flex-start!important;scrollbar-width:none;padding:0 4px;gap:0}.sidebar nav>.nav-btn,.sidebar nav>.idea-nav-group{min-width:72px!important;width:72px!important;flex:0 0 72px!important}.sidebar nav>.idea-nav-group>.nav-btn{width:100%}.sidebar .idea-nav-toggle{display:none}.sidebar .idea-nav-fold{display:none}.creation-history-card{min-height:78px}}
.creation-region-picker{position:relative;display:block;width:100%;max-height:360px;overflow:hidden;border:1px solid #dce5df;border-radius:8px;background:#eef2ed;cursor:crosshair;touch-action:none}.creation-region-picker img{display:block;width:100%;max-height:360px;object-fit:contain;pointer-events:none}.creation-region-box{position:absolute;left:0;top:0;width:0;height:0;box-sizing:border-box;border:2px solid #2d7654;background:#2d765422;color:#2d7654;font-size:10px;padding:4px;pointer-events:none;white-space:nowrap}.creation-region-help{font-size:10px!important;color:#6f8175;line-height:1.7}