
#laris-concept{--l-bg:light-dark(#f4f6f8,#171d24);--l-panel:light-dark(#fff,#202832);--l-text:light-dark(#202f3d,#edf2f6);--l-muted:light-dark(#596c7b,#afbdca);--l-line:light-dark(#dce4e9,#394651);--l-accent:light-dark(#235d73,#96ccdf);--l-on:light-dark(#fff,#142b35);--l-soft:light-dark(#eaf2f5,#293e49);--l-ok:light-dark(#35644e,#a0cfb7);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--l-text);background:var(--l-bg);border:1px solid var(--l-line);border-radius:16px;overflow:hidden;color-scheme:light dark}
#laris-concept *{box-sizing:border-box}
#laris-concept button,#laris-concept input{font:inherit}
#laris-concept button{color:inherit;cursor:pointer}
#laris-concept button:focus-visible,#laris-concept input:focus-visible{outline:3px solid var(--l-accent);outline-offset:3px}
#laris-concept [hidden]{display:none!important}
#laris-concept .top{padding:18px 24px;background:var(--l-panel);border-bottom:1px solid var(--l-line);display:flex;align-items:center;gap:20px;flex-wrap:wrap}
#laris-concept .wordmark{font-weight:750;letter-spacing:3px;color:var(--l-accent)}
#laris-concept .top small{color:var(--l-muted)}
#laris-concept .role{margin-left:auto;display:flex;gap:6px}
#laris-concept button{border:0;background:transparent;border-radius:8px;padding:9px 12px;text-align:left}
#laris-concept .role button[aria-pressed=true]{background:var(--l-soft);color:var(--l-accent)}
#laris-concept .layout{display:grid;grid-template-columns:170px minmax(0,1fr) 62px;min-height:630px}
#laris-concept nav{padding:22px 12px;border-right:1px solid var(--l-line);display:flex;flex-direction:column;gap:6px;background:var(--l-panel)}
#laris-concept nav button{display:flex;align-items:center;gap:9px}
#laris-concept nav button.active{background:var(--l-soft);font-weight:600;color:var(--l-accent)}
#laris-concept nav small{padding:20px 12px 4px;color:var(--l-muted)}
#laris-concept main{padding:28px;min-width:0}
#laris-concept h1{font-size:27px;line-height:1.2;margin:6px 0 9px;letter-spacing:-.7px}
#laris-concept h2{font-size:17px;margin:0 0 12px}
#laris-concept h3{font-size:15px;margin:0 0 5px}
#laris-concept p{margin:6px 0 18px}
#laris-concept .muted{color:var(--l-muted)}
#laris-concept .small{font-size:12px}
#laris-concept .head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}
#laris-concept .primary{background:var(--l-accent);color:var(--l-on);font-weight:600;text-align:center}
#laris-concept .secondary{border:1px solid var(--l-line);background:var(--l-panel)}
#laris-concept .tabs{display:flex;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--l-line);margin:18px 0}
#laris-concept .tabs button{border-radius:0;padding:10px 0;border-bottom:2px solid transparent}
#laris-concept .tabs button.active{border-bottom-color:var(--l-accent);color:var(--l-accent);font-weight:600}
#laris-concept .row{width:100%;display:flex;gap:14px;align-items:center;background:var(--l-panel);padding:18px;border:1px solid var(--l-line);border-radius:12px;margin-bottom:10px}
#laris-concept .row .grow{flex:1;min-width:0}
#laris-concept .row strong{display:block;font-weight:600;margin-bottom:4px}
#laris-concept .row small{color:var(--l-muted)}
#laris-concept .badge{display:inline-block;padding:4px 8px;background:var(--l-soft);border-radius:6px;color:var(--l-accent);font-size:12px;white-space:nowrap}
#laris-concept .badge.ok{color:var(--l-ok)}
#laris-concept .objectmark{width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;background:var(--l-soft);color:var(--l-accent);border-radius:10px;font-size:20px;font-weight:650}
#laris-concept .building{background:repeating-linear-gradient(90deg,transparent 0 7px,var(--l-panel) 7px 10px),linear-gradient(145deg,var(--l-accent),var(--l-soft));border:8px solid var(--l-soft)}
#laris-concept .note{display:flex;align-items:center;gap:10px;margin-top:22px;color:var(--l-muted);font-size:13px}
#laris-concept .rail{padding:22px 7px;background:var(--l-panel);border-left:1px solid var(--l-line)}
#laris-concept .ai-launch{width:46px;height:46px;background:var(--l-accent);color:var(--l-on);font-size:22px;font-weight:750;text-align:center;padding:0;border-radius:14px}
#laris-concept .rail small{display:block;text-align:center;font-size:11px;margin-top:7px;color:var(--l-muted)}
#laris-concept .box{padding:20px;border:1px solid var(--l-line);border-radius:12px;background:var(--l-panel);margin:14px 0}
#laris-concept .files{display:grid;gap:8px}
#laris-concept .file{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--l-line);padding:9px 0}
#laris-concept .file:last-child{border:0}
#laris-concept .file span{flex:1}
#laris-concept .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
#laris-concept .objhead{display:flex;gap:15px;align-items:center}
#laris-concept .objhead h1{font-size:24px}
#laris-concept .search{width:100%;padding:11px 13px;border:1px solid var(--l-line);border-radius:8px;background:var(--l-panel);color:var(--l-text);margin:0 0 15px}
#laris-concept .vrow{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--l-line)}
#laris-concept .vrow small{display:block;color:var(--l-muted)}
#laris-concept .ai{grid-column:2/4;background:var(--l-panel);border-top:1px solid var(--l-line);padding:22px 28px}
#laris-concept .aiheader{display:flex;align-items:center;justify-content:space-between}
#laris-concept .context{display:inline-block;padding:6px 10px;background:var(--l-soft);border-radius:7px;font-size:12px;margin:8px 0 14px}
#laris-concept .chips{display:flex;gap:8px;flex-wrap:wrap}
#laris-concept .chatline{max-width:620px;margin:12px 0}
#laris-concept .compose{display:flex;gap:8px;margin-top:16px}
#laris-concept .compose input{flex:1;min-width:0;background:var(--l-bg);border:1px solid var(--l-line);border-radius:8px;padding:12px;color:var(--l-text)}
#laris-concept .footer{padding:10px 24px;border-top:1px solid var(--l-line);font-size:11px;color:var(--l-muted);display:flex;justify-content:space-between;gap:10px}
#laris-concept .back{padding-left:0;color:var(--l-accent)}
#laris-concept .empty{padding:25px;text-align:center;border:1px dashed var(--l-line);border-radius:10px}
#laris-concept svg{width:18px;height:18px}
#laris-concept .split{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#laris-concept .toast{color:var(--l-accent);margin:12px 0}

