.generator-section{padding-top:var(--s-7);background:var(--paper)}@media(max-width:800px){.kartochka-visual{display:none}}.mobile-tabs-bar{display:none;gap:4px;margin-bottom:var(--s-5);background:var(--white);border:1px solid var(--line);padding:4px;border-radius:var(--radius-lg)}.mobile-tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:none;background:transparent;border-radius:var(--radius);font-family:inherit;font-size:14px;font-weight:600;color:var(--ink-600);cursor:pointer;transition:background .15s ease,color .15s ease}.mobile-tab-btn:hover{color:var(--ink-900)}.mobile-tab-btn.active{background:var(--ink-800);color:var(--paper)}@media(max-width:1024px){.mobile-tabs-bar{display:flex}.editor-col-form,.editor-col-preview{display:none}.editor-col-form.tab-visible,.editor-col-preview.tab-visible{display:block}}.editor-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(460px,1.15fr);gap:var(--s-7);align-items:start}@media(max-width:1024px){.editor-grid{display:block}}.form-wrapper{display:flex;flex-direction:column;gap:var(--s-5)}.form-section__label{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-600);margin-bottom:var(--s-3)}.form-section__title{display:flex;align-items:baseline;gap:var(--s-3);font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ink-900);margin-bottom:var(--s-1)}.form-section__n{flex:none;font-size:14px;font-weight:600;letter-spacing:0;color:var(--amber-text);font-variant-numeric:tabular-nums}.form-section__hint{font-size:14px;line-height:1.5;color:var(--ink-600);margin-bottom:var(--s-5)}.segmented-control{display:flex;background:var(--ink-100);padding:4px;border-radius:var(--radius);gap:4px}.segment-btn:has(input:focus-visible) span{outline:3px solid var(--amber);outline-offset:2px}.segment-btn{flex:1;text-align:center;position:relative;cursor:pointer}.segment-btn input[type=radio]{position:absolute;width:auto;min-height:0;padding:0;border:0;background:none;opacity:0;pointer-events:none}.segment-btn span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:600;color:var(--ink-600);transition:background .15s ease,color .15s ease}.segment-btn input:checked+span{background:var(--white);color:var(--ink-900);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--s-4)}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--ink-700);margin-bottom:6px}.req{color:var(--danger)}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--ink-300);border-radius:var(--radius);font-family:inherit;font-size:16px;line-height:1.4;color:var(--ink-900);background:var(--white);transition:border-color .15s ease,box-shadow .15s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ink-500)}.form-group input[type=checkbox]{flex:none;width:20px;height:20px;min-height:0;margin:0;padding:0;accent-color:var(--ink-800)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.form-row{display:grid;gap:var(--s-4);margin-bottom:var(--s-4)}.form-row:last-child{margin-bottom:0}.form-row>.form-group{margin-bottom:0}.form-row--2{grid-template-columns:1fr 1fr}@media(max-width:640px){.form-row--2{grid-template-columns:1fr}}.field-help{display:block;font-size:12px;color:var(--ink-500);margin-top:4px}.field-error{font-size:12px;color:var(--danger);margin-top:4px;font-weight:500}.field-ok{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ok);margin-top:4px;font-weight:500}.label-with-counter{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.label-with-counter label{margin-bottom:0}.char-counter{font-size:12px;color:var(--ink-500);font-variant-numeric:tabular-nums}.char-counter.over-limit{color:var(--danger);font-weight:700}.logo-dropzone{position:relative;overflow:hidden;border:2px dashed var(--ink-300);border-radius:8px;padding:20px;text-align:center;background:var(--paper);transition:border-color .15s ease,background .15s ease}.logo-dropzone.drag-over{border-color:var(--amber);background:var(--amber-soft)}.logo-upload-prompt{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--ink-600);font-size:14px}.dropzone-sub{font-size:12px;color:var(--ink-500)}.link-btn{background:none;border:none;font-family:inherit;font-size:inherit;color:var(--amber-text);font-weight:600;cursor:pointer;text-decoration:underline;padding:6px 2px;margin:-6px -2px}#btn-browse-logo:after{content:"";position:absolute;inset:0}.logo-dropzone:has(#btn-browse-logo:hover){border-color:var(--ink-400)}.logo-dropzone:has(#btn-browse-logo:focus-visible){outline:3px solid var(--amber);outline-offset:2px}.logo-preview-box{display:flex;align-items:center;gap:16px;justify-content:center}.logo-thumb{max-height:52px;max-width:140px;object-fit:contain;border-radius:4px;background:var(--white);padding:4px;border:1px solid var(--ink-200)}.logo-details{text-align:left}.logo-filename{display:block;font-size:13px;font-weight:600;color:var(--ink-800);word-break:break-all}.btn-text-danger{display:inline-flex;align-items:center;min-height:44px;background:none;border:none;font-family:inherit;color:var(--danger);font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer;padding:0}.qr-status-box{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);margin-top:var(--s-3)}.qr-status-box--pending{background:var(--amber-soft);border:1px solid rgba(239,159,39,.3);color:var(--amber-text)}.qr-status-box--ready{background:var(--soft);border:1px solid var(--ink-200);color:var(--ok)}.qr-status-title{font-size:13px;font-weight:700;margin:0 0 2px}.qr-status-desc{font-size:12px;line-height:1.4;margin:0}.editor-col-preview{position:sticky;top:calc(var(--hdr-h) + var(--s-4))}.preview-actions-bar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);min-height:32px;margin-bottom:var(--s-3)}.preview-actions-bar__label{display:flex;align-items:center;gap:var(--s-3);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-600)}.preview-actions-bar__label:before{content:"";width:24px;height:2px;background:var(--amber)}.btn--full{width:100%}.published-control-box{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--s-4) var(--s-5);margin-bottom:var(--s-4)}.published-control-box__header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.published-title{font-size:14px;font-weight:600;color:var(--ink-700)}.published-url-row{display:flex;gap:8px;margin-bottom:10px}.url-input{flex:1;min-width:0;min-height:44px;padding:8px 12px;font-family:inherit;font-size:14px;border:1px solid var(--ink-300);border-radius:6px;background:var(--white);color:var(--ink-800);font-variant-numeric:tabular-nums}.published-actions-row{display:flex;gap:8px;align-items:center;font-size:13px}.link-btn-subtle,.link-btn-danger{display:inline-flex;align-items:center;min-height:44px;background:none;border:none;font-family:inherit;font-size:inherit;cursor:pointer;padding:0;text-decoration:underline}.link-btn-subtle{color:var(--ink-700)}.link-btn-danger{color:var(--danger)}.dot-sep{color:var(--ink-400)}.guest-token-note{font-size:12px;color:var(--ink-600);margin-top:10px;padding-top:8px;border-top:1px dashed var(--ink-300)}.guest-token-note a{font-weight:600;text-decoration:underline}.paper-viewport{background:var(--ink-800);padding:clamp(16px,2.4vw,32px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);overflow-x:auto;scrollbar-color:var(--ink-500) transparent;--tx-mask: radial-gradient(ellipse 90% 75% at 50% 30%, #000 30%, transparent 90%)}@media(min-width:1025px){.paper-viewport{max-height:max(420px,calc(100vh - var(--hdr-h) - 320px));max-height:max(420px,calc(100dvh - var(--hdr-h) - 320px));overflow:auto}}.preview-paper{background:var(--white);border:1px solid rgba(28,28,27,.09);border-radius:var(--radius-sm);padding:36px 40px;box-shadow:0 1px 2px #0000004d,0 18px 36px -18px #0009;color:var(--ink-800);min-height:600px}@media(max-width:640px){.preview-paper{padding:24px 16px}}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-5)}.card-logo{max-height:44px;max-width:140px;object-fit:contain}.card-title-name{font-size:20px;font-weight:700;color:var(--ink-800);margin:0;line-height:1.25}.card-full-name-sub{font-size:12px;color:var(--ink-500);margin:4px 0 0}.card-header__meta{text-align:right;font-size:13px;color:var(--ink-500)}.card-site-meta{margin:0 0 2px}.card-city-meta{margin:0}.card-doc-heading{margin-bottom:var(--s-4)}.card-doc-title{font-size:20px;font-weight:700;color:var(--ink-800);margin:0}.card-doc-subtitle{font-size:12px;color:var(--ink-500);margin:2px 0 0}.card-desc-box{margin-bottom:var(--s-4)}.card-desc-box__text{font-size:13px;line-height:1.45;color:var(--ink-700);margin:0}.card-table-wrapper{margin-bottom:var(--s-4);overflow-x:auto;border-radius:6px}.card-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.card-table th,.card-table td{padding:8px 10px}.card-table tbody tr:nth-child(2n){background:var(--card-tint, var(--soft))}.card-table thead tr{background:var(--card-head, var(--ink-800))}.card-table thead th{font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--card-head-text, var(--white))}.cell-label{font-weight:400;color:var(--ink-600);vertical-align:top}.cell-value{font-weight:600;color:var(--ink-800);vertical-align:top;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-variant-numeric:tabular-nums}.cell-content{flex:1;word-break:break-word}.cell-content a{color:var(--card-link, var(--ink-800));text-decoration:underline}.cell-content a:hover{color:var(--amber-text)}.btn-copy-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:30px;min-height:30px;margin:-6px -6px -6px 0;background:transparent;border:none;font-family:inherit;color:var(--ink-500);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.btn-copy-icon:hover{color:var(--ink-800);background:var(--soft)}.card-qr-section{display:flex;gap:var(--s-4);background:var(--card-tint, var(--soft));border-radius:6px;padding:12px 16px 12px 12px;margin-bottom:var(--s-4);align-items:center}.accent-color-wrap{margin-top:10px;padding:10px 14px;background:var(--soft);border:1px solid var(--ink-200);border-radius:var(--radius-sm)}.accent-checkbox-label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:13px;font-weight:600;color:var(--ink-800);cursor:pointer}.accent-color-picker-box{margin-top:8px;padding-top:8px;border-top:1px dashed var(--ink-300);display:flex;align-items:center;gap:12px}.accent-picker-label{font-size:12px;color:var(--ink-500)}.accent-picker-control{display:flex;align-items:center;gap:8px}.accent-picker-control input[type=color]{appearance:none;-webkit-appearance:none;border:1px solid var(--ink-300);border-radius:var(--radius-sm);width:44px;height:44px;min-height:0;cursor:pointer;padding:0;background:transparent}.accent-hex-val{font-size:12px;color:var(--ink-700);font-weight:600;font-variant-numeric:tabular-nums}.label-with-lookup{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.lookup-status-pill{font-size:12px;font-weight:600;border-radius:var(--radius-sm);padding:2px 6px;line-height:1.3}.lookup-status-pill--loading{background:var(--ink-100);color:var(--ink-600)}.lookup-status-pill--ok{background:transparent;color:var(--ok)}.lookup-status-pill--err{background:transparent;color:var(--danger)}.card-qr-img{border-radius:var(--radius-sm);background:var(--white);padding:4px}.card-qr-section__info{flex:1}.qr-heading{font-size:14px;font-weight:700;margin:0 0 4px;color:var(--ink-800)}.qr-sub{font-size:12px;color:var(--ink-600);margin:0;line-height:1.45}.form-end-actions .btn--sm,.preview-footer-actions .btn--sm{min-height:44px}.preview-footer-actions{margin-top:var(--s-4);display:flex;flex-direction:column;align-items:flex-start;gap:var(--s-3)}.preview-footer-actions__row{display:flex;flex-wrap:wrap;gap:var(--s-2);width:100%}.preview-footer-actions__row .btn{flex:1 1 auto}.app-dialog{border:none;border-radius:var(--radius-lg);padding:0;max-width:520px;width:90vw;box-shadow:0 20px 40px #1c1c1b3d;background:var(--white);color:var(--ink-900)}.app-dialog::backdrop{background:#1c1c1b99}.app-dialog__box{padding:var(--s-6)}.app-dialog__box--wide{max-width:640px}.app-dialog__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-4)}.app-dialog__title{font-size:20px;font-weight:700;margin:0}.btn-dialog-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;margin:-10px -10px -10px 0;background:none;border:none;border-radius:var(--radius-sm);color:var(--ink-500);cursor:pointer;padding:0}.btn-dialog-close:hover{color:var(--ink-800)}.dialog-text{font-size:14px;line-height:1.6;color:var(--ink-600);margin-bottom:var(--s-4)}.dialog-highlight-box{background:var(--amber-soft);border:1px solid rgba(239,159,39,.3);border-radius:8px;padding:14px 16px;margin-bottom:var(--s-4)}.dialog-highlight-title{font-size:13px;font-weight:700;color:var(--amber-text);margin:0 0 4px}.dialog-highlight-desc{font-size:13px;color:var(--ink-800);margin:0}.app-dialog__footer{display:flex;justify-content:flex-end;gap:var(--s-3);margin-top:var(--s-5)}.slug-field-group{margin-bottom:var(--s-4)}.slug-input-wrapper{display:flex;align-items:center;border:1px solid var(--ink-300);border-radius:6px;overflow:hidden;background:var(--white)}.slug-domain{padding:10px 12px;background:var(--ink-100);font-size:13px;color:var(--ink-600);border-right:1px solid var(--ink-300);user-select:none}.slug-input-wrapper input{border:none!important;box-shadow:none!important;padding:10px 12px}.slug-status-msg{font-size:12px;color:var(--ink-500);margin-top:4px}.slug-status-msg--ok{color:var(--ok);font-weight:600}.slug-status-msg--err{color:var(--danger);font-weight:600}.publish-consent-details{background:var(--ink-100);border-radius:8px;padding:12px 16px;font-size:13px;margin-bottom:var(--s-4)}.publish-details-title{font-weight:700;margin-bottom:6px}.publish-details-list{margin:0;padding-left:20px;line-height:1.5;color:var(--ink-700)}.dialog-notice-box{font-size:12px;color:var(--ink-600);line-height:1.5;background:var(--soft);border:1px solid var(--ink-200);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:var(--s-4)}.consent-checkbox-row{margin-top:var(--s-3)}.checkbox-label{display:flex;gap:10px;align-items:flex-start;font-size:13px;cursor:pointer;color:var(--ink-800)}.checkbox-label input{margin-top:3px}.app-toast{position:fixed;bottom:24px;right:24px;background:var(--ink-900);color:var(--white);padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 4px 16px #0003;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group--relative{position:relative}.inn-suggestion-card{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--ink-300);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:12px 14px;z-index:60;cursor:pointer;transition:border-color .15s ease}.inn-suggestion-card:hover{border-color:var(--amber)}.inn-suggestion-header{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);margin-bottom:6px}.inn-suggestion-close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;margin:-10px -10px -10px 0;background:transparent;border:none;border-radius:var(--radius-sm);font-family:inherit;color:var(--ink-500);cursor:pointer;padding:0;line-height:1}.inn-suggestion-close:hover{color:var(--ink-800)}.inn-suggest-name{font-size:14px;font-weight:700;color:var(--ink-900);margin:0 0 2px;line-height:1.35}.inn-suggest-meta{font-size:12px;color:var(--ink-500);margin:0 0 10px;line-height:1.3}.inn-suggest-btn{width:100%;justify-content:center}.upsell-inline-card{display:flex;align-items:flex-start;gap:12px;background:var(--soft);border:1px dashed var(--ink-300);border-radius:var(--radius);padding:12px 14px;margin-top:14px;margin-bottom:10px}.upsell-inline-card__icon{display:inline-flex;color:var(--ink-700);flex-shrink:0}.upsell-inline-card__body{flex:1}.upsell-inline-card__title{font-size:13px;font-weight:700;color:var(--ink-800);margin:0 0 2px}.upsell-inline-card__desc{font-size:12px;color:var(--ink-500);margin:0;line-height:1.45}.upsell-inline-card__desc a{display:inline-flex;align-items:center;gap:3px;color:var(--amber-text);text-decoration:underline;font-weight:500}.upsell-inline-card__desc a:hover{color:var(--ink-800)}.share-url-box{margin-bottom:20px}.share-url-label{display:block;font-size:13px;font-weight:600;color:var(--ink-800);margin-bottom:6px}.share-url-input-wrap{display:flex;gap:8px}.share-networks-title{font-size:13px;font-weight:600;color:var(--ink-800);margin-bottom:10px}.share-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:12px}.share-network-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border-radius:var(--radius-sm);font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;border:1px solid var(--ink-300);background:var(--white);color:var(--ink-800);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.share-network-btn:hover{border-color:var(--ink-500);background:var(--soft)}
