
.da-tools-main,.da-tool-app-main{background:#060607}.da-tools-hero .da-inner-hero__content,.da-tool-app-hero .da-inner-hero__content{max-width:980px}
.da-tools-privacy-note,.da-tool-app-flags{width:fit-content;max-width:100%;margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#929299;font-family:Consolas,"Courier New",monospace;font-size:.62rem;font-weight:700;letter-spacing:.08em}
.da-tools-privacy-note{padding:10px 13px;background:rgba(0,0,0,.26);border:1px solid rgba(255,255,255,.075);border-radius:7px}.da-tools-privacy-note strong{color:#d9d9db}
.da-tools-privacy-note__lamp,.da-tool-app-flags i{width:7px;height:7px;display:inline-block;border-radius:50%;background:#47b76d;box-shadow:0 0 6px rgba(71,183,109,.78),0 0 14px rgba(71,183,109,.22)}
.da-tool-app-flags span{padding:7px 9px;display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.07);border-radius:5px}
.da-tools-section{padding:clamp(58px,8vw,100px) 0}.da-tools-section--muted{background:rgba(255,255,255,.013);border-top:1px solid rgba(255,255,255,.045)}
.da-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.da-tool-card{min-height:100%;padding:clamp(24px,4vw,34px);position:relative;overflow:hidden;background:radial-gradient(circle at 90% 7%,rgba(207,18,24,.10),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.035),transparent 52%),#0b0b0e;border:1px solid rgba(255,255,255,.08);border-top-color:rgba(255,68,73,.24);border-radius:14px;box-shadow:inset 0 1px rgba(255,255,255,.025),0 20px 42px rgba(0,0,0,.17)}
.da-tool-card::after{content:"";position:absolute;right:-85px;bottom:-85px;width:190px;height:190px;border-radius:50%;border:1px solid rgba(224,32,36,.08);box-shadow:0 0 0 28px rgba(224,32,36,.015),0 0 0 56px rgba(224,32,36,.008);pointer-events:none}.da-tool-card>*{position:relative;z-index:1}
.da-tool-card__status{display:flex;align-items:center;gap:8px;color:#8c8c92;font-family:Consolas,"Courier New",monospace;font-size:.58rem;font-weight:800;letter-spacing:.10em}.da-tool-status-light{width:7px;height:7px;border-radius:50%;background:#47b76d;box-shadow:0 0 6px rgba(71,183,109,.78),0 0 14px rgba(71,183,109,.20)}.da-tool-card__version{margin-left:auto;color:#d34348}
.da-tool-card__icon{width:72px;height:72px;margin-top:27px;display:grid;place-items:center;color:#df454a;background:rgba(216,25,31,.045);border:1px solid rgba(255,76,81,.18);border-radius:13px}.da-tool-card__icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.da-tool-card__type{margin-top:23px;color:#c63035;font-family:Consolas,"Courier New",monospace;font-size:.61rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.da-tool-card h3{margin-top:6px;color:#f0f0f1;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.04;letter-spacing:-.03em}.da-tool-card__summary{max-width:680px;margin-top:13px;color:#93939a;line-height:1.7}
.da-tool-card__chips{margin-top:21px;display:flex;flex-wrap:wrap;gap:7px}.da-tool-card__chips span{padding:6px 8px;color:#8d8d94;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:4px;font-family:Consolas,"Courier New",monospace;font-size:.52rem;font-weight:800;letter-spacing:.08em}
.da-tool-card__actions{margin-top:28px;display:flex;align-items:center;flex-wrap:wrap;gap:16px}.da-tool-changelog{color:#8e8e94}.da-tool-changelog summary{cursor:pointer;color:#b2b2b7;font-size:.78rem;font-weight:750}.da-tool-changelog[open]{width:100%;padding-top:5px}.da-tool-changelog div{margin-top:12px;padding:14px 16px;background:rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.06);border-radius:8px}.da-tool-changelog strong{color:#e0555a;font-family:Consolas,"Courier New",monospace;font-size:.66rem;letter-spacing:.08em}.da-tool-changelog p{margin-top:5px;color:#7f7f86;font-size:.84rem;line-height:1.6}
.da-tools-principles{padding:clamp(26px,5vw,45px);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(26px,6vw,70px);align-items:center;background:linear-gradient(145deg,rgba(255,255,255,.028),transparent),#0a0a0d;border:1px solid rgba(255,255,255,.07);border-radius:13px}.da-tools-principles h2{margin-top:8px;color:#ededee;font-size:clamp(1.65rem,3.5vw,2.7rem);line-height:1.04;letter-spacing:-.035em}.da-tools-principles>p{color:#8d8d94;line-height:1.72}
.da-tool-workbench-section{padding:clamp(55px,8vw,96px) 0 44px}.da-tool-workbench{padding:clamp(24px,4vw,38px);background:radial-gradient(circle at 93% 8%,rgba(205,17,23,.10),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.035),transparent 50%),#0b0b0e;border:1px solid rgba(255,255,255,.08);border-top-color:rgba(255,72,77,.26);border-radius:15px;box-shadow:0 24px 50px rgba(0,0,0,.20)}
.da-tool-workbench__header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:start}.da-tool-workbench__header h2{margin-top:8px;color:#f0f0f1;font-size:clamp(1.75rem,3.6vw,2.9rem);line-height:1.02;letter-spacing:-.035em}.da-tool-workbench__header>div:first-child>p:last-child{max-width:720px;margin-top:11px;color:#8d8d94;line-height:1.65}
.da-tool-version-plate{min-width:112px;padding:12px;display:grid;gap:5px;text-align:right;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.07);border-radius:8px;font-family:Consolas,"Courier New",monospace}.da-tool-version-plate span,.da-tool-version-plate small{color:#6f6f76;font-size:.51rem;font-weight:800;letter-spacing:.08em}.da-tool-version-plate strong{color:#e14a50;font-size:1rem}
.da-csv-dropzone{min-height:235px;margin-top:30px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-align:center;background:repeating-linear-gradient(135deg,rgba(255,255,255,.011) 0,rgba(255,255,255,.011) 9px,transparent 9px,transparent 18px),rgba(0,0,0,.24);border:1px dashed rgba(255,255,255,.16);border-radius:12px;transition:border-color 180ms ease,background-color 180ms ease,box-shadow 180ms ease}.da-csv-dropzone:hover,.da-csv-dropzone:focus-visible,.da-csv-dropzone.is-dragover{border-color:rgba(255,79,84,.50);background-color:rgba(213,20,26,.025);box-shadow:inset 0 0 28px rgba(210,18,24,.035)}.da-csv-dropzone:focus-visible{outline:2px solid rgba(255,89,94,.54);outline-offset:4px}
.da-csv-dropzone__icon{width:70px;height:70px;display:grid;place-items:center;color:#df464b;background:rgba(213,20,26,.04);border:1px solid rgba(255,79,84,.17);border-radius:50%}.da-csv-dropzone__icon svg{width:37px;height:37px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.da-csv-dropzone>strong{margin-top:5px;color:#ededee;font-size:1.05rem}.da-csv-dropzone>span{color:#9b9ba1;font-size:.88rem}.da-csv-dropzone>small{color:#67676e;font-family:Consolas,"Courier New",monospace;font-size:.58rem;letter-spacing:.06em}
.da-tool-file-summary{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.da-tool-stat{padding:12px 14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);border-radius:8px}.da-tool-stat span{display:block;color:#67676e;font-family:Consolas,"Courier New",monospace;font-size:.52rem;font-weight:800;letter-spacing:.09em}.da-tool-stat strong{display:block;margin-top:4px;color:#ededee;font-size:1.08rem}
.da-csv-file-list{margin-top:16px;display:grid;gap:8px}.da-csv-file-row{padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.055);border-radius:8px}.da-csv-file-row strong{min-width:0;overflow:hidden;color:#d7d7da;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.da-csv-file-row span{color:#727279;font-family:Consolas,"Courier New",monospace;font-size:.57rem;font-weight:700}.da-csv-file-row em{color:#55bd78;font-family:Consolas,"Courier New",monospace;font-size:.53rem;font-style:normal;font-weight:800;letter-spacing:.07em}
.da-tool-actions{margin-top:23px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.da-tool-button-secondary{min-height:44px;padding:0 17px;color:#a5a5ab;background:transparent;border:1px solid rgba(255,255,255,.11);border-radius:7px;cursor:pointer;font:inherit;font-size:.78rem;font-weight:750}.da-tool-button-secondary:hover:not(:disabled),.da-tool-button-secondary:focus-visible:not(:disabled){color:#fff;border-color:rgba(255,255,255,.24)}.da-tool-button-secondary:disabled,#csvBuildButton:disabled{opacity:.38;cursor:not-allowed}
.da-tool-status{margin-top:17px;padding-top:16px;display:flex;align-items:center;gap:9px;color:#7e7e85;border-top:1px solid rgba(255,255,255,.055);font-family:Consolas,"Courier New",monospace;font-size:.63rem;font-weight:700}.da-tool-status__lamp{width:7px;height:7px;border-radius:50%;background:#777}.da-tool-status.is-ready .da-tool-status__lamp{background:#47b76d;box-shadow:0 0 8px rgba(71,183,109,.48)}.da-tool-status.is-working .da-tool-status__lamp{background:#e4a63c;box-shadow:0 0 8px rgba(228,166,60,.55)}.da-tool-status.is-error .da-tool-status__lamp{background:#e13e44;box-shadow:0 0 8px rgba(225,62,68,.55)}
.da-tool-preview-section{padding:22px 0 clamp(58px,8vw,90px)}.da-tool-preview-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:17px}.da-tool-preview-heading h2{margin-top:7px;color:#ededee;font-size:clamp(1.45rem,3vw,2.3rem)}.da-tool-preview-heading>p{color:#77777e;font-size:.82rem}.da-tool-table-wrap{overflow:auto;max-height:430px;background:#09090b;border:1px solid rgba(255,255,255,.075);border-radius:10px}.da-tool-preview-table{width:100%;min-width:720px;border-collapse:collapse;font-size:.76rem}.da-tool-preview-table th,.da-tool-preview-table td{max-width:310px;padding:10px 12px;overflow:hidden;border-right:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045);text-align:left;text-overflow:ellipsis;white-space:nowrap}.da-tool-preview-table th{position:sticky;top:0;z-index:2;color:#f0f0f1;background:#17171b;font-weight:800}.da-tool-preview-table td{color:#909097}.da-tool-preview-table tbody tr:nth-child(even) td{background:rgba(255,255,255,.018)}
.da-tool-format-section{padding:clamp(58px,8vw,100px) 0;background:rgba(255,255,255,.012);border-block:1px solid rgba(255,255,255,.045)}.da-tool-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.da-tool-feature-grid article{padding:21px;background:#0b0b0e;border:1px solid rgba(255,255,255,.07);border-radius:10px}.da-tool-feature-grid article>span{color:#d53d42;font-family:Consolas,"Courier New",monospace;font-size:.58rem;font-weight:800;letter-spacing:.10em}.da-tool-feature-grid h3{margin-top:12px;color:#e5e5e7;font-size:1rem}.da-tool-feature-grid p{margin-top:7px;color:#818188;font-size:.83rem;line-height:1.58}
.da-tool-details{margin-top:20px;padding:16px 18px;color:#8e8e95;background:#0a0a0d;border:1px solid rgba(255,255,255,.065);border-radius:9px}.da-tool-details summary{cursor:pointer;color:#bdbdc1;font-size:.82rem;font-weight:800}.da-tool-details div{padding-top:10px}.da-tool-details p{max-width:900px;color:#83838a;line-height:1.65}
.da-tool-local-note{padding:clamp(58px,8vw,92px) 0 clamp(75px,10vw,120px)}.da-tool-local-note__panel{padding:clamp(24px,4vw,38px);display:grid;grid-template-columns:68px minmax(0,1fr);gap:22px;align-items:center;background:radial-gradient(circle at 10% 50%,rgba(71,183,109,.065),transparent 24%),#0b0b0e;border:1px solid rgba(71,183,109,.15);border-radius:13px}.da-tool-local-note__icon{width:64px;height:64px;display:grid;place-items:center;color:#62c981;border:1px solid rgba(98,201,129,.20);border-radius:12px}.da-tool-local-note__icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.da-tool-local-note h2{margin-top:7px;color:#ededee;font-size:clamp(1.6rem,3.5vw,2.55rem);line-height:1.04}.da-tool-local-note p:last-child{max-width:820px;margin-top:9px;color:#88888f;line-height:1.68}
@media(max-width:880px){.da-tools-grid,.da-tools-principles{grid-template-columns:1fr}.da-tool-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.da-tool-workbench__header{grid-template-columns:1fr}.da-tool-version-plate{width:fit-content;text-align:left}.da-tool-file-summary{grid-template-columns:1fr}.da-csv-file-row{grid-template-columns:minmax(0,1fr) auto}.da-csv-file-row em{grid-column:1/-1}.da-tool-preview-heading{align-items:flex-start;flex-direction:column}.da-tool-feature-grid{grid-template-columns:1fr}.da-tool-local-note__panel{grid-template-columns:1fr}}


/* CSV FORMATTER v1.3 CONTROLS */
.da-csv-controls{
    margin-top:24px;
    padding:clamp(20px,3vw,27px);
    background:
        radial-gradient(circle at 94% 2%,rgba(190,17,22,.08),transparent 25%),
        rgba(0,0,0,.20);
    border:1px solid rgba(255,255,255,.07);
    border-radius:11px
}
.da-csv-controls__header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:18px
}
.da-csv-controls__header h3{
    margin-top:5px;
    color:#ececee;
    font-size:clamp(1.25rem,2.6vw,1.75rem)
}
.da-csv-reset{
    min-height:34px;
    padding:0 12px;
    color:#919198;
    background:transparent;
    border:1px solid rgba(255,255,255,.09);
    border-radius:6px;
    cursor:pointer;
    font:inherit;
    font-family:Consolas,"Courier New",monospace;
    font-size:.57rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase
}
.da-csv-reset:hover,.da-csv-reset:focus-visible{
    color:#fff;
    border-color:rgba(255,255,255,.22)
}
.da-csv-color-control{
    padding:16px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:22px;
    align-items:center;
    background:#0a0a0d;
    border:1px solid rgba(255,255,255,.065);
    border-radius:9px
}
.da-csv-control-label{
    display:block;
    color:#d04449;
    font-family:Consolas,"Courier New",monospace;
    font-size:.54rem;
    font-weight:800;
    letter-spacing:.10em
}
.da-csv-color-control strong{
    display:block;
    margin-top:5px;
    color:#e8e8ea;
    font-size:.92rem
}
.da-csv-color-control p{
    margin-top:4px;
    color:#717178;
    font-size:.78rem
}
.da-csv-color-picker{
    min-width:150px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    gap:9px;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.07);
    border-radius:8px;
    cursor:pointer
}
.da-csv-color-picker input[type="color"]{
    position:absolute;
    width:1px;
    height:1px;
    opacity:0;
    pointer-events:none
}
.da-csv-color-swatch{
    width:40px;
    height:32px;
    border-radius:6px;
    background:#b5181d;
    border:1px solid rgba(255,255,255,.18);
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.28)
}
.da-csv-color-value{
    color:#c9c9cd;
    font-family:Consolas,"Courier New",monospace;
    font-size:.67rem;
    font-weight:800;
    letter-spacing:.06em
}
.da-csv-option-grid{
    margin:16px 0 0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    border:0
}
.da-csv-option{
    min-height:72px;
    padding:13px 14px;
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    gap:11px;
    align-items:start;
    cursor:pointer;
    background:#0a0a0d;
    border:1px solid rgba(255,255,255,.06);
    border-radius:8px;
    transition:border-color 160ms ease,background-color 160ms ease
}
.da-csv-option:hover{
    border-color:rgba(255,80,85,.18);
    background:#0d0d10
}
.da-csv-option--wide{grid-column:1/-1}
.da-csv-option input{
    position:absolute;
    opacity:0;
    pointer-events:none
}
.da-csv-checkbox{
    width:20px;
    height:20px;
    margin-top:1px;
    position:relative;
    display:block;
    background:#09090b;
    border:1px solid rgba(255,255,255,.15);
    border-radius:4px
}
.da-csv-option input:checked + .da-csv-checkbox{
    background:#b5181d;
    border-color:#d23a40;
    box-shadow:0 0 12px rgba(181,24,29,.15)
}
.da-csv-option input:checked + .da-csv-checkbox::after{
    content:"";
    position:absolute;
    left:6px;
    top:3px;
    width:5px;
    height:9px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg)
}
.da-csv-option input:focus-visible + .da-csv-checkbox{
    outline:2px solid rgba(255,90,95,.58);
    outline-offset:3px
}
.da-csv-option strong{
    display:block;
    color:#d8d8db;
    font-size:.80rem;
    line-height:1.35
}
.da-csv-option small{
    display:block;
    margin-top:3px;
    color:#717178;
    font-size:.70rem;
    line-height:1.45
}
.da-csv-data-lock{
    margin-top:13px;
    padding:13px 14px;
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:12px;
    align-items:center;
    background:rgba(71,183,109,.025);
    border:1px solid rgba(71,183,109,.12);
    border-radius:8px
}
.da-csv-data-lock__icon{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    color:#5dc47d;
    border:1px solid rgba(93,196,125,.18);
    border-radius:7px
}
.da-csv-data-lock__icon svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round
}
.da-csv-data-lock strong{
    display:block;
    color:#bfc0c3;
    font-size:.77rem
}
.da-csv-data-lock p{
    margin-top:3px;
    color:#6f7076;
    font-size:.70rem;
    line-height:1.45
}
.da-tool-preview-shell{
    overflow:hidden;
    background:#08080a;
    border:1px solid rgba(255,255,255,.075);
    border-radius:11px;
    box-shadow:0 16px 36px rgba(0,0,0,.16)
}
.da-tool-preview-toolbar{
    min-height:37px;
    padding:0 12px;
    display:flex;
    align-items:center;
    gap:7px;
    color:#6e6e75;
    background:#111114;
    border-bottom:1px solid rgba(255,255,255,.065);
    font-family:Consolas,"Courier New",monospace;
    font-size:.52rem;
    font-weight:800;
    letter-spacing:.07em
}
.da-tool-preview-toolbar strong{margin-left:7px;color:#9999a0}
.da-tool-preview-toolbar em{margin-left:auto;font-style:normal}
.da-tool-preview-light{
    width:7px;height:7px;border-radius:50%;
    background:#3f4045;border:1px solid rgba(255,255,255,.08)
}
.da-tool-preview-light--red{
    background:#b5181d;
    box-shadow:0 0 7px rgba(181,24,29,.42)
}
.da-tool-preview-shell .da-tool-table-wrap{
    border:0;
    border-radius:0
}
.da-tool-preview-table th{
    background:#b5181d;
    color:#fff;
    transition:background-color 120ms ease,color 120ms ease
}
@media(max-width:720px){
    .da-csv-controls__header{flex-direction:column}
    .da-csv-color-control{grid-template-columns:1fr}
    .da-csv-color-picker{width:100%;min-width:0}
    .da-csv-option-grid{grid-template-columns:1fr}
    .da-csv-option--wide{grid-column:auto}
}


/* =========================================================
   UTILITY BAY v2
========================================================= */
.da-tools-status-section{padding:38px 0 0}
.da-tools-status-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.da-tools-status-gauge{min-height:105px;padding:16px;display:grid;align-content:center;background:radial-gradient(circle at 50% 0,rgba(192,20,25,.08),transparent 58%),#0b0b0e;border:1px solid rgba(255,255,255,.07);border-radius:10px;text-align:center}
.da-tools-status-gauge span,.da-tools-status-gauge small{color:#68686f;font-family:Consolas,"Courier New",monospace;font-size:.51rem;font-weight:800;letter-spacing:.09em}
.da-tools-status-gauge strong{margin:4px 0;color:#ededee;font-size:1.8rem;line-height:1}
.da-tools-status-gauge small{color:#b83338}
.da-tools-grid--utility-bay{grid-template-columns:repeat(2,minmax(0,1fr))}
.da-tool-card__privacy{margin-left:auto;color:#55bd78;font-family:Consolas,"Courier New",monospace;font-size:.52rem;font-weight:800;letter-spacing:.08em}
.da-tool-card__version{margin-left:0}
.da-tools-rule-list{display:grid;gap:12px}.da-tools-rule-list p{color:#86868d;line-height:1.6}.da-tools-rule-list strong{color:#d04449;font-family:Consolas,"Courier New",monospace;font-size:.68rem;letter-spacing:.08em}

/* Shared app controls */
.da-app-dropzone{min-height:210px;margin-top:28px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer;background:repeating-linear-gradient(135deg,rgba(255,255,255,.01) 0,rgba(255,255,255,.01) 10px,transparent 10px,transparent 20px),rgba(0,0,0,.23);border:1px dashed rgba(255,255,255,.16);border-radius:12px;transition:border-color .18s ease,background-color .18s ease}
.da-app-dropzone:hover,.da-app-dropzone:focus-visible,.da-app-dropzone.is-dragover{border-color:rgba(255,79,84,.48);background-color:rgba(190,20,25,.025)}
.da-app-dropzone:focus-visible{outline:2px solid rgba(255,89,94,.54);outline-offset:4px}
.da-app-dropzone__icon{width:68px;height:68px;display:grid;place-items:center;color:#df464b;background:rgba(213,20,26,.04);border:1px solid rgba(255,79,84,.17);border-radius:50%}
.da-app-dropzone__icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.da-app-dropzone>strong{margin-top:5px;color:#ededee;font-size:1.02rem}.da-app-dropzone>span{color:#96969c;font-size:.86rem}.da-app-dropzone>small{color:#66666d;font-family:Consolas,"Courier New",monospace;font-size:.57rem;letter-spacing:.05em}
.da-app-controls{margin-top:22px;padding:20px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.065);border-radius:10px}
.da-app-controls__heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:16px}.da-app-controls__heading h3{margin-top:5px;color:#ececee;font-size:1.35rem}
.da-app-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.da-app-field-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}
.da-app-field{display:grid;gap:6px}.da-app-field>span{color:#77777e;font-family:Consolas,"Courier New",monospace;font-size:.54rem;font-weight:800;letter-spacing:.08em}
.da-app-field input,.da-app-field select,.da-app-field textarea{width:100%;min-height:43px;padding:10px 11px;color:#e2e2e4;background:#0a0a0d;border:1px solid rgba(255,255,255,.09);border-radius:7px;font:inherit;font-size:.82rem;outline:none}
.da-app-field textarea{resize:vertical}.da-app-field input:focus,.da-app-field select:focus,.da-app-field textarea:focus{border-color:rgba(255,80,85,.36);box-shadow:0 0 0 2px rgba(190,20,25,.06)}
.da-app-field input[type="color"]{padding:4px;height:43px}
.da-inline-check{margin-top:12px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;cursor:pointer}.da-inline-check input{position:absolute;opacity:0}.da-inline-check strong{display:block;color:#d8d8db;font-size:.8rem}.da-inline-check small{display:block;margin-top:2px;color:#717178;font-size:.7rem}
.da-app-subpanel{padding:22px;background:#0a0a0d;border:1px solid rgba(255,255,255,.065);border-radius:10px}.da-app-subpanel--wide{grid-column:1/-1}.da-app-subpanel h3{margin-top:6px;color:#ededee;font-size:1.18rem}.da-app-subpanel>p:not(.da-eyebrow){margin:8px 0 16px;color:#818188;font-size:.82rem;line-height:1.55}
.da-app-preview-section{padding:26px 0 clamp(65px,8vw,100px)}

/* Image Workshop */
.da-image-stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.da-image-stats>div,.da-image-output-stats>div{padding:12px 14px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.06);border-radius:8px}.da-image-stats span,.da-image-output-stats span{display:block;color:#696970;font-family:Consolas,"Courier New",monospace;font-size:.51rem;font-weight:800;letter-spacing:.08em}.da-image-stats strong,.da-image-output-stats strong{display:block;margin-top:4px;color:#ededee;font-size:.9rem}
.da-image-presets{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:7px}.da-image-presets>span{margin-right:5px;color:#727279;font-family:Consolas,"Courier New",monospace;font-size:.53rem;font-weight:800;letter-spacing:.08em}.da-image-presets button,.da-pdf-quick-buttons button,.da-print-presets button{padding:7px 10px;color:#9c9ca2;background:#0a0a0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;cursor:pointer;font:inherit;font-size:.69rem;font-weight:750}.da-image-presets button:hover,.da-pdf-quick-buttons button:hover,.da-print-presets button:hover{color:#fff;border-color:rgba(255,78,83,.25)}
.da-quality-control{margin-top:16px;display:grid;gap:7px}.da-quality-control>span{display:flex;justify-content:space-between;color:#aaaab0;font-size:.73rem}.da-quality-control>span strong{font-family:Consolas,"Courier New",monospace;font-size:.55rem;letter-spacing:.08em}.da-quality-control>span em{color:#d44b50;font-style:normal;font-weight:800}.da-quality-control input{width:100%;accent-color:#b5181d}.da-quality-control small{color:#68686f;font-size:.7rem}.da-quality-control.is-disabled{opacity:.42}
.da-image-preview-panel{overflow:hidden;background:#0a0a0d;border:1px solid rgba(255,255,255,.07);border-radius:12px}.da-image-preview-canvas-wrap{min-height:360px;display:grid;place-items:center;padding:18px;background:linear-gradient(45deg,#101013 25%,#141417 25%,#141417 50%,#101013 50%,#101013 75%,#141417 75%);background-size:28px 28px;overflow:auto}.da-image-preview-canvas-wrap canvas{display:block;max-width:100%;max-height:620px;width:auto;height:auto;box-shadow:0 14px 34px rgba(0,0,0,.28)}.da-image-output-stats{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}

/* PDF */
.da-pdf-file-list{margin-top:16px;display:grid;gap:8px}.da-pdf-file-row{padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.055);border-radius:8px}.da-pdf-file-row strong{display:block;color:#d9d9dc;font-size:.82rem;word-break:break-word}.da-pdf-file-row span{display:block;margin-top:3px;color:#707077;font-family:Consolas,"Courier New",monospace;font-size:.56rem}.da-pdf-row-actions{display:flex;gap:6px}.da-pdf-row-actions button{min-width:34px;min-height:32px;padding:0 9px;color:#95959b;background:#0a0a0d;border:1px solid rgba(255,255,255,.08);border-radius:5px;cursor:pointer}.da-pdf-row-actions button:hover:not(:disabled){color:#fff;border-color:rgba(255,80,85,.25)}.da-pdf-row-actions button:disabled{opacity:.3;cursor:not-allowed}
.da-pdf-work-grid{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.da-pdf-work-grid .da-app-field{margin-top:12px}.da-pdf-work-grid .da-button{margin-top:14px}.da-pdf-quick-buttons{margin-top:7px;display:flex;gap:7px}

/* QR */
.da-qr-layout{margin-top:25px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:16px;align-items:start}.da-qr-controls{margin-top:0}.da-qr-field-group{margin-top:10px;display:grid;gap:10px}.da-qr-monitor{padding:20px;background:#0a0a0d;border:1px solid rgba(255,255,255,.07);border-radius:11px}.da-qr-canvas-frame{padding:18px;display:grid;place-items:center;background:#fff;border-radius:8px}.da-qr-canvas-frame canvas{display:block;width:min(100%,420px)!important;height:auto!important}.da-qr-payload{margin-top:12px;padding:10px;background:#08080a;border:1px solid rgba(255,255,255,.055);border-radius:7px}.da-qr-payload span{display:block;color:#67676e;font-family:Consolas,"Courier New",monospace;font-size:.5rem;font-weight:800;letter-spacing:.08em}.da-qr-payload code{display:block;margin-top:5px;max-height:72px;overflow:auto;color:#a6a6ac;font-size:.68rem;word-break:break-all}

/* Print */
.da-print-unit-row{margin-top:26px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.06);border-radius:8px}.da-print-unit-row>span{color:#73737a;font-family:Consolas,"Courier New",monospace;font-size:.54rem;font-weight:800;letter-spacing:.08em}.da-segmented{display:flex;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden}.da-segmented button{padding:7px 12px;color:#85858c;background:#09090b;border:0;border-right:1px solid rgba(255,255,255,.07);cursor:pointer;font:inherit;font-size:.7rem;font-weight:800}.da-segmented button:last-child{border-right:0}.da-segmented button.is-active{color:#fff;background:#b5181d}
.da-print-calculator-grid{margin-top:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.da-print-result{margin-top:16px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#08080a;border:1px solid rgba(255,255,255,.055);border-radius:8px}.da-print-result>span{color:#696970;font-family:Consolas,"Courier New",monospace;font-size:.52rem;font-weight:800;letter-spacing:.08em}.da-print-result strong{color:#ededee;font-size:1.6rem;text-align:center}.da-print-result em{padding:5px 7px;border-radius:5px;font-family:Consolas,"Courier New",monospace;font-size:.55rem;font-style:normal;font-weight:800;letter-spacing:.06em}.da-print-result em.is-excellent{color:#65cd85;background:rgba(71,183,109,.08)}.da-print-result em.is-good{color:#b7c86e;background:rgba(183,200,110,.08)}.da-print-result em.is-fair{color:#e0a84b;background:rgba(224,168,75,.08)}.da-print-result em.is-low{color:#ef6267;background:rgba(239,98,103,.08)}.da-print-result-note{margin-top:8px!important;color:#727279!important;font-size:.74rem!important}.da-print-result--wide strong{font-size:1.18rem}.da-print-panel-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.da-print-presets{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.da-print-output-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.da-print-output-grid>div{padding:13px;background:#08080a;border:1px solid rgba(255,255,255,.055);border-radius:8px}.da-print-output-grid span{display:block;color:#696970;font-family:Consolas,"Courier New",monospace;font-size:.5rem;font-weight:800;letter-spacing:.07em}.da-print-output-grid strong{display:block;margin-top:5px;color:#ededee;font-size:.92rem}

@media(max-width:980px){
 .da-tools-status-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
 .da-tools-grid--utility-bay{grid-template-columns:1fr}
 .da-app-field-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))}
 .da-qr-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
 .da-app-field-grid,.da-pdf-work-grid,.da-print-calculator-grid{grid-template-columns:1fr}
 .da-app-field-grid--five{grid-template-columns:repeat(2,minmax(0,1fr))}
 .da-image-stats,.da-image-output-stats,.da-print-output-grid{grid-template-columns:1fr}
 .da-print-panel-heading{flex-direction:column}
 .da-print-presets{justify-content:flex-start}
}
@media(max-width:520px){
 .da-tools-status-panel{grid-template-columns:1fr 1fr}
 .da-app-field-grid--five{grid-template-columns:1fr}
 .da-print-result{grid-template-columns:1fr;text-align:left}.da-print-result strong{text-align:left}
 .da-print-unit-row{align-items:flex-start;flex-direction:column;gap:9px}
}


/* TOOL CONDITIONAL PANEL FIX */
.da-tool-app-main [hidden]{display:none!important;}
.da-qr-field-group[hidden],.da-pdf-work-grid[hidden],.da-image-stats[hidden],.da-app-controls[hidden],.da-tool-file-summary[hidden]{display:none!important;}


/* =========================================================
   FAVICON & APP ICON GENERATOR
========================================================= */
.da-favicon-padding-control{margin-top:17px}
.da-favicon-output-list{margin-top:17px;padding:15px;background:#0a0a0d;border:1px solid rgba(255,255,255,.06);border-radius:8px}
.da-favicon-output-list__label{display:block;color:#74747b;font-family:Consolas,"Courier New",monospace;font-size:.53rem;font-weight:800;letter-spacing:.09em}
.da-favicon-output-chips{margin-top:9px;display:flex;flex-wrap:wrap;gap:6px}
.da-favicon-output-chips span{padding:6px 8px;color:#9999a0;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065);border-radius:4px;font-family:Consolas,"Courier New",monospace;font-size:.52rem;font-weight:800}

.da-favicon-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.da-favicon-preview-grid article{min-height:180px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:#0a0a0d;border:1px solid rgba(255,255,255,.07);border-radius:10px}
.da-favicon-preview-grid article>span{color:#6e6e75;font-family:Consolas,"Courier New",monospace;font-size:.5rem;font-weight:800;letter-spacing:.08em}
.da-favicon-preview-grid article>strong{color:#c6c6ca;font-size:.73rem}
.da-favicon-preview-grid canvas{display:block;width:88px;height:88px;object-fit:contain;image-rendering:auto;background-image:linear-gradient(45deg,#141417 25%,transparent 25%),linear-gradient(-45deg,#141417 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#141417 75%),linear-gradient(-45deg,transparent 75%,#141417 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;background-color:#101013;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px}
.da-favicon-preview-grid article:first-child canvas{image-rendering:pixelated}

.da-favicon-download-panel{margin-top:34px;padding-top:30px;border-top:1px solid rgba(255,255,255,.06)}
.da-favicon-download-heading{margin-bottom:17px}
.da-favicon-download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.da-favicon-download-grid button{min-height:62px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;color:#c8c8cc;background:#0a0a0d;border:1px solid rgba(255,255,255,.07);border-radius:8px;cursor:pointer;font:inherit;transition:border-color .16s ease,background-color .16s ease}
.da-favicon-download-grid button:hover,.da-favicon-download-grid button:focus-visible{color:#fff;background:#0d0d10;border-color:rgba(255,77,82,.24)}
.da-favicon-download-grid button span{font-size:.78rem;font-weight:800;word-break:break-word}
.da-favicon-download-grid button small{color:#707077;font-family:Consolas,"Courier New",monospace;font-size:.52rem;font-weight:800;white-space:nowrap}

.da-favicon-code-panel{margin-top:28px;padding:clamp(20px,3vw,28px);background:radial-gradient(circle at 92% 3%,rgba(190,20,25,.07),transparent 27%),#0a0a0d;border:1px solid rgba(255,255,255,.07);border-radius:11px}
.da-favicon-code-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.da-favicon-code-heading h2{margin-top:6px;color:#ededee;font-size:clamp(1.35rem,3vw,2rem)}
.da-favicon-code-panel pre{margin:18px 0 0;padding:16px;overflow:auto;color:#c9c9cf;background:#070709;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:.76rem;line-height:1.65;white-space:pre}
.da-favicon-code-panel>p{margin-top:10px;color:#707077;font-size:.73rem;line-height:1.55}

@media(max-width:980px){
    .da-favicon-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:680px){
    .da-favicon-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .da-favicon-download-grid{grid-template-columns:1fr}
    .da-favicon-code-heading{flex-direction:column}
}
@media(max-width:430px){
    .da-favicon-preview-grid{grid-template-columns:1fr 1fr}
}
