.infinite-canvas{height:calc(100dvh - 48px);min-height:420px;display:flex;flex-direction:column;color:var(--text,#263c32);background:var(--surface,#fff);font-size:13px;overflow:hidden}
.infinite-canvas button,.infinite-canvas select,.infinite-canvas input,.infinite-canvas textarea{font:inherit;color:inherit;border:1px solid var(--line,#dce4de);background:var(--surface,#fff);border-radius:8px;padding:8px 10px;min-width:0}
.infinite-canvas button{cursor:pointer;white-space:nowrap}.infinite-canvas button:hover{background:var(--surface-2,#edf2ed)}.infinite-canvas button:disabled{opacity:.45;cursor:default}.infinite-canvas .primary{background:#365e49;color:white;border-color:#365e49}.infinite-canvas .primary:hover{background:#284b38}.infinite-canvas small{color:var(--muted,#758178);font-size:11px;line-height:1.7}.infinite-canvas textarea{resize:vertical;min-height:104px;line-height:1.6;width:100%}.infinite-canvas input:focus,.infinite-canvas textarea:focus,.infinite-canvas select:focus{outline:2px solid #6a9b7e55;outline-offset:1px}.infinite-canvas [hidden]{display:none!important}
.ic-top{height:60px;flex:none;border-bottom:1px solid var(--line,#dce4de);display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px}.ic-top>div{display:flex;gap:10px;align-items:center}.ic-logo{font-size:23px;color:#5f866c}.ic-top input{font-weight:600;width:190px;border-color:transparent}.ic-top small{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ic-body{flex:1;min-height:0;display:grid;grid-template-columns:220px minmax(200px,1fr) 290px}.ic-left,.ic-right{overflow:auto;background:var(--surface,#fff)}.ic-left{border-right:1px solid var(--line,#dce4de);display:flex;flex-direction:column}.ic-right{border-left:1px solid var(--line,#dce4de)}.ic-right section{padding:18px;border-bottom:1px solid var(--line,#dce4de)}.ic-right label{display:flex;flex-direction:column;gap:7px;margin:0 0 13px;font-size:11px;color:var(--muted,#758178)}.ic-right label input,.ic-right label select{font-size:12px;width:100%}.ic-section-title{display:flex;justify-content:space-between;font-size:12px;font-weight:650;margin-bottom:17px;color:var(--text,#263c32)}.ic-section-title span{font-size:10px;color:#658b75}.ic-left>.ic-section-title{padding:18px;margin:0}.ic-layers{flex:1;min-height:140px;padding:0 8px;overflow:auto}.ic-layer{display:flex;align-items:center;padding:3px;border:1px solid transparent;border-radius:7px;margin:3px 0}.ic-layer.active{background:#789b7520;border-color:#88ab8d55}.ic-layer button{border:0;background:transparent;padding:8px 5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11px}.ic-layer button:first-child{flex:1;text-align:left}.ic-shortcuts{padding:18px;font-size:10px;line-height:2.2;color:var(--muted,#869388);border-top:1px solid var(--line,#dce4de)}.ic-muted{padding:8px;color:#8a938d}
.ic-space{position:relative;min-width:0;overflow:hidden;outline:none;background:var(--surface-2,#eef0eb);touch-action:none}.ic-stage{width:100%;height:100%;background-image:radial-gradient(#899b9066 1px,transparent 1px);background-size:24px 24px}.ic-toolbar,.ic-zoom{position:absolute;bottom:23px;display:flex;align-items:center;gap:4px;border:1px solid var(--line,#dce4de);border-radius:12px;background:var(--surface,#fff);box-shadow:0 4px 20px #203d2710;padding:6px}.ic-toolbar{left:50%;transform:translateX(-50%)}.ic-toolbar button,.ic-toolbar label,.ic-zoom button{border:0;padding:9px;line-height:18px;background:transparent;margin:0;cursor:pointer}.ic-toolbar button.active{background:#719f7e26;color:#376548}.ic-toolbar i{height:20px;width:1px;background:var(--line,#dce4de);margin:0 3px}.ic-zoom{right:14px;bottom:80px;font-size:11px;padding:4px}.ic-zoom button{padding:5px}.ic-empty{position:absolute;inset:36% 10% auto;text-align:center;color:#617869;pointer-events:none;font-size:20px}.ic-empty span{display:block;font-size:12px;margin-top:12px;opacity:.7}.ic-reference-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:11px}.ic-reference-head button{font-size:10px;padding:5px 8px}.ic-reference{display:inline-block;position:relative;margin:0 7px 12px 0}.ic-reference img{width:54px;height:54px;object-fit:contain;border:1px solid var(--line,#dce4de);border-radius:8px}.ic-reference button{position:absolute;right:-5px;top:-5px;padding:0 4px;border-radius:50%;font-size:10px}.ic-size{display:grid;grid-template-columns:1fr 1fr;gap:0 9px;margin-top:15px}.ic-size>.ic-pair{grid-column:1/-1;margin:0 0 12px}.ic-pair{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ic-pair input,.ic-pair label{flex:1;width:50px;min-width:35px}.ic-pair label{flex-basis:40%;margin:0 0 9px}.ic-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ic-generate{width:100%;padding:11px!important;margin-bottom:7px}.ic-frame-settings input[type=color]{height:35px}.ic-project-dialog{position:absolute;inset:76px 0 0;background:#17271970;z-index:50;display:grid;place-items:center}.ic-project-dialog>div{max-height:75vh;overflow:auto;width:420px;max-width:90vw;background:var(--surface,#fff);padding:25px;border-radius:18px;box-shadow:0 15px 80px #0003}.ic-project-dialog button{display:block;width:100%;margin:8px 0;text-align:left}.ic-project-dialog h2{margin:0 0 20px}
@media(max-width:1100px){.ic-body{grid-template-columns:160px minmax(180px,1fr) 260px}.ic-top small{display:none}.ic-top{padding:0 12px}.ic-top input{width:160px}.ic-toolbar button{padding:7px}.ic-toolbar{bottom:15px}.ic-right section{padding:14px}}
@media(max-width:800px){.ic-body{grid-template-columns:minmax(220px,1fr) 240px}.ic-left{display:none}.ic-top input{width:115px}.ic-top button,.ic-top select{padding:7px;font-size:11px}.ic-top>div{gap:5px}.ic-logo{display:none}.infinite-canvas{height:calc(100dvh - 60px)}.ic-toolbar{gap:0;bottom:12px}.ic-toolbar button{font-size:11px;padding:6px}.ic-toolbar i{display:none}}