.tc-creator{--tc-paper:var(--paper,#f5f3ed);--tc-panel:var(--panel,#fffef9);--tc-ink:var(--ink,#252a25);--tc-muted:var(--muted,#72786c);--tc-line:var(--line,#dedfd4);--tc-olive:var(--olive,#4a5c3c);--tc-soft:var(--soft,#e7ebdd);color:var(--tc-ink);font-family:'DM Sans',system-ui,sans-serif;max-width:1060px;margin:0 auto;text-align:left}.tc-creator *{box-sizing:border-box}.tc-creator [hidden]{display:none!important}.tc-creator button,.tc-creator input,.tc-creator select,.tc-creator textarea{font:inherit}.tc-creator button{cursor:pointer;min-height:44px;padding:10px 15px;border:1px solid var(--tc-line);border-radius:9px;background:var(--tc-panel);color:var(--tc-ink);font-size:12px;line-height:1.4}.tc-creator button:hover{background:var(--tc-soft)}.tc-creator button:disabled{opacity:.45;cursor:default}.tc-creator :is(button,input,select,textarea):focus-visible{outline:3px solid #8da567;outline-offset:3px}.tc-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.tc-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--tc-muted);margin-bottom:9px}.tc-heading h2{font-family:Manrope,system-ui,sans-serif;font-size:clamp(24px,3vw,32px);letter-spacing:-1px;font-weight:600;margin:0 0 8px}.tc-heading p,.tc-prompt-intro p{color:var(--tc-muted);font-size:13px;line-height:1.65;margin:0}.tc-creator .tc-close{font-size:27px;padding:4px;width:44px;flex:0 0 44px;background:transparent;border-color:transparent}.tc-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--tc-line);background:#eaece3;border-radius:12px;margin-bottom:24px;max-width:470px}.tc-tabs button{flex:1;border:0;background:transparent;font-size:13px}.tc-tabs button[aria-selected=true]{background:var(--tc-panel);color:var(--tc-olive);font-weight:600;box-shadow:0 1px 5px #1f291216}.tc-panel{animation:tc-appear .18s ease-out}.tc-text-layout,.tc-ai-layout{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(260px,1.1fr);gap:28px;align-items:start}.tc-form{min-width:0}.tc-field{display:block;font-size:12px;font-weight:500;line-height:1.5;margin:0 0 17px}.tc-creator textarea,.tc-creator select{display:block;width:100%;margin:7px 0 0;background:var(--tc-panel);border:1px solid var(--tc-line);border-radius:9px;padding:11px 12px;color:var(--tc-ink);font-size:13px;line-height:1.6}.tc-creator textarea{resize:vertical;min-height:84px}.tc-creator select{min-height:44px}.tc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tc-hint{font-size:11px;line-height:1.65;color:var(--tc-muted);margin:-6px 0 17px}.tc-optional{font-weight:400;color:var(--tc-muted)}.tc-slider output{float:right;font-variant-numeric:tabular-nums;color:var(--tc-muted);font-weight:400}.tc-slider input{display:block;width:100%;margin:8px 0 0;accent-color:var(--tc-olive);min-height:24px}.tc-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}.tc-creator .tc-primary{background:var(--tc-olive);border-color:var(--tc-olive);color:white}.tc-creator .tc-primary:hover{background:#35472b}.tc-creator .tc-wide{width:100%;margin-top:6px}.tc-preview{background:var(--tc-panel);border:1px solid var(--tc-line);border-radius:13px;overflow:hidden;min-width:0}.tc-preview-label{font-size:9px;font-weight:600;letter-spacing:1.2px;color:var(--tc-muted);padding:15px 17px;border-bottom:1px solid var(--tc-line)}.tc-text-stage{background:#f7f3e9;max-height:480px;min-height:220px;overflow:auto}.tc-text-stage canvas{display:block;width:100%;height:auto;min-width:0}.tc-preview>.tc-hint{padding:12px 16px;margin:0;background:var(--tc-panel)}.tc-message{font-size:12px;line-height:1.6;color:var(--tc-olive);margin:12px 0 0;min-height:1em;overflow-wrap:anywhere}.tc-message:empty{display:none}.tc-service{padding:13px 16px;border:1px solid #d9ccb3;background:#f3eee2;border-radius:10px;font-size:12px;line-height:1.65;color:#67593f;margin-bottom:20px}.tc-upload{padding:17px;border:1px dashed #bdc5b2;border-radius:10px;background:var(--tc-panel);color:var(--tc-olive)}.tc-upload input{display:block;width:100%;font-size:11px;margin:10px 0}.tc-upload input::file-selector-button{border:1px solid var(--tc-line);padding:9px 11px;border-radius:7px;background:var(--tc-soft);color:var(--tc-olive);font:inherit;cursor:pointer;margin-right:10px}.tc-upload>span{display:block;font-size:10px;font-weight:400;color:var(--tc-muted)}.tc-file-details{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-6px 0 18px}.tc-file-details>span{font-size:11px;color:var(--tc-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tc-file-details>button{flex:0 0 auto;font-size:10px;min-height:34px;padding:6px 10px}.tc-upload-preview{background:var(--tc-panel);border:1px solid var(--tc-line);border-radius:13px;overflow:hidden;min-height:270px}.tc-empty{padding:42px 26px;text-align:center;min-height:310px;display:flex;align-items:center;justify-content:center;flex-direction:column}.tc-empty>span{font-size:38px;font-weight:300;color:#9ba68e;margin-bottom:15px}.tc-empty h3{font-size:15px;font-weight:500;margin:0 0 10px}.tc-empty p{font-size:12px;line-height:1.7;color:var(--tc-muted);max-width:250px;margin:0}.tc-creator figure{margin:0;min-width:0}.tc-creator figcaption{font-size:11px;color:var(--tc-muted);padding:12px 14px;line-height:1.5}.tc-image-stage{height:320px;padding:16px;background:#f3f0e8;display:flex;align-items:center;justify-content:center;overflow:hidden}.tc-image-stage img{display:block;width:100%;height:100%;object-fit:contain}.tc-prompt-intro{margin:2px 0 23px;max-width:550px}.tc-prompt-intro h3{font-size:20px;font-weight:500;letter-spacing:-.5px;margin:0 0 8px}.tc-panel[data-panel=prompt]>.tc-field,.tc-panel[data-panel=prompt]>.tc-wide{max-width:650px}.tc-result{border-top:1px solid var(--tc-line);padding-top:26px;margin-top:25px}.tc-result-head{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:15px}.tc-result-head h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin:0}.tc-result-head .tc-kicker{font-size:9px;margin-bottom:7px}.tc-result-tag{font-size:10px;color:var(--tc-olive);border-radius:20px;background:var(--tc-soft);padding:6px 10px;white-space:nowrap}.tc-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.tc-compare figure{border:1px solid var(--tc-line);background:var(--tc-panel);border-radius:11px;overflow:hidden}.tc-checker{background-color:#fffef9;background-image:linear-gradient(45deg,#e9e9e2 25%,transparent 25%),linear-gradient(-45deg,#e9e9e2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9e9e2 75%),linear-gradient(-45deg,transparent 75%,#e9e9e2 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.tc-pending{display:flex;gap:13px;align-items:center;padding:18px;border:1px solid var(--tc-line);background:var(--tc-soft);border-radius:11px;margin-top:22px}.tc-pending strong{font-size:12px;font-weight:600}.tc-pending p{font-size:11px;line-height:1.6;color:var(--tc-muted);margin:4px 0}.tc-pending small{display:block;font-size:10px;color:var(--tc-muted);line-height:1.55;max-width:480px}.tc-pending button{margin-left:auto;flex:0 0 auto;font-size:11px}.tc-spinner{width:20px;height:20px;border:2px solid #bbc6b2;border-top-color:var(--tc-olive);border-radius:50%;animation:tc-spin .8s linear infinite;flex:0 0 20px}@keyframes tc-spin{to{transform:rotate(360deg)}}@keyframes tc-appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.tc-text-layout,.tc-ai-layout{grid-template-columns:1fr;gap:22px}.tc-preview{order:-1}.tc-text-stage{max-height:260px;min-height:140px}.tc-upload-preview{min-height:180px}.tc-empty{min-height:180px;padding:24px}.tc-image-stage{height:270px}.tc-tabs{max-width:none}.tc-heading{margin-bottom:20px}.tc-pending{flex-wrap:wrap}.tc-pending>div{flex:1;min-width:190px}.tc-pending button{margin-left:33px}.tc-result-head{align-items:flex-start}.tc-compare{grid-template-columns:1fr 1fr;gap:10px}.tc-compare .tc-image-stage{height:220px;padding:9px}}@media(max-width:420px){.tc-compare{grid-template-columns:1fr}.tc-result-tag{font-size:9px}.tc-actions{align-items:stretch}.tc-actions button{flex:1}.tc-heading p{font-size:12px}.tc-field{font-size:12px}.tc-pending{padding:14px}.tc-result-head h3{font-size:16px}}@media(prefers-reduced-motion:reduce){.tc-panel,.tc-spinner{animation:none}}