@import "https://fonts.googleapis.com/css2?family=Fontdiner+Swanky&family=IBM+Plex+Mono:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#1f1a16;background:radial-gradient(circle at 10% 15%,#f9731621,#0000 26%),radial-gradient(circle at 90% 0,#f59e0b1c,#0000 30%),repeating-linear-gradient(135deg,#7455370e 0 2px,#0000 2px 7px),linear-gradient(#dfd2bb,#ebe0cc 25%,#e6d9c4 60%,#dccfb8);margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif}h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}strong{font-weight:700}code{background:#201a151c;border-radius:4px;padding:1px 5px;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:root{--bg-base:#e7dcc8;--bg-panel:#f4ecdd;--bg-soft:#fcf7ed;--ink-main:#1f1a16;--ink-muted:#5f5549;--line-strong:#2e261f;--line-soft:#8d7b67;--orange-main:#f97316;--orange-deep:#d9480f;--orange-soft:#ffd2a3;--accent-angle:#f59e0b;--accent-structure:#ef4444;--accent-visual:#fdba74;--accent-cta:#fb923c;--ok:#0f766e;--warn:#b45309;--error:#b42318;--shadow-card:0 3px 0 #1f1a1680, 0 10px 22px #1f1a1621;--shadow-soft:0 2px 0 #1f1a1666, 0 7px 14px #1f1a161f;--radius-lg:15px;--radius-md:11px;--radius-sm:8px}.studio{width:min(1687px,100vw - 30px);color:var(--ink-main);margin:14px auto 32px}.top-bar{z-index:20;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:radial-gradient(circle at 100% 0,#f9731638,#0000 42%),linear-gradient(#342a22,#251f19 60%,#201b17);border:2px solid #15120f;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px 16px;display:grid;position:sticky;top:0}.brand-wrap{align-items:center;gap:10px;min-width:210px;display:flex}.monkey-mark{color:#ffb975;filter:drop-shadow(0 2px #00000061);width:44px;height:44px}.brand-title{letter-spacing:.02em;color:#fff6e9;margin:0;font-family:Fontdiner Swanky,cursive;font-size:28px;line-height:.95}.brand-subtitle{letter-spacing:.06em;text-transform:uppercase;color:#e9d5bc;margin:2px 0 0;font-size:11px}.global-actions,.history-controls{flex-wrap:wrap;gap:8px;display:flex}.top-bar button,.panel-actions button,.history-panel button,.result-card button,.right-column-closed button,.stepper-wrap button{border:1.8px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink-main);letter-spacing:.01em;min-height:34px;box-shadow:var(--shadow-soft);background:linear-gradient(#fffaf0,#ebdcc3);justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:700;transition:transform .12s,box-shadow .12s,background .15s;display:inline-flex}.top-bar button:hover,.panel-actions button:hover,.history-panel button:hover,.result-card button:hover,.right-column-closed button:hover,.stepper-wrap button:hover{transform:translateY(-1px);box-shadow:0 3px #1f1a167a,0 8px 14px #1f1a1624}.top-bar button:active,.panel-actions button:active,.history-panel button:active,.result-card button:active,.right-column-closed button:active,.stepper-wrap button:active{transform:translateY(1px);box-shadow:0 1px #1f1a1666}.top-bar button:disabled,.panel-actions button:disabled,.history-panel button:disabled,.result-card button:disabled,.stepper-wrap button:disabled{opacity:.52;cursor:not-allowed;transform:none}.top-bar button:first-child,.panel-actions button:first-child{color:#231b14;background:linear-gradient(#ffb873,#f97316)}.top-bar button.ghost,.panel-actions button.ghost,.history-panel button.ghost{background:linear-gradient(#f5ead7,#e4d4ba)}.status-area{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.status-badge{border-radius:var(--radius-sm);background:#fff9eded;border:1.5px solid #ceb89a;gap:1px;min-width:98px;padding:4px 8px;display:grid;box-shadow:inset 0 1px #ffffffb3}.status-label{letter-spacing:.06em;text-transform:uppercase;color:#685949;font-size:10px}.status-value{font-size:13px;font-weight:700}.status-ok{border-color:color-mix(in srgb, var(--ok) 55%, #fff)}.status-warn{border-color:color-mix(in srgb, var(--warn) 65%, #fff)}.status-error{border-color:color-mix(in srgb, var(--error) 62%, #fff)}.studio-body{grid-template-columns:320px minmax(720px,1fr) 320px;align-items:start;gap:12px;margin-top:14px;display:grid}.history-closed .studio-body{grid-template-columns:320px minmax(760px,1fr) 78px}.left-column,.center-column,.right-column,.right-column-closed{min-height:72vh}.left-column,.right-column{position:sticky;top:92px}.card-shell,.result-card,.loading-state,.error-state,.right-column-closed{border:2px solid var(--line-strong);border-radius:var(--radius-lg);background:linear-gradient(160deg, #ffffffc7, #f5eddfeb), var(--bg-panel);box-shadow:var(--shadow-card)}.control-panel,.history-panel{padding:14px}.control-panel header h2,.history-panel header h2,.empty-state h2{letter-spacing:.02em;margin:0;font-size:20px}.control-panel header p,.history-panel header p,.empty-state p{color:var(--ink-muted);margin:4px 0 0;font-size:13px;line-height:1.4}.control-grid{grid-template-columns:1fr;gap:10px;margin-top:12px;display:grid}.control-grid label{letter-spacing:.02em;gap:5px;font-size:12px;font-weight:700;display:grid}.control-grid input,.control-grid select,.control-grid textarea,.result-card textarea{border:1.8px solid var(--line-soft);border-radius:var(--radius-sm);width:100%;font:inherit;color:var(--ink-main);background:linear-gradient(#fffdf9,#f8efe0);padding:9px 10px;font-size:14px;box-shadow:inset 0 1px #ffffffb8}.control-grid textarea,.result-card textarea{resize:vertical;line-height:1.5}.control-grid input:focus,.control-grid select:focus,.control-grid textarea:focus,.result-card textarea:focus{outline:2px solid color-mix(in srgb, var(--orange-main) 46%, white);border-color:var(--orange-main)}.control-grid .wide{grid-column:1/-1}.checkline{align-items:center;gap:8px;display:flex}.checkline input{width:16px;height:16px}.stepper-wrap{grid-template-columns:38px 1fr 38px;align-items:center;gap:6px;display:grid}.stepper-wrap input{text-align:center;font-weight:700}.panel-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.center-column{gap:10px;display:grid}.flash-message{border-radius:var(--radius-md);color:#683b17;box-shadow:var(--shadow-soft);background:linear-gradient(#fff3e2,#ffe7c7);border:1.8px solid #dca76f;margin:0;padding:8px 10px;font-size:13px;font-weight:700}.loading-state{padding:14px}.loading-text{color:#6e4b2b;margin:0;font-size:13px;font-weight:700}.loading-bar-track{background:#ebd9be;border:1px solid #ad9271;border-radius:999px;height:9px;margin-top:10px;overflow:hidden}.loading-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#ffbb7a,#f97316);width:30%;height:100%;animation:1.2s ease-in-out infinite loadingSweep;display:block}.loading-skeleton-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.loading-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#efe0c8 25%,#f7ebd9 45%,#efe0c8 65%) 0 0/280% 100%,#efe0c8;border:1.5px solid #d5b993;min-height:72px;animation:1.2s ease-in-out infinite skeletonPulse}.loading-skeleton.card-big{min-height:122px}@keyframes loadingSweep{0%{transform:translate(-110%)}to{transform:translate(340%)}}@keyframes skeletonPulse{0%{background-position:100% 0}to{background-position:-120% 0}}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.result-card{min-height:160px;padding:12px}.result-card.large{grid-column:1/-1;min-height:285px}.result-card-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.result-card h3{letter-spacing:.01em;align-items:center;gap:7px;margin:0;font-size:16px;display:flex}.icon-chip{background:#ffffffb3;border:1.4px solid #19141066;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.card-actions{flex-wrap:wrap;gap:6px;display:flex}.card-actions button{min-height:30px;padding:4px 8px;font-size:11px}.result-card textarea{min-height:110px;font-size:14px}.result-card.large textarea{min-height:260px}.tone-idea{border-left:7px solid var(--orange-main)}.tone-angle{border-left:7px solid var(--accent-angle)}.tone-structure{border-left:7px solid var(--accent-structure)}.tone-draft{border-left:7px solid #8a7760}.tone-visual{border-left:7px solid var(--accent-visual)}.tone-cta{border-left:7px solid var(--accent-cta)}.empty-state{padding:14px}.empty-state pre,.error-state pre{border-radius:var(--radius-sm);color:#f9d8ad;white-space:pre-wrap;word-break:break-word;background:#201a15;border:1.6px solid #3a3128;margin:10px 0 0;padding:10px;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.45}.error-state{background:linear-gradient(#ffe5e2,#ffd7d2);border-color:#6c1c17;padding:14px}.error-state h3{color:#7b2018;margin:0;font-size:16px}.error-state p{color:#6a1d16;margin:6px 0 0;font-size:14px}.history-panel{gap:10px;display:grid}.history-info{color:#7a603e;margin:0;font-size:12px}.history-error{color:#9f1b10;margin:0;font-size:12px;font-weight:700}.history-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history-list li article{border-radius:var(--radius-md);background:linear-gradient(#fff8ec,#f0e1cb);border:1.5px solid #a28566;padding:9px}.meta-line{color:#5a4735;justify-content:space-between;gap:8px;margin:0;font-size:12px;display:flex}.meta-line+.meta-line{margin-top:3px}.item-actions{grid-template-columns:1fr;gap:6px;margin-top:8px;display:grid}.history-pagination{flex-wrap:wrap;gap:6px;display:flex}.history-pagination button{min-height:28px;padding:3px 7px;font-size:11px}.history-pagination .active{background:linear-gradient(#fdb379,#f97316);border-color:#6b3813}.meta-box{border-radius:var(--radius-md);background:linear-gradient(#fff8ec,#f0e2cd);border:1.8px solid #8a704f;padding:10px}.meta-box h3{text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:13px}.meta-box dl{gap:7px;margin:7px 0 0;display:grid}.meta-box dl div{gap:1px;display:grid}.meta-box dt{text-transform:uppercase;letter-spacing:.05em;color:#6c5944;font-size:10px}.meta-box dd{word-break:break-word;margin:0;font-size:12px;line-height:1.3}.right-column-closed{background:linear-gradient(#f4e9d4,#e5d4b7);min-height:240px;padding:8px;position:sticky;top:92px}.right-column-closed button{writing-mode:vertical-rl;text-orientation:mixed;width:100%;min-height:176px;font-size:12px;transform:rotate(180deg)}@media (width<=1440px){.top-bar{grid-template-columns:1fr;justify-items:start;gap:10px}.status-area{justify-content:flex-start}.studio-body,.history-closed .studio-body{grid-template-columns:300px minmax(560px,1fr)}.right-column,.right-column-closed{grid-column:1/-1;min-height:auto;position:static}.right-column-closed button{writing-mode:horizontal-tb;min-height:34px;transform:none}}@media (width<=980px){.studio{width:calc(100vw - 20px);margin:10px auto 26px}.studio-body,.history-closed .studio-body{grid-template-columns:1fr}.left-column,.right-column{position:static}.result-grid{grid-template-columns:1fr}.result-card.large{grid-column:auto}}