/* AiSklad Canvas v218 — stable download layer + smart editor workspace */
.canvas-workspace-v216{position:fixed!important;inset:0!important;z-index:160!important;display:grid!important;place-items:center!important;padding:34px!important;background:transparent!important;overflow:hidden!important;color:#f4f5f8}
.canvas-workspace-v216[hidden]{display:none!important}.canvas-backdrop-v216{position:absolute;inset:0;border:0;background:rgba(3,4,8,.70);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:default}
.canvas-window-v216{position:relative;width:min(1240px,calc(100vw - 68px));height:min(760px,calc(100vh - 68px));min-height:560px;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(22,23,31,.985),rgba(13,14,20,.99));border:1px solid rgba(255,255,255,.11);box-shadow:0 38px 120px rgba(0,0,0,.64),0 0 0 1px rgba(145,132,255,.06);display:grid;grid-template-rows:68px 66px minmax(0,1fr)}
.canvas-top-v216{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px 0 20px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(25,26,35,.82)}
.canvas-brand-v216{display:flex;align-items:center;gap:12px;min-width:0}.canvas-logo-v216{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#8c82ff,#61d1ff);box-shadow:0 10px 28px rgba(112,115,255,.24);font-size:16px;font-weight:950}.canvas-brand-v216 b{display:block;font-size:16px;letter-spacing:-.02em}.canvas-brand-v216 small{display:block;margin-top:2px;font-size:11px;color:#8f96a7}.canvas-top-actions-v216{display:flex;align-items:center;gap:7px}.canvas-btn-v216,.canvas-icon-btn-v216,.canvas-close-v216{height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.048);color:#e9ebf2;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:850;transition:.16s ease}.canvas-btn-v216{padding:0 11px}.canvas-btn-v216 svg,.canvas-icon-btn-v216 svg,.canvas-close-v216 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.canvas-icon-btn-v216,.canvas-close-v216{width:36px;padding:0}.canvas-btn-v216:hover,.canvas-icon-btn-v216:hover,.canvas-close-v216:hover{background:rgba(255,255,255,.09);transform:translateY(-1px)}.canvas-download-v216{background:linear-gradient(135deg,rgba(143,130,255,.19),rgba(86,199,255,.14));border-color:rgba(132,133,255,.22)}
.canvas-filebar-v216{display:grid;grid-template-columns:minmax(220px,1fr) 190px minmax(210px,.8fr);gap:10px;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(14,15,22,.74)}.canvas-field-v216{height:44px;border:1px solid rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.035);display:flex;align-items:center;padding:0 12px;gap:10px}.canvas-field-v216>span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#737b8e;font-weight:900;white-space:nowrap}.canvas-field-v216 input,.canvas-field-v216 select{min-width:0;flex:1;border:0;background:transparent;color:#e9ebf2;outline:0;font:750 12px/1 system-ui}.canvas-field-v216 select{cursor:pointer}.canvas-field-v216 option{background:#181a23}.canvas-file-status-v216{display:flex;align-items:center;gap:8px;padding:0 10px;color:#8d94a4;font-size:10px;line-height:1.35}.canvas-status-dot-v216{width:7px;height:7px;border-radius:50%;background:#58d8aa;box-shadow:0 0 14px rgba(88,216,170,.45);flex:0 0 auto}
.canvas-body-v216{min-height:0;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);gap:10px;padding:10px;background:#0b0c11}.canvas-editor-panel-v216,.canvas-preview-panel-v216{min-width:0;min-height:0;border-radius:18px;border:1px solid rgba(255,255,255,.075);background:#101119;overflow:hidden}.canvas-editor-panel-v216{display:grid;grid-template-rows:48px minmax(0,1fr)}.canvas-panel-title-v216,.canvas-preview-head-v216{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.065);background:#151721}.canvas-panel-title-v216 b{font-size:12px}.canvas-panel-title-v216 small{display:block;color:#777f91;font-size:9px;margin-top:1px}.canvas-shortcut-v216{font-size:9px;color:#707789;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.035)}
.canvas-editor-shell-v216{min-height:0;display:grid;grid-template-columns:48px minmax(0,1fr);background:#0d0f16;overflow:hidden}.canvas-lines-v216{margin:0;padding:15px 10px 20px 0;border-right:1px solid rgba(255,255,255,.045);overflow:hidden;text-align:right;color:#454b5a;background:#0b0d13;font:11.8px/1.58 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;user-select:none}.canvas-editor-v216{width:100%;height:100%;min-height:0;resize:none;border:0!important;outline:0!important;background:transparent!important;color:#e9edf8!important;padding:15px 16px 22px!important;font:12.8px/1.58 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;tab-size:2;white-space:pre;overflow:auto;caret-color:#8e88ff}.canvas-editor-v216::selection{background:rgba(128,119,255,.32)}
.canvas-preview-panel-v216{display:grid;grid-template-rows:48px minmax(0,1fr)}.canvas-preview-head-v216{padding:0 9px 0 10px}.canvas-preview-tabs-v216{height:32px;display:flex;padding:3px;border-radius:10px;background:#0e1017;border:1px solid rgba(255,255,255,.055)}.canvas-preview-tabs-v216 button{height:24px;border:0;border-radius:7px;background:transparent;color:#737b8d;padding:0 10px;font-size:10px;font-weight:850}.canvas-preview-tabs-v216 button.active{background:#252835;color:#f2f3f7;box-shadow:0 1px 5px rgba(0,0,0,.24)}.canvas-run-wrap-v216{display:flex;align-items:center;gap:7px}.canvas-run-state-v216{font-size:9px;color:#747c8f;text-transform:uppercase;letter-spacing:.06em}.canvas-run-v216{height:31px;padding:0 11px;border-radius:10px;border:0;background:linear-gradient(135deg,#8c82ff,#5bcaff);color:white;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:900;box-shadow:0 8px 22px rgba(105,111,255,.17)}.canvas-run-v216 svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.canvas-preview-stage-v216,.canvas-output-pane-v216{min-height:0;background:#090a0f;position:relative;overflow:hidden}.canvas-preview-stage-v216 iframe{width:100%;height:100%;border:0;background:#fff}.canvas-hint-v216{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:28px;color:#81889a}.canvas-hint-v216[hidden]{display:none}.canvas-hint-icon-v216{width:48px;height:48px;border-radius:16px;margin:0 auto 13px;display:grid;place-items:center;background:rgba(133,124,255,.10);border:1px solid rgba(133,124,255,.14);color:#a69fff}.canvas-hint-icon-v216 svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}.canvas-hint-v216 b{font-size:14px;color:#dfe2eb}.canvas-hint-v216 span{display:block;max-width:330px;margin-top:6px;font-size:10px;line-height:1.55;color:#737b8e}.canvas-output-pane-v216{padding:0}.canvas-output-v216{height:100%;margin:0;overflow:auto;padding:16px;color:#aeb6c8;background:#0b0d13;font:11.5px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}

/* V218: source-only languages (Python, C++, Java, etc.) do not waste half the workspace on an unusable preview. */
.canvas-window-v216.canvas-code-only-v218 .canvas-body-v216{grid-template-columns:minmax(0,1fr)!important}
.canvas-window-v216.canvas-code-only-v218 .canvas-preview-panel-v216{display:none!important}
.canvas-window-v216.canvas-code-only-v218 .canvas-editor-panel-v216{width:100%;min-width:0}
.canvas-window-v216.canvas-code-only-v218 .canvas-editor-v216{padding-right:24px!important}

.code-head{min-height:40px!important;display:grid!important;grid-template-columns:auto minmax(50px,1fr) auto!important;align-items:center!important;gap:8px!important;padding:6px 8px 6px 13px!important}.code-head>span:first-child{text-transform:uppercase;font-weight:900!important;letter-spacing:.08em}.code-head>span:nth-child(2){text-align:center;opacity:.65}.code-head-actions-v216{display:flex;align-items:center;gap:6px}.code-head-actions-v216 button{height:28px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.085)!important;background:rgba(255,255,255,.045)!important;color:#dce0eb!important;padding:0 9px!important;display:inline-flex!important;align-items:center!important;gap:5px!important;font:800 9px/1 system-ui!important;transition:.15s ease}.code-head-actions-v216 button:hover{background:rgba(255,255,255,.085)!important;transform:translateY(-1px)}.code-head-actions-v216 .canvas-open-code{background:rgba(130,119,255,.11)!important;border-color:rgba(139,128,255,.20)!important;color:#dcd7ff!important}.code-head-actions-v216 svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.code-download-modal-v216{position:fixed!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;z-index:260!important;display:none!important;place-items:center!important;padding:22px!important;margin:0!important;border:0!important;border-radius:0!important;background:rgba(3,4,8,.74)!important;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);box-shadow:none!important;overflow:hidden!important;opacity:1!important;pointer-events:auto!important;transform:none!important;transition:none!important}.code-download-modal-v216.open{display:grid!important;opacity:1!important;pointer-events:auto!important}.code-download-shell-v216{position:relative!important;box-sizing:border-box!important;flex:none!important;width:min(650px,calc(100vw - 32px))!important;min-width:min(520px,calc(100vw - 32px))!important;max-height:min(760px,calc(100vh - 40px));overflow:auto;border-radius:24px;background:#171922;border:1px solid rgba(255,255,255,.10);box-shadow:0 32px 100px rgba(0,0,0,.60);padding:16px}.code-download-shell-v216>header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 13px}.code-download-shell-v216>header b{font-size:16px}.code-download-shell-v216>header small{display:block;color:#7e8595;font-size:10px;margin-top:3px}.code-download-shell-v216>header button{width:34px;height:34px;border-radius:11px;border:0;background:#22242e;color:#bfc4d0}.code-download-shell-v216>header svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8}.code-format-recommended-v216{width:100%;min-height:64px;border-radius:16px;border:1px solid rgba(132,125,255,.22);background:linear-gradient(135deg,rgba(132,125,255,.11),rgba(80,196,255,.07));display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;padding:10px 12px;color:#e9ebf2}.code-format-recommended-v216>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(132,125,255,.14);color:#bcb6ff}.code-format-recommended-v216 svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.code-format-recommended-v216 b{font-size:11px}.code-format-recommended-v216 small{display:block;margin-top:3px;color:#858c9c;font-size:9px}.code-format-recommended-v216 em{font-style:normal;font-size:8px;font-weight:950;letter-spacing:.08em;color:#aaa4ff;background:rgba(135,126,255,.1);border:1px solid rgba(135,126,255,.16);padding:5px 7px;border-radius:8px}.code-format-recommended-v216.active{box-shadow:0 0 0 2px rgba(133,125,255,.45) inset}.code-format-grid-v216{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.code-format-option-v216{min-width:0;height:52px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:#11131a;color:#c9ced9;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 10px}.code-format-option-v216 b{font-size:11px}.code-format-option-v216 small{font-size:8px;color:#676f80;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.code-format-option-v216:hover{background:#1a1c25}.code-format-option-v216.active{border-color:rgba(132,125,255,.45);background:rgba(132,125,255,.10);box-shadow:0 0 0 1px rgba(132,125,255,.18) inset;color:#eeeaff}.code-download-options-v216{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.code-download-options-v216 label{display:flex;align-items:center;gap:9px;padding:10px;border-radius:13px;border:1px solid rgba(255,255,255,.065);background:#12141b}.code-download-options-v216 input{accent-color:#8b82ff}.code-download-options-v216 b{display:block;font-size:10px;color:#d9dce4}.code-download-options-v216 small{display:block;margin-top:2px;font-size:8px;color:#697182}.code-download-shell-v216>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.065)}.code-download-name-v216{min-width:0}.code-download-name-v216 span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#697181}.code-download-name-v216 b{display:block;margin-top:3px;font:700 10px/1.3 ui-monospace,monospace;color:#bdc3d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.code-download-submit-v216{height:38px;border:0;border-radius:12px;padding:0 15px;background:linear-gradient(135deg,#887fff,#58c9ff);color:#fff;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900}.code-download-submit-v216 svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:900px){.canvas-workspace-v216{padding:10px!important}.canvas-window-v216{width:100%;height:calc(100vh - 20px);min-height:0;border-radius:22px;grid-template-rows:60px 110px minmax(0,1fr)}.canvas-brand-v216 small{display:none}.canvas-btn-v216 span{display:none}.canvas-btn-v216{width:36px;padding:0}.canvas-filebar-v216{grid-template-columns:1fr 130px;align-content:center}.canvas-file-status-v216{grid-column:1/-1;padding:0 4px}.canvas-body-v216{grid-template-columns:1fr;grid-template-rows:minmax(260px,1fr) minmax(220px,.8fr)}.canvas-editor-shell-v216{grid-template-columns:38px}.code-format-grid-v216{grid-template-columns:repeat(4,1fr)}.code-download-options-v216{grid-template-columns:1fr}.code-head{grid-template-columns:auto 1fr!important}.code-head>span:nth-child(2){display:none}.code-head-actions-v216{grid-column:1/-1;justify-content:flex-end}.code-head-actions-v216 button{font-size:9px!important}.code-download-shell-v216{max-height:calc(100vh - 24px)}}
@media(max-width:520px){.code-format-grid-v216{grid-template-columns:repeat(3,1fr)}.canvas-top-v216{padding:0 10px}.canvas-logo-v216{width:34px;height:34px}.canvas-top-actions-v216{gap:4px}.canvas-icon-btn-v216{display:none}.canvas-body-v216{padding:7px;gap:7px}.canvas-window-v216{border-radius:18px}.code-download-name-v216 b{max-width:210px}}

@media(max-width:560px){.code-download-shell-v216{min-width:0!important;width:calc(100vw - 20px)!important}.canvas-window-v216.canvas-code-only-v218 .canvas-body-v216{grid-template-rows:minmax(0,1fr)!important}}