.app{grid-template-rows:auto auto 1fr}.app>header{min-height:64px}.wb-projectbar{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid #2b2b2b;background:#111;flex-wrap:wrap}.wb-projectbar label{font-size:12px;color:#a7a7a7;display:flex;align-items:center;gap:9px}.wb-projectbar input{width:190px;background:#191919}.wb-projectbar span{font-size:13px;color:#add795;margin-left:auto;max-width:320px}.wb-page{padding:28px;max-width:1800px;width:100%;margin:0 auto;color:#f2f2f2}.wb-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.wb-head small{font-size:12px;color:#9eba8c;letter-spacing:2px}.wb-head h1{font-size:32px;margin:10px 0;font-weight:750;letter-spacing:-1px}.wb-head p{font-size:15px;line-height:1.6;color:#aaa;max-width:840px;margin:0}.wb-actions{display:flex;gap:8px;flex-wrap:wrap}.wb-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px}.wb-controls{padding:20px;background:#151515;border:1px solid #303030;border-radius:14px;align-self:start;max-height:calc(100vh - 160px);overflow:auto;scrollbar-width:thin}.wb-controls>button{width:100%;margin:5px 0}.wb-controls h2{font-size:16px}.wb-controls label,.wb-outputs label,.wb-transfer label{display:flex;flex-direction:column;gap:8px;font-size:14px;margin:14px 0;color:#d5d5d5}.wb-controls input,.wb-controls select,.wb-controls textarea,.wb-outputs select,.wb-transfer select{width:100%;max-width:100%;padding:9px;min-height:40px;background:#090909;border:1px solid #333;color:#fff;border-radius:8px;box-sizing:border-box}.wb-controls input[type=range]{padding:0;min-height:28px}.wb-controls input[type=color]{height:42px;padding:3px}.wb-controls .wb-check,.wb-ink label{flex-direction:row;align-items:center}.wb-controls input[type=checkbox]{width:18px;min-height:18px;flex:none;accent-color:#8cff52}.wb-controls p{font-size:13px;color:#a0a0a0;line-height:1.65}.wb-controls details{border-top:1px solid #333;margin-top:18px;padding-top:18px}.wb-controls summary{font-size:14px;font-weight:650;cursor:pointer;margin-bottom:14px}.wb-controls [hidden]{display:none!important}.wb-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wb-button-grid .btn{font-size:13px;padding:8px;white-space:normal}.wb-main{min-width:0}.wb-view{height:min(68vh,760px);min-height:380px;overflow:auto;background:repeating-conic-gradient(#242424 0% 25%,#1c1c1c 0% 50%) 50%/24px 24px;border:1px solid #343434;border-radius:14px;display:block;position:relative}.wb-view canvas{width:100%;height:auto;max-width:100%;display:block;touch-action:none;cursor:crosshair}.wb-status{font-size:14px;line-height:1.55;color:#b8dba4;min-height:24px}.wb-outputs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wb-outputs label{flex-direction:row;align-items:center}.wb-outputs select{width:auto}.wb-transfer{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px;border-top:1px solid #333;padding-top:16px}.wb-transfer label{flex:1;min-width:160px;margin:0}.wb-transfer button{align-self:end}.wb-layer-list{display:flex;flex-direction:column;gap:6px;max-height:230px;overflow:auto}.wb-layer-list .btn{text-align:left;font-size:13px}.wb-layer-list label{margin:4px 0}.wb-swatches{display:flex;flex-wrap:wrap;gap:6px}.wb-swatches span{width:38px;height:38px;border:1px solid #777;border-radius:5px}.wb-warning{border-left:2px solid #d3a557;padding:8px 12px;background:#332b1f}.wb-ink{padding:12px 0;border-bottom:1px solid #333}.wb-ink span{display:inline-block;width:20px;height:20px;border:1px solid #777;flex:none}.wb-ink small{display:block;margin:10px 0;color:#aaa}.wb-project-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;padding:20px}.wb-project-card{background:#161916;border:1px solid #343d31;color:#fff;padding:24px;border-radius:12px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:16px}.wb-project-card strong{font-size:20px}.wb-project-card span,.wb-project-card small{font-size:14px;color:#a6b6a0}.wb-page:fullscreen,.wb-full{background:#0d0d0d;overflow:auto;padding:24px}.wb-full{position:fixed;inset:0;z-index:200;max-width:none}.wb-share-view{position:fixed;inset:0;z-index:900;background:#111;overflow:auto;padding:32px;text-align:center}.wb-share-view img{display:block;width:min(1200px,100%);height:auto;margin:28px auto;border-radius:8px}.wb-share-view h1{font-size:28px;color:white}.wb-page :focus-visible{outline:2px solid #b7ed90;outline-offset:3px}.wb-page button:disabled{opacity:.4}.wb-page .btn{min-height:42px}.wb-page input[type=text]{width:100%}.wb-controls .range-value{font-size:12px}.wb-projectbar [hidden]{display:none}
@media(max-width:1000px){.wb-layout{grid-template-columns:270px minmax(0,1fr)}.wb-page{padding:20px}.wb-head{align-items:start}.wb-head h1{font-size:28px}}
@media(max-width:760px){.wb-projectbar{padding:12px 14px;gap:10px}.wb-projectbar label{flex:1;min-width:140px;flex-direction:column;align-items:start}.wb-projectbar input{width:100%}.wb-projectbar span{width:100%;max-width:none;margin:0}.wb-page{padding:20px 14px}.wb-head{display:block}.wb-actions{margin-top:16px}.wb-layout{grid-template-columns:1fr}.wb-controls{max-height:none}.wb-view{height:460px;min-height:260px}.wb-controls input,.wb-controls select{font-size:16px}.wb-head h1{font-size:26px}.wb-share-view{padding:16px}.wb-transfer{gap:10px}.wb-view canvas{min-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important}}
@media print{.wb-projectbar{display:none!important}}