@media(min-width:920px){#laris-concept.assistant-open .layout{grid-template-columns:150px minmax(0,1fr) 280px}
#laris-concept.assistant-open .rail{display:none}
#laris-concept.assistant-open .ai{grid-column:3;grid-row:1;border-top:0;border-left:1px solid var(--l-line);padding:20px}
#laris-concept.assistant-open main{padding:24px}
#laris-concept.assistant-open .compose{flex-direction:column}
}

@media(max-width:640px){#laris-concept .layout{grid-template-columns:minmax(0,1fr) 54px}
#laris-concept nav{grid-column:1/3;flex-direction:row;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--l-line);border-right:0}
#laris-concept nav small{display:none}
#laris-concept main{padding:18px}
#laris-concept .top{padding:15px;gap:10px}
#laris-concept .top>small{display:none}
#laris-concept h1{font-size:24px}
#laris-concept .head{align-items:flex-start;flex-direction:column}
#laris-concept .row{flex-wrap:wrap;padding:13px}
#laris-concept .vrow{grid-template-columns:1fr}
#laris-concept .split{grid-template-columns:1fr}
#laris-concept .ai{grid-column:1/3;padding:18px}
#laris-concept .footer{flex-wrap:wrap}
#laris-concept .tabs{gap:12px}
}

#laris-concept{--l-bg:light-dark(#f5f5f7,#141416);--l-panel:light-dark(#ffffff,#202023);--l-text:light-dark(#1d1d1f,#f5f5f7);--l-muted:light-dark(#66666e,#aaaab3);--l-line:light-dark(#e5e5ea,#38383d);--l-accent:light-dark(#0066cc,#82b7ff);--l-on:light-dark(#ffffff,#102a4b);--l-soft:light-dark(#eaf2ff,#26354a);--l-ok:light-dark(#326744,#a2cfb0);--l-shadow:light-dark(#00000008,#00000025);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border-radius:22px;letter-spacing:-.15px}

