:root{--color-pitch-black:#000;--color-charcoal-canvas:#222326;--color-graphite-base:#0d0d0e;--color-deep-slate:#272c33;--color-subtle-ash:#191c21;--color-iron-gray:#43454c;--color-silver-mist:#9ea0a9;--color-light-steel:#d4d5d9;--color-pure-white:#fff;--color-ghostly-gray:#f4f4f5;--color-action-raspberry:#e32652;--color-interactive-lime:#dcff00;--color-highlight-gold:#eed37f;--color-subtle-cadet:#596170;--font-sohne:"Inter", ui-sans-serif, system-ui, sans-serif;--font-sohne-schmal:"Oswald", ui-sans-serif, system-ui, sans-serif;--spacing-unit:4px;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-32:32px;--spacing-48:48px;--spacing-64:64px;--radius-cards:8px;--radius-inputs:0px;--radius-buttons:8px;--shadow-subtle:#949aa4 0px 0px 0px 2px inset;--shadow-active:#272c33 0px 0px 0px 1px inset}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sohne);background-color:var(--color-charcoal-canvas);color:var(--color-pure-white);min-height:100vh;padding:var(--spacing-32);justify-content:center;align-items:center;line-height:1.45;display:flex}#app{gap:var(--spacing-64);flex-direction:column;width:100%;max-width:900px;display:flex}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mt-4{margin-top:var(--spacing-24)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header{text-align:left;animation:.8s ease-out fadeInDown}.logo{align-items:center;gap:var(--spacing-12);margin-bottom:var(--spacing-8);display:inline-flex}.logo h1{font-family:var(--font-sohne-schmal);letter-spacing:-.02em;color:var(--color-pure-white);font-size:48px;font-weight:500;line-height:.9}.subtitle{color:var(--color-silver-mist);max-width:600px;font-size:16px}.card{background:var(--color-deep-slate);border-radius:var(--radius-cards);padding:var(--spacing-48);animation:.5s ease-out fadeIn}.upload-area{border:1px solid var(--color-iron-gray);border-radius:var(--radius-cards);padding:var(--spacing-64) var(--spacing-32);text-align:center;cursor:pointer;background:var(--color-charcoal-canvas);transition:all .3s;display:block}.upload-area:hover,.upload-area.dragover{border-color:var(--color-pure-white);box-shadow:var(--shadow-subtle)}.upload-icon{color:var(--color-pure-white);margin-bottom:var(--spacing-16)}.upload-area h2{margin-bottom:var(--spacing-8);font-size:24px;font-weight:600}.upload-area p{color:var(--color-silver-mist);font-size:14px}.upload-choose-btn{margin-top:var(--spacing-24);pointer-events:auto}#upload-progress{text-align:center;padding:var(--spacing-48) 0}.spinner{border:3px solid var(--color-iron-gray);border-top-color:var(--color-action-raspberry);width:40px;height:40px;margin:0 auto var(--spacing-16);border-radius:50%;animation:1s ease-in-out infinite spin}.upload-limit a{color:var(--color-action-raspberry,#e11d48);text-underline-offset:2px;font-weight:600;text-decoration:underline}.upload-limit{margin-top:var(--spacing-16);color:var(--color-silver-mist);text-align:center;font-size:13px}.upload-limit.is-blocked{color:var(--color-action-raspberry)}.editor-layout{gap:var(--spacing-48);margin-bottom:var(--spacing-32);grid-template-columns:1fr 1.2fr;display:grid}@media (width<=768px){.editor-layout{grid-template-columns:1fr}}.editor-controls h3,.preview-container h3,.code-card h3{margin-bottom:var(--spacing-24);color:var(--color-pure-white);font-size:20px;font-weight:600}.preview-container{flex-direction:column;display:flex}.widget-preview-wrapper{background:var(--color-pitch-black);border-radius:var(--radius-cards);border:1px solid var(--color-iron-gray);padding:var(--spacing-32);flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.geo-content h3{margin:var(--spacing-24) 0 var(--spacing-12);color:var(--color-pure-white);font-size:18px;font-weight:600}.geo-content p{color:var(--color-silver-mist);font-size:15px;line-height:1.55}.input-group{margin-bottom:var(--spacing-20)}.input-group label{color:var(--color-silver-mist);margin-bottom:var(--spacing-8);font-size:14px;display:block}.input-group input,.input-group textarea,.input-group select{background:var(--color-charcoal-canvas);border:1px solid var(--color-pure-white);width:100%;color:var(--color-pure-white);border-radius:var(--radius-inputs);padding:12px 16px;font-family:inherit;font-size:16px;transition:box-shadow .2s}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{outline:none;box-shadow:inset 0 0 0 2px #949aa4}.input-group textarea{resize:vertical}.action-buttons{justify-content:flex-end;gap:var(--spacing-16);margin-top:var(--spacing-16);display:flex}.btn{border-radius:var(--radius-buttons);cursor:pointer;border:none;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s}.btn-primary{background:var(--color-action-raspberry);color:var(--color-pure-white)}.btn-primary:hover{background:#c01c40}.btn-secondary{background:var(--color-deep-slate);color:var(--color-pure-white);border:1px solid var(--color-iron-gray);border-radius:var(--radius-inputs)}.btn-secondary:hover{box-shadow:inset 0 0 0 2px var(--color-iron-gray)}.code-card p{color:var(--color-silver-mist);margin-bottom:var(--spacing-24)}.code-block-wrapper{background:var(--color-pitch-black);border-radius:var(--radius-cards);border:1px solid var(--color-iron-gray);position:relative;overflow:hidden}.code-block-wrapper pre{padding:var(--spacing-24);color:var(--color-light-steel);font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;overflow-x:auto}.btn-icon{top:var(--spacing-12);right:var(--spacing-12);background:var(--color-charcoal-canvas);border:1px solid var(--color-iron-gray);color:var(--color-pure-white);cursor:pointer;border-radius:4px;padding:8px;transition:background .2s;position:absolute}.btn-icon:hover{background:var(--color-subtle-ash)}.checkbox-group{align-items:center;gap:var(--spacing-8);margin-bottom:var(--spacing-16);color:var(--color-silver-mist);cursor:pointer;font-size:14px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:16px;height:16px}.reviews-heading{margin-top:var(--spacing-24)}.review-item{border:1px solid var(--color-iron-gray);border-radius:var(--radius-cards);padding:var(--spacing-16);margin-bottom:var(--spacing-16);background:var(--color-charcoal-canvas)}.review-item .review-item-header{margin-bottom:var(--spacing-8);justify-content:space-between;align-items:center;display:flex}.review-item .btn-remove{color:var(--color-action-raspberry);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.consent-box{margin-top:var(--spacing-24);padding-top:var(--spacing-24);border-top:1px solid var(--color-iron-gray)}.consent-status{color:var(--color-silver-mist);margin-top:var(--spacing-8);font-size:13px}#btn-add-review{margin-bottom:var(--spacing-16)}.pricing-card h3,.geo-content h3{margin-top:0}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:12px;display:grid}.pricing-tier{border:1px solid var(--border,#e4e4e7);border-radius:12px;padding:20px}.pricing-pro{border-color:#4ade80;box-shadow:0 0 0 1px #4ade8033}.pricing-pro-pulse{animation:.8s ease-in-out 3 pricingPulse}@keyframes pricingPulse{0%,to{box-shadow:0 0 0 1px #4ade8033}50%{box-shadow:0 0 0 4px #4ade8088,0 0 24px #4ade8044}}.pricing-tier h4{margin:0 0 4px}.pricing-tier .price{margin:0 0 10px;font-size:28px;font-weight:700}.pricing-tier .price span{opacity:.7;font-size:14px;font-weight:400}.pricing-tier ul{margin:0 0 12px;padding-left:18px;font-size:14px;line-height:1.7}.pricing-note{opacity:.8;margin-top:12px;font-size:13px}.geo-content{margin-top:16px}.geo-content h3{margin-top:18px;font-size:16px}.geo-content h3:first-child{margin-top:0}.geo-content p{opacity:.9;font-size:14px;line-height:1.6}