/* Text Styler components use the shared AMHH studio palette and panel system. */
.text-styler-shell{padding-bottom:35px!important}.text-studio-grid{grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);align-items:start}.text-input-panel,.style-library-panel{min-height:600px}.text-mark{border-color:#a17cff38;background:linear-gradient(145deg,#a17cff1c,#52e1d20c);color:#d5c3ff}
.content-type-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 0 21px;padding:5px;border:1px solid #ffffff10;border-radius:12px;background:#0e0f16}.type-option{display:flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;background:transparent;color:#938da1;font-size:10px;font-weight:750;cursor:pointer;transition:all .2s}.type-option>span{font-size:12px}.type-option:hover{color:#eee8f5}.type-option.is-active{border-color:#a17cff4a;background:linear-gradient(110deg,#a17cff20,#52e1d20a);color:#f1eaff;box-shadow:inset 0 1px #ffffff0d,0 4px 12px #0003}
.text-entry-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#e1dce9;font-size:9px;font-weight:750}.entry-private{color:#82a83a;font-size:7px;font-weight:850;letter-spacing:.7px}.text-entry-wrap{overflow:hidden;border:1px solid #ffffff17;border-radius:14px;background:radial-gradient(ellipse at 0% 0%,#a17cff12,transparent 56%),linear-gradient(145deg,#171821,#101117);box-shadow:inset 0 1px #ffffff08;transition:border-color .2s,box-shadow .2s}.text-entry-wrap:focus-within{border-color:#a17cff83;box-shadow:0 0 0 3px #a17cff15,0 10px 25px #0003,inset 0 1px #ffffff0a}.text-entry-wrap textarea{display:block;width:100%;min-height:126px;max-height:250px;resize:vertical;padding:15px 15px 10px;border:0;outline:0;background:transparent;color:#f4f0ff;font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.65;caret-color:var(--image-lime)}.text-entry-wrap textarea::placeholder{color:#686477;font-size:12px;font-weight:450;opacity:1}.entry-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 13px 10px;border-top:1px solid #ffffff0b;color:#777184;font-size:8px}.entry-hint{color:#928b9f}.character-count{font-variant-numeric:tabular-nums}.character-count b{color:#cbc4d5;font-weight:750}
.input-actions{display:flex;align-items:center;gap:13px;margin-top:17px}.surprise-button{display:flex;min-height:43px;flex:1;align-items:center;justify-content:space-between;padding:0 14px;border-radius:12px;font-size:10px}.surprise-button>span{font-weight:750}.surprise-button>b{font-size:17px}.surprise-button:disabled{filter:saturate(.35);opacity:.45;cursor:not-allowed}.clear-text{padding:8px 4px;color:#aaa3b7;font-size:9px}.clear-text:hover:not(:disabled){color:#ff9bb0}.clear-text:disabled{opacity:.35;cursor:default}.text-tip{display:flex;align-items:flex-start;gap:10px;margin-top:21px;padding:13px;border:1px solid #d3ff4e17;border-radius:12px;background:linear-gradient(115deg,#d3ff4e08,#52e1d208)}.text-tip>span{color:var(--image-lime);font-size:13px}.text-tip p{margin:0;color:#8f899e;font-size:8px;line-height:1.7}.text-tip b{color:#d9d3e1;font-size:9px}.text-input-panel .privacy-note{margin-top:20px}
.style-library-heading{margin-bottom:13px}.style-total{padding:6px 8px;border:1px solid #a17cff26;border-radius:8px;background:#a17cff0d;color:#c3aaff;font-size:7px;font-weight:850;letter-spacing:.65px;white-space:nowrap}.style-search-wrap{position:relative;display:flex;align-items:center;gap:9px;min-height:41px;padding:0 11px;border:1px solid #ffffff14;border-radius:11px;background:linear-gradient(145deg,#15161f,#101117);transition:border-color .2s,box-shadow .2s}.style-search-wrap:focus-within{border-color:#a17cff70;box-shadow:0 0 0 3px #a17cff13}.search-icon{color:#a894d0;font-size:21px;line-height:1;transform:rotate(-18deg)}.style-search-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eee9f7;font-size:9px}.style-search-wrap input::placeholder{color:#777184}.style-search-wrap kbd{display:grid;min-width:18px;height:18px;place-items:center;border:1px solid #ffffff17;border-radius:5px;background:#ffffff06;color:#80798e;font-family:inherit;font-size:8px;font-weight:700}.style-filters{display:flex;gap:6px;margin:12px 0 11px;overflow-x:auto;padding:1px 1px 4px;scrollbar-width:thin;scrollbar-color:#423650 transparent}.filter-chip{flex:none;padding:7px 10px;border:1px solid #ffffff12;border-radius:999px;background:#ffffff04;color:#9e97aa;font-size:8px;font-weight:700;white-space:nowrap;cursor:pointer;transition:all .18s}.filter-chip:hover{border-color:#a17cff52;color:#ddd3ef}.filter-chip.is-active{border-color:#d3ff4e52;background:linear-gradient(110deg,#d3ff4e12,#a17cff15);color:#eaffb2;box-shadow:inset 0 1px #ffffff0b}.favorites-filter{margin-left:auto}.library-summary{display:flex;justify-content:space-between;gap:9px;margin:0 1px 9px;color:#797387;font-size:7px}.library-summary>span:last-child{display:flex;align-items:center;gap:5px;color:#9e98aa}.library-summary i{width:5px;height:5px;border-radius:50%;background:var(--image-lime);box-shadow:0 0 8px #d3ff4e70}
.style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:575px;overflow-y:auto;padding:2px 3px 4px 1px;scrollbar-width:thin;scrollbar-color:#4b3c5e transparent}.style-card{position:relative;display:flex;min-width:0;min-height:139px;flex-direction:column;padding:11px;border:1px solid #ffffff13;border-radius:13px;background:linear-gradient(150deg,#191a24,#12131b);box-shadow:inset 0 1px #ffffff06;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s}.style-card:hover,.style-card.is-surprise{transform:translateY(-2px);border-color:#a17cff62;background:linear-gradient(145deg,#201c2c,#14151d);box-shadow:0 9px 20px #0003,inset 0 1px #ffffff0a}.style-card.is-surprise{animation:styleGlow 1.4s ease}.style-card-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.style-name{overflow:hidden;color:#d7d1e1;font-size:8px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.favorite-button{display:grid;flex:none;width:23px;height:23px;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:#7f788e;font-size:13px;cursor:pointer;transition:all .18s}.favorite-button:hover,.favorite-button[aria-pressed="true"]{border-color:#ff77a533;background:#ff77a510;color:#ff8db1}.style-preview{display:-webkit-box;min-height:47px;max-height:47px;overflow:hidden;margin:9px 0 7px;color:#f0eafa;font-size:14px;font-weight:650;line-height:1.55;text-align:start;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.style-bio .style-preview{font-size:11px;line-height:1.5}.style-ar .style-preview{font-size:15px}.style-en .style-preview{font-size:14px}.style-card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;margin-bottom:8px}.style-group-label{color:#9991a8;font-size:6px;font-weight:850;letter-spacing:.7px}.style-ar .style-group-label{color:#74cbbd}.style-en .style-group-label{color:#bd9ef4}.style-bio .style-group-label{color:#e1bb75}.style-char-count{color:#706a7d;font-size:7px;font-variant-numeric:tabular-nums}.style-copy-button{display:flex;min-height:30px;align-items:center;justify-content:space-between;padding:0 9px;border:1px solid #d3ff4e26;border-radius:8px;background:linear-gradient(105deg,#d3ff4e0b,#52e1d208);color:#d9edaa;font-size:8px;font-weight:750;cursor:pointer;transition:all .18s}.style-copy-button>b{color:#b3d756;font-size:11px}.style-copy-button:hover:not(:disabled){transform:translateY(-1px);border-color:#d3ff4e75;background:linear-gradient(105deg,#d3ff4e1b,#52e1d216);color:#f0ffd0;box-shadow:0 5px 13px #d3ff4e0c}.style-copy-button:disabled{border-color:#ffffff0a;background:#ffffff03;color:#625c6d;cursor:not-allowed;opacity:.62}.style-copy-button.copied{border-color:#52e1d260;background:#52e1d212;color:#aaf9e8}.no-styles{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8f899e}.no-styles[hidden]{display:none}.no-styles>span{color:#aa91d2;font-size:22px}.no-styles b{color:#ddd6e7;font-size:11px}.no-styles small{font-size:8px}.style-library-foot{margin-top:12px}.toast-message{position:fixed;z-index:30;right:50%;bottom:22px;display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #d3ff4e45;border-radius:999px;background:linear-gradient(110deg,#1c2415f5,#161a1af5);box-shadow:0 12px 30px #0008;color:#e7f7c4;font-size:10px;font-weight:700;opacity:0;pointer-events:none;transform:translate(50%,14px);transition:opacity .2s,transform .2s}.toast-message::before{width:7px;height:7px;border-radius:50%;background:var(--image-lime);content:"";box-shadow:0 0 9px #d3ff4e80}.toast-message.is-visible{opacity:1;transform:translate(50%,0)}.toast-message.error{border-color:#ff829f50;background:linear-gradient(110deg,#27171e,#19151b);color:#ffd3dc}.toast-message.error::before{background:#ff829f;box-shadow:0 0 9px #ff829f80}
@keyframes styleGlow{0%,100%{box-shadow:0 9px 20px #0003,0 0 0 #a17cff00}40%{box-shadow:0 9px 20px #0003,0 0 0 3px #a17cff24}}
@media(max-width:760px){.text-studio-grid{grid-template-columns:1fr}.text-input-panel,.style-library-panel{min-height:0}.style-grid{max-height:650px}.text-styler-shell{padding-top:29px!important}}
@media(max-width:520px){.text-styler-shell{width:calc(100% - 30px)!important;padding-top:27px!important}.text-studio-grid{gap:12px}.studio-panel{padding:15px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:none}.style-card{min-height:134px;padding:9px}.style-preview{font-size:12px}.style-ar .style-preview{font-size:13px}.style-bio .style-preview{font-size:10px}.style-filters{margin-top:10px}.favorites-filter{margin-left:0}.text-entry-wrap textarea{min-height:112px;font-size:14px}.style-library-panel{overflow:hidden}}
@media(prefers-reduced-motion:reduce){.type-option,.style-card,.style-copy-button,.favorite-button,.toast-message,.text-entry-wrap{transition:none!important}.style-card.is-surprise{animation:none}}
.input-actions{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(98px,.85fr);align-items:stretch;gap:9px;margin-top:17px}.input-actions>button{box-sizing:border-box;align-self:stretch;width:100%;height:48px;min-height:48px;margin:0!important}.input-actions .surprise-button{flex:none;padding:0 14px}.clear-text{display:flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid #ffffff17;border-radius:12px;background:linear-gradient(145deg,#191a24,#12131b);color:#c2bbcf;font-size:9px;font-weight:750;cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .2s}.clear-text:hover:not(:disabled){transform:translateY(-1px);border-color:#ff9bb066;background:linear-gradient(145deg,#261820,#17131b);color:#ffb1c2}.clear-text:disabled{opacity:.38;cursor:default}
.load-more-button{display:block;width:min(100%,260px);min-height:38px;margin:12px auto 2px;padding:0 14px;border:1px solid #a17cff35;border-radius:10px;background:linear-gradient(110deg,#a17cff12,#52e1d208);color:#d8c5ff;font-size:9px;font-weight:750;cursor:pointer;transition:all .2s}.load-more-button:hover{transform:translateY(-1px);border-color:#a17cff78;background:linear-gradient(110deg,#a17cff20,#52e1d214)}.load-more-button[hidden]{display:none}