@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Archivo:wght@300;400;500;600&family=Faster+One&family=Nunito:wght@300;400&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:coral;color:#1a1a1a;font-family:Archivo,sans-serif}.page{max-width:920px;margin:0 auto;padding:48px 20px 60px;display:flex;flex-direction:column;gap:0;min-height:100vh}.header{text-align:center;padding:.5rem 0 28px}.logo{font-family:Faster One,cursive;font-size:5rem;font-weight:400;letter-spacing:.2rem;text-transform:uppercase;color:#1a1a1a}.tagline{font-family:Nunito,sans-serif;color:#1a1a1a;font-size:1.5rem;font-weight:300;text-transform:lowercase;letter-spacing:.08rem;margin-top:4px}@media (max-width: 700px){.tagline{font-size:1rem}}.workspace{display:grid;grid-template-columns:1fr 280px;border:1px solid #1a1a1a}@media (max-width: 700px){.workspace{grid-template-columns:1fr}}.controls{display:flex;flex-direction:column;gap:22px;border-left:1px solid #1a1a1a;padding:24px 22px}@media (max-width: 700px){.controls{border-left:none;border-top:1px solid #1a1a1a}}.settings-title{font-family:Archivo Black,sans-serif;font-size:.85rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#1a1a1a}.control-group{display:flex;flex-direction:column;gap:6px}.slider-header{display:flex;justify-content:space-between;align-items:baseline}.slider-label{font-size:.85rem;font-weight:500;letter-spacing:.02em;color:#1a1a1a;text-transform:none}.slider-value{font-size:.85rem;font-weight:600;letter-spacing:.02em;color:#1a1a1a}.slider-row{display:flex;align-items:center;gap:14px}.slider-min,.slider-max{font-size:.75rem;font-weight:400;color:#1a1a1a;flex-shrink:0}.slider-ticks{display:flex;justify-content:space-between;font-size:.7rem;font-weight:400;letter-spacing:.02em;padding:0 2px;color:#aaa}.slider-ticks .active{color:#1a1a1a;font-weight:600}.color-labels{display:flex;flex-direction:column;gap:2px;margin-top:2px}.color-label{font-size:.83rem;font-weight:400;letter-spacing:.02em;color:#1a1a1a}.color-label.muted{color:#fafad2;font-style:italic}.color-label.hidden{visibility:hidden;height:0;margin:0;padding:0}.slider-hints{display:none}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:2px;background:#1a1a1a;border-radius:0;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#1a1a1a;border:none;box-shadow:none}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#1a1a1a;border:none;box-shadow:none;cursor:pointer}.generate-btn{width:100%;padding:16px 0;font-family:Archivo,sans-serif;font-size:1.05rem;font-weight:600;letter-spacing:.04em;border:none;border-radius:8px;background:#1a1a1a;color:#faebd7;cursor:pointer;transition:background .15s;margin-top:4px}.generate-btn:disabled{opacity:.25;cursor:not-allowed}.generate-btn:hover:not(:disabled){background:#1a1a1a}.drop-zone{width:100%;height:360px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;padding:20px}.drop-zone-inner{width:100%;height:100%;border:2px dashed #1a1a1a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;transition:border-color .2s;overflow:hidden}.drop-zone:hover .drop-zone-inner,.drop-zone.dragging .drop-zone-inner{border-color:#666}.drop-zone.has-preview{cursor:default;padding:0}.drop-zone.has-preview .drop-zone-inner{border:none}.drop-content{display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.drop-icon{display:none}.drop-label{font-size:.95rem;font-weight:400;letter-spacing:.02em;color:#1a1a1a}.browse-link{color:#1a1a1a;text-decoration:underline;cursor:pointer;font-weight:600}.drop-hint{display:block;font-size:.85rem;font-weight:300;color:#fafad2}.preview-img{width:100%;height:100%;object-fit:contain;display:block}.clear-btn{position:absolute;top:10px;right:10px;width:28px;height:28px;border:1px solid #ccc;border-radius:50%;background:#f4f1ec;color:#1a1a1a;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.clear-btn:hover{background:#1a1a1a;color:#f4f1ec;border-color:#1a1a1a}.output-section{display:flex;flex-direction:column;gap:0;border:1px solid #1a1a1a;border-top:none;padding:18px 22px 22px}.output-title{font-family:Archivo Black,sans-serif;font-size:.8rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#1a1a1a;margin-bottom:14px;text-align:left}.output-box{position:relative;border:1px solid #1a1a1a;padding:18px 50px 18px 20px;min-height:60px;font-size:1.3rem;line-height:1.6;word-break:break-word;-webkit-user-select:all;user-select:all;background:#bdb76b;display:flex;align-items:center}.output-placeholder{color:#000;font-size:.92rem;font-weight:300;font-style:normal;width:100%;text-align:center}.copy-icon-btn{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:32px;height:32px;border:1px solid black;border-radius:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.copy-icon-btn:hover{background:#1a1a1a;border-color:#1a1a1a}.copy-icon-btn:hover .copy-icon{stroke:#fafad2}.copy-icon{stroke:#1a1a1a;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.copy-icon-btn.copied{background:#1a1a1a;border-color:#1a1a1a}.copy-icon-btn.copied .copy-icon{stroke:#fafad2}.ad-section{width:100%;min-height:250px;border:1px solid rgba(26,26,26,.15);margin-top:24px;display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem}.ad-section ins{flex:1;min-width:0;min-height:90px}