@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700;900&family=DM+Sans:wght@300;400;500&display=swap");:root{--soil:#3d2b1f;--bark:#6b4226;--wheat:#d4a853;--wheat-light:#f0d080;--sage:#7a9e6e;--sage-dark:#4a7040;--cream:#faf6ee;--parchment:#f2e8d5;--sky:#c8dff0;--fog:#e8e0d8;--leaf:#2d5a27;--sun:#f5c842;--dusk:#c4835a}*{box-sizing:border-box;margin:0;padding:0}body,html{font-family:DM Sans,sans-serif;background:var(--cream);color:var(--soil);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.4;pointer-events:none;z-index:0}.container{max-width:900px;margin:0 auto;padding:2rem 1.5rem;position:relative;z-index:1}.header{text-align:center;padding:3rem 0 2.5rem;position:relative}.header-badge{display:inline-block;background:var(--sage);color:#fff;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:99px;margin-bottom:1.25rem;animation:fadeDown .6s ease both}.header h1{font-family:Playfair Display,serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:900;line-height:1.08;color:var(--soil);margin-bottom:.75rem;animation:fadeDown .6s ease .1s both}.header h1 span{color:var(--sage-dark);display:block}.header p{font-size:1rem;color:var(--bark);max-width:500px;margin:0 auto;line-height:1.7;animation:fadeDown .6s ease .2s both}.wheat-deco{position:absolute;top:0;opacity:.12;animation:fadeIn 1s ease .5s both}.wheat-deco.left{left:-20px}.wheat-deco.right{right:-20px;transform:scaleX(-1)}.form-card{background:#fff;border:1.5px solid var(--fog);border-radius:20px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 24px rgba(61,43,31,.06);animation:fadeUp .7s ease .3s both}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:600px){.form-grid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.field.full{grid-column:1/-1}label{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--bark)}input[type=text],select,textarea{font-family:DM Sans,sans-serif;font-size:14px;color:var(--soil);background:var(--cream);border:1.5px solid var(--fog);border-radius:10px;padding:10px 14px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;-webkit-appearance:none}input[type=text]:focus,select:focus,textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px rgba(122,158,110,.15)}textarea{resize:vertical;min-height:70px}select{background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b4226' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}.aspect-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;grid-column:1/-1}@media (max-width:520px){.aspect-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:380px){.aspect-grid{grid-template-columns:repeat(2,1fr)}}.aspect-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;border:1.5px solid var(--fog);border-radius:12px;background:var(--cream);cursor:pointer;transition:all .2s;font-family:DM Sans,sans-serif;color:var(--bark)}.aspect-btn:hover{border-color:var(--sage);background:rgba(122,158,110,.08)}.aspect-btn.active{border-color:var(--sage);background:rgba(122,158,110,.15);color:var(--leaf)}.aspect-preview{background:var(--sage);border-radius:3px;opacity:.7;transition:opacity .2s}.aspect-btn.active .aspect-preview{opacity:1}.aspect-btn.aspect-none{border-style:dashed;color:var(--bark);opacity:.75}.aspect-btn.aspect-none.active{border-color:var(--sage);border-style:dashed;opacity:1;color:var(--leaf)}select option:first-child{color:var(--bark);font-style:italic}.aspect-label{font-size:11px;font-weight:500;letter-spacing:.05em}.generate-btn{width:100%;margin-top:1.25rem;padding:14px;background:var(--sage-dark);color:#fff;border:none;border-radius:12px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s,transform .15s;position:relative;overflow:hidden}.generate-btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent 60%);pointer-events:none}.generate-btn:hover:not(:disabled){background:var(--leaf);transform:translateY(-1px)}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:none}.generating .spinner{display:block}.generating .btn-text:after{content:"...";animation:dots 1.2s infinite}.result-card{background:#fff;border:1.5px solid var(--fog);border-radius:20px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 24px rgba(61,43,31,.06);display:none}.result-card.visible{display:block;animation:fadeUp .5s ease both}.result-header{justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:8px}.result-header,.result-label{display:flex;align-items:center}.result-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--sage-dark);gap:6px}.result-label .dot{width:7px;height:7px;background:var(--sage);border-radius:50%;animation:pulse 2s ease infinite}.model-badge{font-size:10px;background:var(--parchment);color:var(--bark);padding:3px 10px;border-radius:99px;font-weight:500}.prompt-output{font-size:15px;line-height:1.8;color:var(--soil);background:var(--parchment);border-radius:12px;padding:1.25rem 1.5rem;border-left:3px solid var(--sage);position:relative;min-height:80px;word-break:break-word}.prompt-char{opacity:0;display:inline;animation:charReveal .03s forwards}.action-row{display:flex;gap:8px;margin-top:1rem;flex-wrap:wrap}.action-btn{flex:1 1;min-width:120px;padding:10px 16px;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;border:1.5px solid;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.copy-btn{background:#fff;border-color:var(--fog);color:var(--soil)}.copy-btn:hover{border-color:var(--sage);background:rgba(122,158,110,.06)}.copy-btn.copied{border-color:var(--sage);color:var(--leaf);background:rgba(122,158,110,.1)}.meta-btn{background:var(--wheat);border-color:var(--wheat);color:var(--soil)}.meta-btn:hover{background:var(--wheat-light);border-color:var(--wheat-light)}.history-section{animation:fadeUp .7s ease .4s both}.section-title{font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;color:var(--soil);margin-bottom:.75rem;display:flex;align-items:center;gap:8px}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{background:#fff;border:1px solid var(--fog);border-radius:12px;padding:12px 16px;cursor:pointer;transition:all .2s;display:flex;align-items:flex-start;gap:12px}.history-item:hover{border-color:var(--sage);box-shadow:0 2px 12px rgba(61,43,31,.07)}.history-icon{width:32px;height:32px;background:var(--parchment);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.history-text{flex:1 1;min-width:0}.history-topic{font-size:13px;font-weight:500;color:var(--soil);margin-bottom:2px}.history-preview{font-size:12px;color:var(--bark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-ratio{font-size:10px;background:var(--parchment);color:var(--bark);padding:2px 7px;border-radius:99px;flex-shrink:0;align-self:center}.footer{text-align:center;padding:2rem 0 1rem;font-size:12px;color:var(--bark);opacity:.7;animation:fadeIn 1s ease .8s both}.footer a{color:var(--sage-dark);text-decoration:none}.error-msg{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:12px 16px;font-size:13px;margin-top:12px;display:none}.error-msg.show{display:block}@keyframes fadeDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes charReveal{to{opacity:1}}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.skeleton{background:linear-gradient(90deg,var(--parchment) 25%,var(--fog) 50%,var(--parchment) 75%);background-size:200% auto;animation:shimmer 1.5s linear infinite;border-radius:6px;height:16px;margin-bottom:8px}