#laris-concept[data-theme=light]{color-scheme:light}
#laris-concept[data-theme=dark]{color-scheme:dark}

#laris-concept .top{min-height:78px;padding:17px 26px;gap:16px;background:var(--l-panel)}

#laris-concept .wordmark{color:var(--l-text);font-size:18px;letter-spacing:3.8px;display:flex;align-items:center;gap:12px}

#laris-concept .brand-symbol{display:grid;place-items:center;width:34px;height:34px;background:var(--l-text);color:var(--l-panel);border-radius:11px;font-size:23px;letter-spacing:-2px;font-weight:500}

#laris-concept .role,#laris-concept .appearance{background:var(--l-bg);padding:3px;border-radius:10px;gap:2px;display:flex}

#laris-concept .role button,#laris-concept .appearance button{padding:6px 9px;font-size:12px;border-radius:7px;color:var(--l-muted)}

#laris-concept .role button[aria-pressed=true],#laris-concept .appearance button[aria-pressed=true]{background:var(--l-panel);color:var(--l-text);box-shadow:0 1px 5px var(--l-shadow)}

#laris-concept .appearance button{display:flex;align-items:center;gap:5px}
#laris-concept .appearance svg{width:14px;height:14px}

#laris-concept .layout{grid-template-columns:180px minmax(0,1fr) 64px;min-height:660px}

#laris-concept nav{background:var(--l-bg);padding:30px 12px;gap:7px}
#laris-concept nav button{border-radius:10px;padding:11px 12px;font-size:13px}
#laris-concept nav button.active{background:var(--l-panel);color:var(--l-text);box-shadow:0 2px 8px var(--l-shadow)}
#laris-concept nav button.active svg{color:var(--l-accent)}
#laris-concept nav>small{font-size:11px;letter-spacing:.5px}

#laris-concept main{padding:38px 30px}
#laris-concept h1{font-size:34px;letter-spacing:-1.3px;font-weight:650;margin:6px 0 10px}
#laris-concept .head{margin-bottom:28px}
#laris-concept .head>.secondary{border:0;color:var(--l-accent);background:var(--l-panel);box-shadow:0 1px 5px var(--l-shadow)}

#laris-concept .tabs{border:0;background:light-dark(#e9e9ee,#27272c);border-radius:11px;padding:4px;gap:3px;width:fit-content;max-width:100%;margin:24px 0}

#laris-concept .tabs button{padding:8px 12px;border:0;border-radius:8px;font-size:12px;color:var(--l-muted)}
#laris-concept .tabs button.active{background:var(--l-panel);color:var(--l-text);box-shadow:0 1px 4px var(--l-shadow)}

#laris-concept .row{border:0;padding:21px 19px;border-radius:17px;box-shadow:0 2px 8px var(--l-shadow);margin-bottom:12px;gap:13px}
#laris-concept .row strong{font-size:14px;line-height:1.45}
#laris-concept .row small{font-size:12px;display:block}
#laris-concept .row>.small{color:var(--l-accent);white-space:nowrap}

#laris-concept #laris-tasklist .row:first-child{position:relative;flex-wrap:wrap;padding:25px;border:1px solid light-dark(#cbdcf6,#394d69)}
#laris-concept #laris-tasklist .row:first-child .grow{flex-basis:65%}
#laris-concept #laris-tasklist .row:first-child strong{font-size:21px;letter-spacing:-.5px;line-height:1.3;margin-bottom:8px}
#laris-concept #laris-tasklist .row:first-child>.small{margin-left:auto;background:var(--l-accent);color:var(--l-on);border-radius:9px;padding:9px 15px;font-size:13px;font-weight:600}

#laris-concept .badge{background:var(--l-bg);color:var(--l-muted);border-radius:7px}
#laris-concept .objectmark{background:var(--l-bg);color:var(--l-muted);font-size:15px;border-radius:12px;width:42px;height:42px;font-weight:500}

