/* Concept Creator — styl z vis-sol.pl/kreator.php, zawężony do .kreator-port i przepięty na tokeny */
.kreator-port{
        --bg: #05080d;
        --text:       #f1f7fb;
        --accent:     #61e6d7;
        --accent-dark:#3ecbff;
        --glass:      rgba(9,14,22, 0.85);
        --border:     rgba(97,230,215, 0.25);
        --glow:       0 0 15px rgba(97,230,215, 0.7);
        --success:    #65e6a6;
        --warning:    #ffc569;
        --error:      #ff7474;
        --gradient:   linear-gradient(135deg, #61e6d7 0%, #7aa7ff 50%, #7aa7ff 100%);
        --panel-bg:   rgba(9,14,22, 0.95);
    }
.kreator-port *,.kreator-port *::before,.kreator-port *::after{ margin:0; padding:0; box-sizing:border-box; }
.kreator-port{ font-size:100%; scroll-behavior:smooth; }
.kreator-port{
        background: var(--bg); color: var(--text);
        font-family: 'Inter', system-ui, sans-serif;
        line-height: 1.6; min-height: 100vh; overflow-x: hidden;
    }
.kreator-port h1,.kreator-port h2,.kreator-port h3{ font-family:'Space Grotesk', system-ui, sans-serif; font-weight:700; }
@keyframes neuronFloat{
        0%{opacity:0;transform:translateY(100vh) translateX(0);}
        10%{opacity:.7;} 90%{opacity:.7;}
        100%{opacity:0;transform:translateY(-5vh) translateX(30px);}
    }
.kreator-port .branding-text{
        font-size:.85rem; color:rgba(241,247,251,.6);
        font-weight:500; letter-spacing:.05em; text-transform:uppercase; display:none;
    }
@media(min-width:600px){.kreator-port .branding-text{display:inline;}}
@media(min-width:1320px){}
@media(min-width:1320px){}
.kreator-port .creator-menu-language{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:.75rem 1rem;border:1px solid rgba(97,230,215,.12);border-radius:12px;background:rgba(97,230,215,.025);color:rgba(241,247,251,.58);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.kreator-port .creator-language-pills{display:inline-flex;gap:2px;padding:3px;border:1px solid rgba(165,182,194,.24);border-radius:999px;background:rgba(9,14,22,.72)}
.kreator-port .creator-language-pills b,.kreator-port .creator-language-pills em{display:grid;place-items:center;min-width:32px;height:28px;padding:0 7px;border-radius:999px;font-style:normal;font-size:.68rem}
.kreator-port .creator-language-pills b{color:#090e16;background:var(--accent)}
.kreator-port .creator-language-pills em{opacity:.38}
@media(max-width:720px){}
.kreator-port .kreator-layout{
        display:grid;
        grid-template-columns: 480px 1fr;
        grid-template-rows: auto 1fr;
        min-height: calc(100vh - 70px);
        margin-top: 70px;
    }
@media(max-width:1024px){.kreator-port .kreator-layout{ grid-template-columns:1fr; }}
.kreator-port .form-panel{
        background:var(--panel-bg);
        border-right:1px solid var(--border);
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 70px);
    }
.kreator-port .panel-header{
        padding:1rem 1.5rem 0.8rem;
        border-bottom:1px solid rgba(97,230,215,.12);
        background:rgba(97,230,215,.03);
        position:sticky; top:0; z-index:10;
    }
.kreator-port .panel-eyebrow{
        font-family:'Space Grotesk'; font-size:.6rem; letter-spacing:.25em;
        text-transform:uppercase; color:var(--accent); opacity:.7; margin-bottom:.2rem;
    }
.kreator-port .panel-title{
        font-family:'Space Grotesk'; font-size:1.1rem; color:var(--accent);
        text-shadow:var(--glow); margin-bottom:.1rem;
    }
.kreator-port .panel-sub{ font-size:.75rem; opacity:.5; }
.kreator-port .form-body{
        padding:0.8rem 1.5rem 1.5rem;
        flex:1;
        overflow-y:auto;
    }
.kreator-port .fs-group{
        margin-bottom:0.8rem;
        border:1px solid rgba(97,230,215,.08);
        border-radius:10px;
        overflow:hidden;
        background:rgba(97,230,215,.02);
    }
.kreator-port .fs-header{
        display:flex; justify-content:space-between; align-items:center;
        padding:.5rem .8rem; cursor:pointer;
        font-weight:600; font-size:.8rem; color:rgba(241,247,251,.7);
        transition:.2s;
        user-select:none;
        border-bottom:1px solid transparent;
    }
.kreator-port .fs-header:hover{ background:rgba(97,230,215,.05); color:var(--accent); }
.kreator-port .fs-header i{ transition:.3s; }
.kreator-port .fs-header.open i{ transform:rotate(180deg); }
.kreator-port .fs-header .badge{
        font-size:.6rem; background:rgba(97,230,215,.12);
        padding:.1rem .5rem; border-radius:20px; color:var(--accent);
        font-weight:400;
    }
.kreator-port .fs-body{
        padding:0 0.8rem 0.8rem;
        display:none;
    }
.kreator-port .fs-body.open{ display:block; }
.kreator-port .fs-body .field-group:last-child{ margin-bottom:0; }
.kreator-port .field-group{
        margin-bottom:0.7rem;
    }
.kreator-port .field-label{
        display:flex; align-items:center; gap:.4rem;
        font-size:.72rem; font-weight:600; opacity:.7;
        letter-spacing:.06em; text-transform:uppercase;
        margin-bottom:.3rem;
    }
.kreator-port .field-label i{ color:var(--accent); width:14px; }
.kreator-port .field-required{ color:var(--error); margin-left:.1rem; font-size:.9rem; }
.kreator-port .form-input,.kreator-port .form-textarea,.kreator-port .form-select{
        width:100%; padding:.6rem .8rem;
        background:rgba(97,230,215,.04);
        border:1.5px solid rgba(97,230,215,.18);
        border-radius:8px; color:var(--text);
        font-family:'Inter',sans-serif; font-size:.85rem;
        outline:none; transition:.3s;
    }
.kreator-port .form-input:focus,.kreator-port .form-textarea:focus,.kreator-port .form-select:focus{
        border-color:var(--accent); box-shadow:0 0 0 3px rgba(97,230,215,.12);
        background:rgba(97,230,215,.08);
    }
.kreator-port .form-input::placeholder,.kreator-port .form-textarea::placeholder{ color:rgba(241,247,251,.25); }
.kreator-port .form-textarea{ height:70px; resize:vertical; }
.kreator-port .form-select{ cursor:pointer; appearance:none;
        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2300f0ff' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
        background-repeat:no-repeat; background-position:calc(100% - 0.8rem) 50%;
        padding-right:2.2rem;
    }
.kreator-port .form-select option{ background:#101a28; }
.kreator-port .pill-grid{ display:flex; flex-wrap:wrap; gap:.3rem; }
.kreator-port .pill{
        padding:.3rem .7rem; border-radius:50px; font-size:.7rem; font-weight:600;
        border:1.5px solid rgba(97,230,215,.2); color:rgba(241,247,251,.5);
        cursor:pointer; transition:.25s; user-select:none; background:none;
    }
.kreator-port .pill:hover{ border-color:var(--accent); color:var(--accent); }
.kreator-port .pill.selected{
        background:rgba(97,230,215,.15); border-color:var(--accent);
        color:var(--accent); box-shadow:0 0 12px rgba(97,230,215,.2);
    }
.kreator-port .template-grid{
        display:grid; grid-template-columns:repeat(3,1fr); gap:.4rem;
        margin-top:.2rem;
    }
.kreator-port .template-card{
        background:rgba(97,230,215,.03); border:2px solid rgba(97,230,215,.12);
        border-radius:8px; padding:.4rem .2rem; text-align:center;
        cursor:pointer; transition:.3s; position:relative;
        font-size:.65rem; font-weight:600; color:rgba(241,247,251,.5);
    }
.kreator-port .template-card:hover{ border-color:rgba(97,230,215,.4); }
.kreator-port .template-card.selected{ border-color:var(--accent); background:rgba(97,230,215,.08); color:var(--accent); }
.kreator-port .template-card .preview-icon{ font-size:1.4rem; display:block; margin-bottom:.1rem; }
.kreator-port .template-card .check{ position:absolute; top:-5px; right:-5px; background:var(--accent); color:#000; border-radius:50%; width:16px; height:16px; font-size:9px; display:none; align-items:center; justify-content:center; }
.kreator-port .template-card.selected .check{ display:flex; }
.kreator-port .section-toggles{
        display:grid; grid-template-columns:1fr 1fr; gap:.3rem .6rem;
    }
.kreator-port .section-toggle{
        display:flex; align-items:center; gap:.4rem;
        font-size:.75rem; color:rgba(241,247,251,.6);
        cursor:pointer;
    }
.kreator-port .section-toggle input[type="checkbox"]{
        width:14px; height:14px; accent-color:var(--accent);
        cursor:pointer;
    }
.kreator-port .section-toggle input:checked + span{ color:var(--accent); font-weight:600; }
.kreator-port .product-list{
        display:flex; flex-direction:column; gap:.4rem;
        max-height:200px; overflow-y:auto; padding-right:.2rem;
    }
.kreator-port .product-item{
        background:rgba(97,230,215,.03); border:1px solid rgba(97,230,215,.08);
        border-radius:6px; padding:.4rem .6rem;
        display:grid; grid-template-columns:1fr 1fr auto;
        gap:.3rem; align-items:center;
        font-size:.75rem;
    }
.kreator-port .product-item .p-name{ font-weight:600; color:var(--accent); grid-column:1; }
.kreator-port .product-item .p-price{ color:var(--success); grid-column:2; }
.kreator-port .product-item .p-del{ grid-column:3; color:var(--error); cursor:pointer; opacity:.5; transition:.2s; }
.kreator-port .product-item .p-del:hover{ opacity:1; }
.kreator-port .product-item .p-desc{ grid-column:1/-1; opacity:.5; font-size:.7rem; }
.kreator-port .product-item .p-cat{ grid-column:1; opacity:.4; font-size:.65rem; }
.kreator-port .product-item .p-stock{ grid-column:2; opacity:.4; font-size:.65rem; text-align:right; }
.kreator-port .product-add-form{
        display:grid; grid-template-columns:1fr 1fr 1fr auto;
        gap:.3rem; margin-top:.3rem;
    }
.kreator-port .product-add-form .form-input{ padding:.4rem .6rem; font-size:.75rem; }
.kreator-port .btn-sm{
        padding:.4rem .7rem; border-radius:6px; font-size:.7rem; font-weight:600;
        border:none; cursor:pointer; transition:.2s;
        background:var(--gradient); color:#000;
    }
.kreator-port .btn-sm:hover{ transform:translateY(-1px); box-shadow:0 0 20px rgba(97,230,215,.3); }
.kreator-port .btn-sm-outline{
        background:none; border:1.5px solid var(--border); color:var(--text);
        padding:.4rem .7rem; border-radius:6px; font-size:.7rem; font-weight:600;
        cursor:pointer; transition:.2s;
    }
.kreator-port .btn-sm-outline:hover{ border-color:var(--accent); color:var(--accent); }
.kreator-port .product-counter{
        font-size:.65rem; opacity:.4; text-align:right; margin-top:.2rem;
    }
.kreator-port .product-counter strong{ color:var(--accent); opacity:1; }
.kreator-port .btn-generate{
        width:100%; padding:.9rem; font-size:.9rem; font-weight:700;
        border-radius:12px; cursor:pointer; border:none;
        background:var(--gradient); color:#000;
        box-shadow:0 0 30px rgba(97,230,215,.4);
        display:flex; align-items:center; justify-content:center; gap:.6rem;
        transition:.3s; font-family:'Space Grotesk'; letter-spacing:.05em;
        margin-top:.4rem;
    }
.kreator-port .btn-generate:hover:not(:disabled){
        transform:translateY(-2px); box-shadow:0 0 50px rgba(97,230,215,.7);
    }
.kreator-port .btn-generate:disabled{ opacity:.55; cursor:not-allowed; transform:none; }
.kreator-port .btn-secondary-sm{
        display:inline-flex; align-items:center; gap:.4rem;
        padding:.4rem 1rem; border-radius:8px; font-size:.75rem; font-weight:600;
        border:1.5px solid var(--border); color:var(--text); background:none;
        cursor:pointer; transition:.25s;
    }
.kreator-port .btn-secondary-sm:hover{ border-color:var(--accent); color:var(--accent); }
.kreator-port .action-row{ display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.8rem; }
.kreator-port .concept-build-mode{margin:.1rem 0 .8rem;padding:.75rem;border:1px solid rgba(97,230,215,.18);border-radius:14px;background:rgba(97,230,215,.025)}
.kreator-port .concept-build-mode h3{font-family:'Space Grotesk';font-size:.76rem;color:var(--accent);margin:0 0 .18rem}
.kreator-port .concept-build-mode>p{font-size:.64rem;opacity:.52;margin:0 0 .55rem;line-height:1.45}
.kreator-port .concept-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}
.kreator-port .concept-mode-card{position:relative;text-align:left;padding:.7rem;border:1px solid rgba(97,230,215,.15);border-radius:10px;background:rgba(9,14,22,.48);color:var(--text);cursor:pointer;transition:.22s}
.kreator-port .concept-mode-card:hover,.kreator-port .concept-mode-card.active{border-color:var(--accent);background:rgba(97,230,215,.085);box-shadow:0 0 24px rgba(97,230,215,.08)}
.kreator-port .concept-mode-card i{font-size:1rem;color:var(--accent);margin-bottom:.35rem}
.kreator-port .concept-mode-card strong{display:block;font-size:.72rem}
.kreator-port .concept-mode-card span{display:block;font-size:.61rem;opacity:.52;line-height:1.4;margin-top:.15rem}
.kreator-port .concept-mode-card.active::after{content:'✓';position:absolute;right:.55rem;top:.45rem;color:var(--success);font-weight:900}
.kreator-port .concept-tile-builder{display:none;margin:.15rem 0 .85rem;padding:.75rem;border:1px solid rgba(97,230,215,.15);border-radius:12px;background:linear-gradient(180deg,rgba(97,230,215,.035),rgba(0,0,0,.12))}
.kreator-port .concept-tile-builder.visible{display:block}
.kreator-port .concept-tile-head{display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start;margin-bottom:.55rem}
.kreator-port .concept-tile-head strong{font-family:'Space Grotesk';font-size:.72rem;color:var(--accent)}
.kreator-port .concept-tile-head small{display:block;font-size:.61rem;opacity:.5;line-height:1.4;margin-top:.12rem}
.kreator-port .concept-tile-count{font-size:.62rem;color:var(--success);white-space:nowrap}
.kreator-port .concept-tile-section{margin-top:.7rem}
.kreator-port .concept-tile-section>span{display:block;font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;opacity:.48;margin-bottom:.35rem}
.kreator-port .concept-tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}
.kreator-port .concept-build-tile{min-height:66px;padding:.45rem;border:1px solid rgba(97,230,215,.12);border-radius:9px;background:rgba(9,14,22,.55);color:var(--text);cursor:pointer;text-align:left;transition:.2s}
.kreator-port .concept-build-tile:hover,.kreator-port .concept-build-tile.selected{border-color:var(--accent);background:rgba(97,230,215,.08)}
.kreator-port .concept-build-tile.core{cursor:default;border-color:rgba(101,230,166,.22);background:rgba(101,230,166,.035)}
.kreator-port .concept-build-tile i{display:block;color:var(--accent);font-size:.9rem;margin-bottom:.22rem}
.kreator-port .concept-build-tile.core i{color:var(--success)}
.kreator-port .concept-build-tile b{display:block;font-size:.64rem}
.kreator-port .concept-build-tile small{display:block;font-size:.55rem;opacity:.45;line-height:1.3;margin-top:.1rem}
.kreator-port .concept-plan-strip{margin-top:.7rem;padding:.55rem;border:1px solid rgba(97,230,215,.12);border-radius:9px;background:rgba(0,0,0,.18)}
.kreator-port .concept-plan-strip>strong{display:block;font-size:.61rem;color:var(--accent);margin-bottom:.2rem}
.kreator-port .concept-plan-help{display:block;font-size:.55rem;opacity:.45;line-height:1.35;margin-bottom:.42rem}
.kreator-port .concept-plan-list{display:flex;gap:.3rem;flex-wrap:wrap}
.kreator-port .concept-plan-chip{display:inline-flex;align-items:center;gap:.22rem;font-size:.56rem;padding:.24rem .28rem .24rem .42rem;border:1px solid rgba(97,230,215,.18);border-radius:999px;color:rgba(241,247,251,.72);background:rgba(97,230,215,.025);cursor:grab;user-select:none}
.kreator-port .concept-plan-chip:active{cursor:grabbing}
.kreator-port .concept-plan-chip.dragging{opacity:.35;border-style:dashed}
.kreator-port .concept-plan-chip.drag-over{border-color:var(--accent);box-shadow:0 0 0 2px rgba(97,230,215,.1)}
.kreator-port .concept-plan-chip.core{border-color:rgba(101,230,166,.22);color:var(--success)}
.kreator-port .concept-plan-chip b{font-weight:700;pointer-events:none}
.kreator-port .concept-plan-chip .plan-move{width:20px;height:20px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.055);color:inherit;cursor:pointer;font-size:.5rem}
.kreator-port .concept-plan-chip .plan-move:hover{background:rgba(97,230,215,.12);color:var(--accent)}
.kreator-port .concept-describe-mode.hidden-by-mode{display:none}
@media(max-width:520px){.kreator-port .concept-mode-grid{grid-template-columns:1fr}
.kreator-port .concept-tile-grid{grid-template-columns:repeat(2,1fr)}}
.kreator-port .concept-smart-start{margin:.15rem 0 .8rem;padding:.75rem;border:1px solid rgba(97,230,215,.16);border-radius:12px;background:linear-gradient(135deg,rgba(97,230,215,.055),rgba(122,167,255,.025))}
.kreator-port .concept-smart-head{display:flex;justify-content:space-between;gap:.7rem;align-items:flex-start;margin-bottom:.55rem}
.kreator-port .concept-smart-head strong{font-family:'Space Grotesk';font-size:.72rem;color:var(--accent)}
.kreator-port .concept-smart-head small{display:block;font-size:.63rem;opacity:.5;margin-top:.1rem;line-height:1.4}
.kreator-port .concept-preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}
.kreator-port .concept-preset{padding:.5rem .55rem;text-align:left;border:1px solid rgba(97,230,215,.15);border-radius:8px;background:rgba(9,14,22,.45);color:var(--text);cursor:pointer;transition:.2s}
.kreator-port .concept-preset:hover,.kreator-port .concept-preset.active{border-color:var(--accent);background:rgba(97,230,215,.09)}
.kreator-port .concept-preset strong{display:block;font-size:.69rem;color:var(--accent)}
.kreator-port .concept-preset span{display:block;font-size:.6rem;opacity:.5;margin-top:.08rem;line-height:1.35}
.kreator-port .concept-health{margin:.7rem 0 .4rem;padding:.65rem .75rem;border:1px solid rgba(97,230,215,.14);border-radius:10px;background:rgba(0,0,0,.18)}
.kreator-port .concept-health-top{display:flex;align-items:center;justify-content:space-between;gap:.7rem;font-size:.67rem}
.kreator-port .concept-health-top strong{color:var(--accent)}
.kreator-port .concept-health-bar{height:6px;margin:.45rem 0;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.kreator-port .concept-health-bar i{display:block;height:100%;width:0;background:var(--gradient);border-radius:inherit;transition:width .25s}
.kreator-port .concept-health-meta{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;font-size:.61rem;opacity:.55}
.kreator-port .concept-health-hint{margin-top:.35rem;font-size:.63rem;line-height:1.4;color:rgba(241,247,251,.7)}
@media(max-width:520px){.kreator-port .concept-preset-grid{grid-template-columns:1fr}}
.kreator-port .form-help{font-size:.7rem;opacity:.5;line-height:1.5;margin:.2rem 0 .6rem}
.kreator-port .media-source-tabs{display:flex;gap:.35rem;margin:.35rem 0 .6rem}
.kreator-port .media-source-tab{flex:1;padding:.45rem .55rem;border:1px solid rgba(97,230,215,.14);border-radius:8px;background:rgba(97,230,215,.025);color:rgba(241,247,251,.65);font-size:.65rem;font-weight:700;cursor:pointer}
.kreator-port .media-source-tab.active{border-color:var(--accent);color:var(--accent);background:rgba(97,230,215,.08)}
.kreator-port .media-source-panel{display:none}
.kreator-port .media-source-panel.active{display:block}
.kreator-port .media-search-row{display:grid;grid-template-columns:1fr auto;gap:.4rem}
.kreator-port .media-ai-grid{display:grid;grid-template-columns:1fr 120px 120px auto;gap:.4rem;align-items:end}
.kreator-port .media-ai-grid .form-textarea{height:62px;grid-column:1/-1}
.kreator-port .media-ai-note{font-size:.62rem;line-height:1.45;color:rgba(241,247,251,.55);padding:.45rem .55rem;border:1px solid rgba(97,230,215,.12);border-radius:8px;background:rgba(97,230,215,.025);margin-bottom:.5rem}
.kreator-port .media-ai-note strong{color:var(--accent)}
.kreator-port .media-ai-preview{display:none;margin-top:.55rem;border:1px solid rgba(97,230,215,.16);border-radius:10px;overflow:hidden;background:rgba(0,0,0,.22)}
.kreator-port .media-ai-preview.visible{display:grid;grid-template-columns:120px 1fr}
.kreator-port .media-ai-preview img{width:120px;height:90px;object-fit:cover}
.kreator-port .media-ai-preview div{padding:.55rem;font-size:.63rem;line-height:1.45}
.kreator-port .media-ai-preview strong{display:block;color:var(--success);margin-bottom:.1rem}
@media(max-width:700px){.kreator-port .media-ai-grid{grid-template-columns:1fr 1fr}
.kreator-port .media-ai-grid .form-textarea{grid-column:1/-1}
.kreator-port .media-ai-grid .btn-sm{grid-column:1/-1}
.kreator-port .media-ai-preview.visible{grid-template-columns:90px 1fr}
.kreator-port .media-ai-preview img{width:90px;height:90px}}
.kreator-port .media-status{font-size:.72rem;min-height:1.2rem;margin:.4rem 0;color:var(--accent)}
.kreator-port .media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;max-height:330px;overflow:auto}
.kreator-port .media-card{border:1px solid rgba(97,230,215,.14);border-radius:8px;overflow:hidden;background:rgba(0,0,0,.25)}
.kreator-port .media-card img{width:100%;height:92px;object-fit:cover;display:block}
.kreator-port .media-card-body{padding:.35rem;font-size:.62rem}
.kreator-port .media-card-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kreator-port .media-card-meta{opacity:.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.15rem 0}
.kreator-port .media-card-actions{display:flex;gap:.25rem}
.kreator-port .media-card select{min-width:0;width:100%;font-size:.62rem;background:#101a28;color:var(--text);border:1px solid var(--border);border-radius:5px}
.kreator-port .media-card button{font-size:.62rem;padding:.25rem .4rem}
.kreator-port .selected-media{margin-top:.45rem;display:flex;flex-wrap:wrap;gap:.3rem}
.kreator-port .selected-media-chip{display:flex;align-items:center;gap:.35rem;padding:.25rem .45rem;border:1px solid var(--accent);border-radius:999px;font-size:.62rem;color:var(--accent)}
.kreator-port .selected-media-chip button{border:0;background:none;color:var(--error);cursor:pointer}
@media(max-width:700px){.kreator-port .media-grid{grid-template-columns:repeat(2,1fr)}}
.kreator-port .preview-panel{
        display:flex; flex-direction:column;
        background:#090e16;
        position:relative;
        min-height:calc(100vh - 70px);
    }
.kreator-port .preview-toolbar{
        display:flex; align-items:center; justify-content:space-between;
        padding:.5rem 1rem; background:rgba(9,14,22,.98);
        border-bottom:1px solid rgba(97,230,215,.12); flex-wrap:wrap; gap:.3rem;
        position:sticky; top:0; z-index:10;
    }
.kreator-port .preview-url{
        font-family:'Courier New', monospace; font-size:.7rem;
        padding:.2rem .6rem; background:rgba(0,0,0,.4);
        border:1px solid rgba(255,255,255,.08); border-radius:6px;
        color:rgba(241,247,251,.4); flex:1; max-width:240px;
        white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
    }
.kreator-port .device-btns{ display:flex; gap:.2rem; }
.kreator-port .device-btn{
        padding:.2rem .6rem; border-radius:5px; font-size:.7rem;
        border:1px solid rgba(255,255,255,.08); color:rgba(241,247,251,.4);
        cursor:pointer; background:none; transition:.2s;
    }
.kreator-port .device-btn.active,.kreator-port .device-btn:hover{
        border-color:var(--accent); color:var(--accent);
        background:rgba(97,230,215,.08);
    }
.kreator-port .toolbar-actions{ display:flex; gap:.3rem; }
.kreator-port .btn-toolbar{
        display:inline-flex; align-items:center; gap:.2rem;
        padding:.3rem .7rem; border-radius:6px; font-size:.7rem; font-weight:600;
        cursor:pointer; transition:.2s; border:none;
    }
.kreator-port .btn-download{ background:var(--gradient); color:#000; box-shadow:0 0 15px rgba(97,230,215,.3); }
.kreator-port .btn-download:hover{ box-shadow:0 0 30px rgba(97,230,215,.6); transform:translateY(-1px); }
.kreator-port .btn-newwin{ background:rgba(97,230,215,.08); border:1px solid var(--border); color:var(--accent); }
.kreator-port .btn-newwin:hover{ background:rgba(97,230,215,.18); }
.kreator-port .btn-newwin:disabled,.kreator-port .btn-download:disabled{ opacity:.4; cursor:not-allowed; transform:none; }
.kreator-port .project-status-panel{
        display:none;
        margin:.75rem 1rem 0;
        padding:1rem;
        border:1px solid rgba(97,230,215,.2);
        border-radius:14px;
        background:linear-gradient(135deg,rgba(97,230,215,.055),rgba(122,167,255,.025));
    }
.kreator-port .project-status-panel.visible{ display:block; }
.kreator-port .project-status-head{ display:flex; justify-content:space-between; align-items:flex-start; gap:1rem; }
.kreator-port .project-status-head span{ display:block; font-size:.62rem; letter-spacing:.12em; color:var(--accent); text-transform:uppercase; margin-bottom:.25rem; }
.kreator-port .project-status-head h3{ margin:0; font-size:.88rem; line-height:1.35; }
.kreator-port .project-status-badge{ flex:0 0 auto; padding:.34rem .55rem; border:1px solid rgba(101,230,166,.28); border-radius:999px; color:var(--success); font-size:.62rem; font-weight:800; }
.kreator-port .project-status-copy{ margin:.7rem 0 .85rem; font-size:.72rem; line-height:1.55; color:rgba(241,247,251,.72); }
.kreator-port .project-status-grid{ display:grid; grid-template-columns:1fr 1fr; gap:.6rem; }
.kreator-port .project-status-card{ padding:.7rem; border:1px solid rgba(165,182,194,.13); border-radius:10px; background:rgba(0,0,0,.16); }
.kreator-port .project-status-card strong{ display:block; margin-bottom:.3rem; font-size:.67rem; color:var(--accent); }
.kreator-port .project-status-card ul{ margin:0; padding-left:1rem; font-size:.66rem; line-height:1.55; color:rgba(241,247,251,.68); }
.kreator-port .project-status-backend{ margin:.7rem 0 0; padding:.65rem .7rem; border-left:3px solid var(--warning); background:rgba(255,197,105,.045); font-size:.67rem; line-height:1.5; }
.kreator-port .project-status-backend strong{ color:var(--warning); }
.kreator-port .project-status-actions{ display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.85rem; }
.kreator-port .project-status-actions button{ padding:.58rem .8rem; border-radius:8px; border:1px solid var(--border); cursor:pointer; font-size:.68rem; font-weight:800; }
.kreator-port .project-status-actions .primary{ border:none; background:var(--gradient); color:#000; }
.kreator-port .project-status-actions .secondary{ background:rgba(97,230,215,.07); color:var(--accent); }
@media(max-width:700px){.kreator-port .project-status-panel{ margin:.6rem .65rem 0; }
.kreator-port .project-status-head{ display:block; }
.kreator-port .project-status-badge{ display:inline-block; margin-top:.5rem; }
.kreator-port .project-status-grid{ grid-template-columns:1fr; }
.kreator-port .project-status-actions{ flex-direction:column; }
.kreator-port .project-status-actions button{ width:100%; }}
.kreator-port .iframe-wrapper{
        flex:1; display:flex; align-items:flex-start; justify-content:center;
        padding:1rem; overflow:auto; background:#05080d;
        min-width:0;
        transition:padding .3s;
    }
.kreator-port .iframe-wrapper.desktop{ padding:1rem; }
.kreator-port .iframe-wrapper.tablet,.kreator-port .iframe-wrapper.mobile{ padding:1rem; }
.kreator-port .iframe-wrapper.desktop #previewFrame{ max-width:none; }
.kreator-port .iframe-wrapper.tablet #previewFrame{ max-width:768px; }
.kreator-port .iframe-wrapper.mobile #previewFrame{ max-width:390px; }
@media(max-width:768px){.kreator-port .iframe-wrapper.tablet,.kreator-port .iframe-wrapper.mobile{ padding:0.8rem 4%; }}
.kreator-port #previewFrame{
        width:100%; border:none;
        flex:0 0 auto;
        border-radius:10px;
        background:#fff;
        transition:max-width .35s ease, height .35s ease;
        box-shadow:0 0 60px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.06);
        min-height:calc(100vh - 130px);
    }
.kreator-port .preview-empty{
        flex:1; display:flex; flex-direction:column;
        align-items:center; justify-content:center;
        text-align:center; padding:2rem;
        pointer-events:none;
    }
.kreator-port .preview-empty .big-icon{
        font-size:3.5rem; margin-bottom:1.2rem; opacity:.12;
        animation:pulse 3s ease-in-out infinite;
    }
@keyframes pulse{ 0%,100%{transform:scale(1);} 50%{transform:scale(1.06);} }
.kreator-port .preview-empty h3{ font-family:'Space Grotesk'; font-size:1rem; opacity:.4; margin-bottom:.4rem; }
.kreator-port .preview-empty p{ opacity:.25; font-size:.8rem; max-width:280px; }
.kreator-port .preview-loading{
        display:none; position:absolute; inset:0; z-index:20;
        background:rgba(9,14,22,.92); backdrop-filter:blur(8px);
        flex-direction:column; align-items:center; justify-content:center;
    }
.kreator-port .preview-loading.visible{ display:flex; }
.kreator-port .spin-ring{
        width:60px; height:60px; border-radius:50%;
        border:3px solid rgba(97,230,215,.12);
        border-top-color:var(--accent);
        animation:spin 1s linear infinite; margin-bottom:1.2rem; position:relative;
    }
.kreator-port .spin-ring::after{
        content:''; position:absolute; inset:6px; border-radius:50%;
        border:2px solid rgba(101,230,166,.1);
        border-bottom-color:var(--success);
        animation:spin .7s linear infinite reverse;
    }
@keyframes spin{ to{transform:rotate(360deg);} }
.kreator-port .loading-steps{ list-style:none; text-align:left; }
.kreator-port .loading-step{
        display:flex; align-items:center; gap:.6rem;
        padding:.3rem 0; font-size:.8rem; opacity:.4; transition:.4s;
    }
.kreator-port .loading-step.active{ opacity:1; color:var(--accent); }
.kreator-port .loading-step.done{ opacity:1; color:var(--success); }
.kreator-port .loading-step i{ width:16px; text-align:center; }
.kreator-port .ai-thinking{
        font-family:'Space Grotesk'; font-size:.65rem; letter-spacing:.15em;
        color:var(--accent); margin-bottom:1rem; opacity:.8;
        animation:blink 1.4s ease-in-out infinite;
    }
@keyframes blink{ 0%,100%{opacity:.8;} 50%{opacity:.3;} }
.kreator-port .toast{
        position:fixed; bottom:1.5rem; right:1.5rem;
        background:var(--glass); border:1px solid var(--border);
        border-radius:10px; padding:.8rem 1.2rem; max-width:300px;
        z-index:9999; box-shadow:0 10px 40px rgba(0,0,0,.5);
        transform:translateX(400px); opacity:0; transition:.4s;
        backdrop-filter:blur(10px);
    }
.kreator-port .toast.show{ transform:translateX(0); opacity:1; }
.kreator-port .toast.success{ border-color:var(--success); }
.kreator-port .toast.warning{ border-color:var(--warning); }
.kreator-port .toast.error{ border-color:var(--error); }
.kreator-port .toast-header{ font-weight:700; margin-bottom:.1rem; font-family:'Space Grotesk'; font-size:.7rem; letter-spacing:.05em; }
.kreator-port .toast.success .toast-header{ color:var(--success); }
.kreator-port .toast.warning .toast-header{ color:var(--warning); }
.kreator-port .toast.error   .toast-header{ color:var(--error); }
.kreator-port .toast-body{ font-size:.8rem; opacity:.8; }
.kreator-port .gen-stats{
        display:none; align-items:center; gap:1rem;
        padding:.4rem 1rem; background:rgba(101,230,166,.04);
        border-top:1px solid rgba(101,230,166,.12); font-size:.7rem; flex-wrap:wrap;
    }
.kreator-port .gen-stats.visible{ display:flex; }
.kreator-port .gen-stat{ display:flex; align-items:center; gap:.3rem; opacity:.6; }
.kreator-port .gen-stat strong{ color:var(--success); opacity:1; }
@media(max-width:1024px){.kreator-port .preview-panel{ min-height:400px; }
.kreator-port #previewFrame{ min-height:400px; }
.kreator-port .kreator-layout{ grid-template-rows: auto auto; }
.kreator-port .form-panel{ max-height:60vh; }
.kreator-port .template-grid{ grid-template-columns:repeat(3,1fr); }
.kreator-port .section-toggles{ grid-template-columns:1fr; }
.kreator-port .product-add-form{ grid-template-columns:1fr 1fr; }}
@media(max-width:600px){.kreator-port .form-panel{ max-height:55vh; }
.kreator-port .template-grid{ grid-template-columns:repeat(2,1fr); }
.kreator-port .product-item{ grid-template-columns:1fr auto; }
.kreator-port .product-item .p-name{ grid-column:1; }
.kreator-port .product-item .p-price{ grid-column:2; }
.kreator-port .product-item .p-del{ grid-column:2; }
.kreator-port .product-item .p-desc{ grid-column:1/-1; }
.kreator-port .product-item .p-cat{ grid-column:1; }
.kreator-port .product-item .p-stock{ grid-column:2; }
.kreator-port .product-add-form{ grid-template-columns:1fr; }}
.kreator-port .concept-platform-note{ margin:0 auto 1.4rem; width:min(1400px,94vw); padding:1rem 1.25rem; border:1px solid var(--border); border-radius:16px; background:rgba(9,14,22,.78); text-align:center; }
.kreator-port .concept-platform-note strong,.kreator-port .concept-platform-note a{ color:var(--accent); }
.kreator-port .panel-title{ font-size:clamp(.98rem,2vw,1.18rem); }
@media(prefers-reduced-motion:reduce){.kreator-port *,.kreator-port .spin-ring{ animation:none !important; transition:none !important; }}
/* ===== Uzupełnienie: sekcje, które na vis-sol.pl stylował visual-v5.css/release.css — w tokenach systemu ===== */
.kreator-port { font-family: Inter, system-ui, sans-serif; color: #f1f7fb; }
.kreator-port h2, .kreator-port h3 { font-family: 'Space Grotesk', system-ui, sans-serif; letter-spacing: -0.01em; }
.kreator-port .concept-v5-intro { display: grid; gap: 1.5rem; grid-template-columns: minmax(0, 1fr) auto; align-items: end; padding-top: 2.5rem; padding-bottom: 1.5rem; }
.kreator-port .concept-v5-intro h2 { font-size: clamp(1.5rem, 2.6vw, 2.1rem); line-height: 1.15; margin: .6rem 0 .8rem; }
.kreator-port .concept-v5-intro p { color: #a5b6c2; max-width: 70ch; margin-top: .5rem; }
.kreator-port .concept-v5-intro p strong { color: #f1f7fb; }
.kreator-port .concept-v5-eyebrow, .kreator-port .eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #61e6d7; }
.kreator-port .concept-v5-status { display: flex; flex-wrap: wrap; gap: .5rem; }
.kreator-port .concept-v5-status span { display: inline-flex; align-items: center; gap: .45rem; border: 1px solid rgba(97,230,215,.34); border-radius: 999px; padding: .45rem .85rem; font-size: .8rem; color: #f1f7fb; background: rgba(97,230,215,.05); white-space: nowrap; }
.kreator-port .concept-v5-status i { color: #61e6d7; }
.kreator-port #kreator-main { max-width: 1400px; margin-left: auto; margin-right: auto; }
.kreator-port .concept-v5-browser { width: min(100%, 420px); margin: 0 auto 1.5rem; border: 1px solid rgba(185,220,232,.14); border-radius: 14px; overflow: hidden; background: #0c131e; text-align: left; }
.kreator-port .concept-browser-bar { display: flex; gap: .35rem; padding: .55rem .7rem; border-bottom: 1px solid rgba(185,220,232,.14); }
.kreator-port .concept-browser-bar span { width: .55rem; height: .55rem; border-radius: 50%; background: rgba(185,220,232,.25); }
.kreator-port .concept-browser-nav { display: flex; align-items: center; gap: .8rem; padding: .6rem .9rem; font-size: .7rem; color: #a5b6c2; border-bottom: 1px solid rgba(185,220,232,.08); }
.kreator-port .concept-browser-nav b { color: #61e6d7; margin-right: auto; letter-spacing: .1em; }
.kreator-port .concept-browser-nav em { font-style: normal; color: #05080d; background: #61e6d7; border-radius: 999px; padding: .2rem .55rem; font-weight: 700; }
.kreator-port .concept-browser-hero { padding: 1.2rem .9rem; background: radial-gradient(circle at 80% 20%, rgba(97,230,215,.12), transparent 55%); }
.kreator-port .concept-browser-hero div { display: grid; gap: .45rem; }
.kreator-port .concept-browser-hero small { font-size: .62rem; letter-spacing: .12em; color: #61e6d7; }
.kreator-port .concept-browser-hero strong { font-family: 'Space Grotesk', sans-serif; font-size: 1.05rem; color: #f1f7fb; }
.kreator-port .concept-browser-hero span { font-size: .75rem; color: #a5b6c2; }
.kreator-port .concept-browser-hero button { justify-self: start; margin-top: .3rem; border: 0; border-radius: 999px; background: #61e6d7; color: #05080d; font-weight: 700; font-size: .72rem; padding: .35rem .8rem; }
.kreator-port .concept-browser-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: .5rem; padding: 0 .9rem 1rem; }
.kreator-port .concept-browser-cards span { height: 2.6rem; border-radius: 8px; border: 1px solid rgba(185,220,232,.12); background: rgba(97,230,215,.04); }
.kreator-port .preview-empty h3 { font-size: 1.15rem; margin-bottom: .4rem; }
.kreator-port .section { padding: 4rem 0; border-top: 1px solid rgba(185,220,232,.14); }
.kreator-port .section-tint { background: linear-gradient(180deg, rgba(97,230,215,.03), transparent); }
.kreator-port .container { width: min(100% - 2.5rem, 1200px); margin: 0 auto; }
.kreator-port .section-head { display: grid; gap: 1rem 3rem; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; margin-bottom: 2rem; }
.kreator-port .section-head h2 { font-size: clamp(1.4rem, 2.4vw, 2rem); line-height: 1.15; margin-top: .5rem; }
.kreator-port .section-head p { color: #a5b6c2; }
.kreator-port .grid-4 { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kreator-port .card { background: #0c131e; border: 1px solid rgba(185,220,232,.14); border-radius: 18px; padding: 1.4rem; }
.kreator-port .card h3 { font-size: 1.05rem; margin: .8rem 0 .4rem; }
.kreator-port .card p { color: #a5b6c2; font-size: .92rem; }
.kreator-port .card-icon { width: 2.4rem; height: 2.4rem; display: grid; place-items: center; border-radius: 12px; color: #61e6d7; background: rgba(97,230,215,.08); border: 1px solid rgba(97,230,215,.25); }
.kreator-port .process-table { display: grid; gap: .75rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.kreator-port .process-table > div { display: grid; gap: .35rem; padding: 1.2rem; border-radius: 16px; border: 1px solid rgba(185,220,232,.14); background: #090e16; }
.kreator-port .process-table b { color: #61e6d7; font-family: 'Space Grotesk', sans-serif; font-size: 1.4rem; }
.kreator-port .process-table strong { color: #f1f7fb; }
.kreator-port .process-table span { color: #a5b6c2; font-size: .9rem; }
.kreator-port .concept-platform-note { width: min(100% - 2.5rem, 1200px); margin: 2rem auto 3rem; padding: 1.2rem 1.4rem; border-radius: 16px; border: 1px solid rgba(97,230,215,.34); background: rgba(97,230,215,.05); color: #a5b6c2; }
.kreator-port .concept-platform-note strong { color: #f1f7fb; }
.kreator-port .concept-platform-note a { color: #61e6d7; text-decoration: underline; }
@media (max-width: 900px) {
  .kreator-port .concept-v5-intro, .kreator-port .section-head { grid-template-columns: 1fr; }
  .kreator-port .grid-4, .kreator-port .process-table { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .kreator-port .grid-4, .kreator-port .process-table { grid-template-columns: 1fr; }
}