.feature-hero{position:relative;overflow:hidden;border-radius:22px;padding:34px;background:linear-gradient(130deg,#17243d,#2b3d68);color:#fff;margin-bottom:22px}.feature-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-130px;background:radial-gradient(circle,#93abff66,transparent 67%)}.feature-hero h2{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.045em;margin:10px 0 13px;max-width:650px}.feature-hero p{color:#c7d2e8;line-height:1.75;font-size:.875rem;max-width:690px;margin:0}.feature-hero .command-actions{margin-top:22px;position:relative;z-index:1}.feature-hero .secondary{background:#ffffff12;border-color:#ffffff30;color:#fff}.feature-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:18px}.feature-panel h2,.site-section-title{font-size:1.15rem;letter-spacing:-.025em;margin-bottom:8px}.feature-panel>p{color:var(--muted);font-size:.84rem;line-height:1.7}.feature-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:18px}.feature-form.drive-form{grid-template-columns:minmax(0,1fr) 170px auto}.feature-form input,.feature-form select{min-height:46px;border:1px solid #d8e0ec;border-radius:9px;background:#fff;padding:11px 13px;color:var(--ink);font:inherit;font-size:.875rem}.feature-status{font-size:.8rem;line-height:1.65;color:#66768f;margin:15px 0 0;min-height:0}.feature-status:empty{display:none}.feature-status.is-working{padding:12px 14px;background:#f0f4ff;border-radius:9px;color:#4561aa}.feature-status.is-error{padding:12px 14px;background:#fff0f1;border-radius:9px;color:#985567}.feature-results{display:grid;gap:10px;margin-top:16px}.drive-result,.media-result{border:1px solid #e1e6ef;border-radius:11px;padding:15px;background:#fafbfd}.drive-result{display:flex;align-items:center;gap:12px}.drive-result>div{flex:1;min-width:0}.drive-result strong{display:block;font-size:.86rem;overflow-wrap:anywhere}.drive-result small{display:block;color:#7c899d;font-size:.7rem;margin-top:4px}.drive-result .command-actions{flex-shrink:0}.drive-preview{white-space:pre-wrap;max-height:55vh;overflow:auto;background:#f6f7fa;padding:16px;border-radius:10px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.media-result h3{font-size:1.05rem;margin:0 0 8px}.media-stages{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.media-stages span{font-size:.68rem;background:#edf1f7;border-radius:6px;padding:6px 8px}.media-stages .ok{background:#eaf5ef;color:#397259}.site-section-title{margin:34px 0 14px}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.site-card{background:#fff;border:1px solid #dfe5ee;border-radius:17px;overflow:hidden}.site-preview{height:190px;padding:14px;background:linear-gradient(140deg,#273852,#7890b1);display:flex;flex-direction:column;justify-content:space-between;color:white;position:relative;isolation:isolate}.site-preview:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#fff5,transparent 35%),linear-gradient(transparent 55%,#0c162b66);z-index:-1}.site-preview.silver{background:linear-gradient(140deg,#424c58,#c5d1d6)}.site-preview.janusz{background:linear-gradient(140deg,#342b26,#a88869)}.site-preview.probatum{background:linear-gradient(140deg,#17253a,#426ca0)}.site-preview.dona{background:linear-gradient(140deg,#131d34,#526eef)}.site-preview.recipe{background:linear-gradient(140deg,#203e35,#79a38b)}.site-preview.castle{background:linear-gradient(140deg,#3c3025,#998262)}.site-preview.demo{background:linear-gradient(140deg,#322b4d,#8577b6)}.browser-bar{display:flex;align-items:center;gap:5px;height:24px;padding:0 8px;background:#ffffffde;color:#7f8998;border-radius:7px;font-size:.58rem}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#d7a0a0}.browser-bar i:nth-child(2){background:#d9c67c}.browser-bar i:nth-child(3){background:#92bea1}.browser-bar span{margin-left:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-monogram{font-size:3.8rem;font-weight:800;letter-spacing:-.08em;line-height:1;text-shadow:0 8px 25px #0004}.site-preview small{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.site-body{padding:19px}.site-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.66rem;color:#7a879b}.site-body h3{font-size:1.05rem;margin:10px 0 7px}.site-body p{font-size:.78rem;color:#6f7c91;line-height:1.65;min-height:42px}.site-body .command-actions{margin-top:15px}.revision-dialog{width:min(680px,calc(100vw - 30px))}.revision-context{padding:14px;background:#f4f6fa;border-radius:9px;color:#5f6e84;font-size:.78rem;line-height:1.65;max-height:150px;overflow:auto;white-space:pre-wrap}.revision-dialog label{display:flex;flex-direction:column;gap:9px;font-size:.76rem;font-weight:600;margin-top:18px}.revision-dialog textarea{min-height:145px}.safety-note{font-size:.72rem!important;color:#728098!important}.calendar-command{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;background:linear-gradient(120deg,#eff4ff,#fff);border:1px solid #dbe5f6;border-radius:14px;padding:18px;margin-bottom:22px}.calendar-command label{font-size:.75rem;font-weight:600}.calendar-command input{display:block;width:100%;border:1px solid #d7e0ee;border-radius:8px;padding:11px;margin-top:8px;background:#fff}.calendar-command small{display:block;grid-column:1/-1;color:#718098;font-size:.68rem;line-height:1.55}
.catalog-add{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px;padding:20px;border:1px dashed #cbd6e6;border-radius:14px;background:#f8faff}.catalog-add strong{font-size:.88rem}.catalog-add p{margin:5px 0 0;color:#748197;font-size:.74rem;line-height:1.55}.catalog-add button{flex-shrink:0}
.weather-hero{background:linear-gradient(135deg,#183556,#527fb0)}.maps-hero{background:linear-gradient(135deg,#163d3a,#3f7e6e)}.provider-note{margin:20px 0 0!important;padding-top:15px;border-top:1px solid #e8edf3;color:#7b8799!important;font-size:.68rem!important}.provider-note a{color:#536b9d}.weather-current{display:flex;align-items:center;gap:18px;padding:20px;border:1px solid #dce6f0;border-radius:14px;background:linear-gradient(135deg,#f5f9ff,#fff)}.weather-symbol{font-size:3.2rem;filter:drop-shadow(0 8px 13px #8da4c655)}.weather-current span,.map-card-foot span{display:block;color:#6f7e94;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.weather-current strong{display:block;font-size:2.25rem;line-height:1.05;margin:5px 0}.weather-current p{margin:0;color:#64748a;font-size:.76rem}.weather-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.weather-days article{padding:12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.weather-days span,.weather-days small{display:block;color:#748197;font-size:.66rem}.weather-days b{display:block;font-size:.8rem;margin:8px 0 5px}.map-card{border:1px solid #dbe4ec;border-radius:14px;overflow:hidden;background:#fff}.map-card iframe{display:block;width:100%;height:390px;border:0;background:#eef2f4}.map-card-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px}.map-card-foot strong{display:block;max-width:520px;font-size:.82rem;margin-top:5px}.map-card-foot .command-actions{flex-shrink:0}
@media(max-width:760px){.feature-hero{padding:25px}.feature-form,.feature-form.drive-form,.calendar-command{grid-template-columns:1fr}.feature-form button,.calendar-command button{width:100%}.site-grid{grid-template-columns:1fr}.site-preview{height:165px}.drive-result{align-items:flex-start;flex-direction:column}.drive-result .command-actions{width:100%}.site-body p{min-height:0}.catalog-add{align-items:stretch;flex-direction:column}.catalog-add button{width:100%}.weather-days{grid-template-columns:repeat(2,minmax(0,1fr))}.map-card iframe{height:300px}.map-card-foot{align-items:stretch;flex-direction:column}.map-card-foot .command-actions{width:100%}.map-card-foot a{flex:1;text-align:center}}

/* Prawdziwe, zapisane podglądy stron zamiast dekoracyjnych placeholderów. */
.site-card{box-shadow:0 8px 24px #23365708;transition:transform .2s ease,box-shadow .2s ease}.site-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #23365712}.site-preview{height:220px;padding:42px 10px 10px;display:block;background:#dfe5ec;color:inherit;isolation:auto;overflow:hidden}.site-preview:after{z-index:1;left:10px;right:10px;top:auto;bottom:10px;height:58px;border-radius:0 0 8px 8px;background:linear-gradient(transparent,#10182880);pointer-events:none}.site-preview .browser-bar{position:absolute;z-index:3;left:10px;right:10px;top:10px;height:25px;padding:0 9px;background:#f8fafce8;color:#69768a;border:1px solid #ffffffb8;border-radius:8px;box-shadow:0 4px 14px #1f2c4218}.site-shot{width:100%;height:100%;display:block;object-fit:cover;object-position:top;border-radius:8px;background:#f4f6f9;box-shadow:0 12px 30px #1e2b3e24;transition:transform .45s ease}.site-card:hover .site-shot{transform:scale(1.018)}.site-preview-kind{position:absolute;z-index:2;left:22px;bottom:20px;color:#fff;font-size:.61rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;text-shadow:0 2px 8px #000}.site-stat-badge{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 10px;border-radius:99px;background:#eef4ff;color:#3958a3;font-size:.7rem;font-weight:600;width:fit-content}
@media(max-width:760px){.site-preview{height:190px}}

/* Trwałe foldery wyników Media Intelligence. */
.media-history{margin-top:28px}.media-history-head,.file-library-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:16px}.media-history-head h2,.file-library-summary h2{font-size:1.45rem;letter-spacing:-.035em;margin:5px 0}.media-history-head p,.file-library-summary p{margin:0;color:#6e7d94;font-size:.78rem;line-height:1.6}.media-history-count{display:grid;place-items:center;min-width:44px;height:44px;border:1px solid #d6deed;border-radius:13px;background:#fff;color:#425a94;font-size:1rem;font-weight:750}.media-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.media-result{position:relative;overflow:hidden;border:1px solid #dce4f0;border-radius:16px;padding:20px;background:linear-gradient(145deg,#fff,#f7f9fd);box-shadow:0 9px 25px #243b6408}.media-result:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#3458e8}.media-result-partial:before{background:#d59b37}.media-result-failed:before{background:#c85c67}.media-result-unknown:before{background:#8793a6}.media-result-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px}.media-folder-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#edf2ff,#dce6ff);color:#3458e8;font-size:1.05rem}.media-result-head .eyebrow{display:block;color:#7b889c;font-size:.57rem}.media-result h3{font-size:1rem;line-height:1.35;margin:4px 0 0;overflow-wrap:anywhere}.media-result-status{align-self:start;border-radius:999px;background:#e9f6ee;color:#397259;padding:6px 9px;font-size:.62rem;font-weight:700}.media-result-partial .media-result-status{background:#fff3dc;color:#8b641f}.media-result-failed .media-result-status{background:#fdebed;color:#98454f}.media-result-unknown .media-result-status{background:#eef1f5;color:#647187}.media-result-meta{margin:14px 0 0;color:#68778e;font-size:.7rem;line-height:1.6}.media-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:15px 0}.media-stages span{display:flex;align-items:center;gap:7px;min-width:0;font-size:.67rem;background:#eef1f6;color:#637188;border-radius:8px;padding:7px 9px}.media-stages i{width:16px;height:16px;display:grid;place-items:center;flex:0 0 16px;border-radius:50%;background:#d8dee8;font-style:normal;font-size:.58rem;font-weight:800}.media-stages .ok{background:#eaf5ef;color:#397259}.media-stages .ok i{background:#5a9b78;color:#fff}.media-stages .missing{background:#fff1e9;color:#945f40}.media-stages .missing i{background:#c77b4d;color:#fff}.media-file-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.media-file-links .primary,.media-file-links .secondary{padding:8px 10px;font-size:.68rem;min-height:34px}.media-file-links .text-link{color:#536b9d;font-size:.68rem;font-weight:600;margin-left:auto}.media-history-empty{display:flex;flex-direction:column;gap:5px;padding:25px;border:1px dashed #ccd6e7;border-radius:15px;background:#fafbfe;color:#6f7d91}.media-history-empty strong{color:#27344a;font-size:.85rem}.media-history-empty span{font-size:.74rem;line-height:1.55}.file-library-summary{align-items:center;padding:24px;border:1px solid #dce4f0;border-radius:17px;background:linear-gradient(135deg,#f0f4ff,#fff)}.file-library-counts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.file-library-counts span{min-width:120px;padding:12px 14px;border-radius:11px;background:#fff;border:1px solid #e0e6f0;color:#718097;font-size:.66rem}.file-library-counts b{display:block;color:#233149;font-size:1.15rem;margin-bottom:3px}.file-record-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.file-record-list .compact-row{margin:0;border:1px solid #e0e6ef;border-radius:12px;background:#fff}
@media(max-width:760px){.media-history-grid,.file-record-list{grid-template-columns:1fr}.media-history-head,.file-library-summary{align-items:stretch;flex-direction:column}.media-history-count{align-self:flex-start}.file-library-counts{justify-content:flex-start}.file-library-counts span{flex:1}.media-result-head{grid-template-columns:38px minmax(0,1fr)}.media-result-status{grid-column:2;justify-self:start}.media-file-links{align-items:stretch;flex-direction:column}.media-file-links .text-link{margin:4px 0 0}}

.feature-form button:disabled{opacity:.65;cursor:progress}.feature-form input[readonly]{background:#f3f5f9;color:#69768c}.media-stages .partial{background:#fff3dd;color:#805b22}.media-stages .skipped{background:#eff1f5;color:#6c7789}.multiroute-form{grid-template-columns:1fr;gap:12px}.route-stops{display:grid;gap:10px}.route-optimize{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--muted);font-weight:500}.route-optimize input{width:auto;min-height:0}
.tool-frame-wrap{border:1px solid #dbe4ec;border-radius:14px;overflow:hidden;background:#fff}.tool-frame{display:block;width:100%;height:82vh;min-height:640px;border:0;background:#f4f5f1}@media(max-width:760px){.tool-frame{height:70vh;min-height:480px}}