#laris-concept .building{position:relative;overflow:hidden;background:light-dark(#d7e5eb,#354b57);border:0;width:68px;height:68px;border-radius:15px;box-shadow:inset 0 0 0 1px var(--l-line)}
#laris-concept .building:before{content:'';position:absolute;left:11px;right:8px;bottom:0;height:46px;transform:skewY(-8deg);background:repeating-linear-gradient(90deg,transparent 0 8px,light-dark(#8195a4,#688396) 8px 13px),repeating-linear-gradient(0deg,light-dark(#efefeb,#a0abb0) 0 9px,light-dark(#c5cdd0,#647986) 9px 12px);border-top:5px solid light-dark(#faf8f3,#b7c3c8)}

#laris-concept .objhead .building{width:78px;height:78px}
#laris-concept .objhead{gap:20px;margin:13px 0 28px}
#laris-concept .objhead h1{font-size:29px}

#laris-concept .rail{background:var(--l-bg);border:0;padding-top:35px}
#laris-concept .ai-launch{background:var(--l-text);color:var(--l-panel);box-shadow:0 5px 14px var(--l-shadow);border-radius:16px;width:45px;height:45px;font-weight:500}
#laris-concept .rail small{font-size:10px}

#laris-concept .box{border:0;border-radius:17px;padding:24px;box-shadow:0 2px 8px var(--l-shadow)}
#laris-concept .primary{border-radius:10px}
#laris-concept .secondary{border-radius:10px}
#laris-concept .search{border:0;box-shadow:0 1px 5px var(--l-shadow);border-radius:12px;padding:14px 16px}
#laris-concept .file{padding:14px 0}
#laris-concept .footer{background:var(--l-bg);padding:12px 25px}

#laris-concept .sourcebar{display:flex;gap:12px;align-items:center;padding:16px 18px;background:var(--l-panel);border-radius:14px;margin-bottom:22px;flex-wrap:wrap}
#laris-concept .sourcebar .grow{flex:1}
#laris-concept .sourcebar small{display:block;color:var(--l-muted);font-size:12px}
#laris-concept .sourcebar>svg{color:var(--l-ok);width:25px;height:25px}
#laris-concept .import-hint{padding:14px 16px;background:var(--l-soft);border-radius:12px;color:var(--l-text);margin:16px 0;font-size:13px}
#laris-concept .sourcecell{font-size:11px;color:var(--l-muted);margin-top:7px}
#laris-concept .editfield{width:100%;background:var(--l-panel);color:var(--l-text);padding:9px;border:1px solid var(--l-line);border-radius:8px;margin-top:6px}
#laris-concept .vendor{background:var(--l-panel);padding:18px;border:0;border-radius:12px;margin-bottom:8px}
#laris-concept .vendor>span:first-child{font-weight:600}
#laris-concept .vrow{font-size:13px}

#laris-concept button:hover{filter:brightness(.97)}
#laris-concept[data-theme=dark] button:hover{filter:brightness(1.12)}

@media(min-width:920px){#laris-concept.assistant-open .layout{grid-template-columns:165px minmax(0,1fr) 270px}
#laris-concept.assistant-open .row{flex-wrap:wrap}
#laris-concept.assistant-open h1{font-size:29px}
}

@media(max-width:760px){#laris-concept .top>small{display:none}
#laris-concept .top{gap:12px}
#laris-concept .layout{grid-template-columns:150px minmax(0,1fr) 60px}
#laris-concept main{padding:28px 20px}
#laris-concept .row{flex-wrap:wrap}
#laris-concept .row .grow{flex-basis:65%}
}

@media(max-width:640px){#laris-concept .layout{grid-template-columns:minmax(0,1fr) 54px;min-height:600px}
#laris-concept .top{padding:17px}
#laris-concept .appearance{margin-left:0}
#laris-concept .role{margin-left:0}
#laris-concept main{padding:22px 16px}
#laris-concept h1{font-size:30px}
#laris-concept nav{padding:10px;gap:2px}
#laris-concept nav button{font-size:12px;padding:9px}
#laris-concept #laris-tasklist .row:first-child{padding:19px}
#laris-concept #laris-tasklist .row:first-child strong{font-size:19px}
#laris-concept .tabs{gap:2px}
#laris-concept .tabs button{padding:8px;font-size:11px}
#laris-concept .vrow{gap:9px}
#laris-concept .vrow.muted{display:none}
#laris-concept .objhead{flex-wrap:wrap}
#laris-concept .objhead h1{font-size:25px}
#laris-concept .compose{flex-wrap:wrap}
#laris-concept .file{flex-wrap:wrap}
#laris-concept .badge{white-space:normal}
}

