.template-layout{display:grid;grid-template-columns:320px minmax(0,1fr) 320px}.template-layout__explorer,.template-layout__right,.template-layout__sidebar{min-width:0}.template-layout__right{display:flex;flex-direction:column;gap:20px}@media (max-width:1400px){.template-layout{grid-template-columns:420px minmax(0,1fr) 300px}}@media (max-width:1100px){.template-layout{grid-template-columns:1fr}.template-layout__sidebar{order:1}.template-layout__explorer{order:2}.template-layout__right{order:3}}.preview-project{display:flex;flex-direction:column;gap:24px;height:100%}.preview-project__layout{display:grid;grid-template-columns:minmax(0,2fr) 340px;grid-gap:24px;gap:24px;align-items:start}.preview-project__sidebar{display:flex;flex-direction:column;gap:20px}@media (max-width:1024px){.preview-project__layout{grid-template-columns:1fr}}@media (max-width:768px){.preview-project,.preview-project__layout{gap:20px}.preview-project__sidebar{gap:16px}}.preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.preview-header__content{display:flex;flex-direction:column;gap:6px}.preview-header__title{margin:0;color:#ffffff;font-size:1.5rem;font-weight:700;line-height:1.2}.preview-header__subtitle{margin:0;color:#94a3b8;font-size:.95rem;line-height:1.6}@media (max-width:768px){.preview-header__title{font-size:1.25rem}.preview-header__subtitle{font-size:.9rem}}.file-tree{display:flex;flex-direction:column;min-height:600px;background:#111827;border:1px solid #252d3d;border-radius:14px;overflow:hidden}.file-tree__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #252d3d}.file-tree__title{margin:0;color:#ffffff;font-size:16px;font-weight:600}.file-tree__count{padding:4px 10px;color:#94a3b8;font-size:12px;font-weight:500;background:#1f2937;border:1px solid #2d3748;border-radius:999px}.file-tree__body{flex:1 1;overflow-y:auto;padding:18px 20px}.file-tree__body::-webkit-scrollbar{width:8px}.file-tree__body::-webkit-scrollbar-track{background:transparent}.file-tree__body::-webkit-scrollbar-thumb{background:#374151;border-radius:999px}.file-tree__body::-webkit-scrollbar-thumb:hover{background:#4b5563}@media (max-width:768px){.file-tree{min-height:420px}.file-tree__body,.file-tree__header{padding:16px}}.file-tree-node{display:flex;flex-direction:column;gap:5px;color:#e5e7eb;font-size:14px}.file-tree-node__file,.file-tree-node__folder{gap:10px;min-height:36px}.file-tree-node__folder{font-weight:600;color:#ffffff}.file-tree-node__children{display:flex;flex-direction:column;gap:4px;margin-left:28px;border-left:1px solid #252d3d;padding-left:16px}.file-tree-node__file{color:#cbd5e1;transition:color .2s ease}.file-tree-node__file:hover{color:#ffffff}.file-tree-node__folder-icon{color:#fbbf24;flex-shrink:0}.file-tree-node__python{color:#3776ab;flex-shrink:0}.file-tree-node__yaml{color:#ef4444;flex-shrink:0}.file-tree-node__file svg{flex-shrink:0}.file-tree-node__file span,.file-tree-node__folder span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:768px){.file-tree-node{font-size:13px}.file-tree-node__children{margin-left:22px;padding-left:12px}.file-tree-node__file,.file-tree-node__folder{min-height:32px}}.file-tree-node__file,.file-tree-node__folder{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:none;color:inherit;cursor:pointer;text-align:left}.included-features{background:#111827;border:1px solid #252d3d;border-radius:14px;overflow:hidden}.included-features__header{padding:18px 20px;border-bottom:1px solid #252d3d}.included-features__title{margin:0;color:#ffffff;font-size:16px;font-weight:600}.included-features__list{display:flex;flex-direction:column;gap:12px;padding:18px 20px}.included-features__item{display:flex;align-items:center;gap:10px;color:#e5e7eb;font-size:14px;line-height:1.5}.included-features__icon{color:#22c55e;flex-shrink:0}.included-features__empty{margin:0;color:#94a3b8;font-size:14px;line-height:1.6}@media (max-width:768px){.included-features__header,.included-features__list{padding:16px}}.download-card{display:flex;flex-direction:column;gap:20px;padding:20px;background:#111827;border:1px solid #252d3d;border-radius:14px}.download-card__header{display:flex;flex-direction:column;gap:6px}.download-card__title{margin:0;color:#ffffff;font-size:16px;font-weight:600}.download-card__subtitle{margin:0;color:#94a3b8;font-size:13px;line-height:1.6}.download-card__button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 18px;color:#ffffff;font-size:14px;font-weight:600;background:#2563eb;border:none;border-radius:10px;cursor:pointer;transition:background .2s ease,transform .2s ease}.download-card__button:hover:not(:disabled){background:#1d4ed8}.download-card__button:active:not(:disabled){transform:scale(.98)}.download-card__button:disabled{opacity:.5;cursor:not-allowed}.download-card__button svg{flex-shrink:0}@media (max-width:768px){.download-card{padding:16px}.download-card__button{padding:13px 16px}}.configure-project{width:100%;display:flex;flex-direction:column;gap:8px;padding:18px;background:#111827;border:1px solid #232c3d}.configure-project__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:768px){.configure-project{padding:20px}.configure-project__row{grid-template-columns:1fr}}.configure-project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid #232c3d}.configure-project-header__left{display:flex;align-items:center;gap:16px;min-width:0}.configure-project-header__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:#1d4ed8;color:#ffffff;border-radius:14px;flex-shrink:0}.configure-project-header__title{margin:0;color:#ffffff;font-size:22px;font-weight:700;line-height:1.2}.configure-project-header__subtitle{margin:6px 0 0;color:#94a3b8;font-size:14px;line-height:1.5}.configure-project-header__reset{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;color:#cbd5e1;border:1px solid #334155;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.configure-project-header__reset:hover{background:#1e293b;border-color:#475569;color:#ffffff}.configure-project-header__reset:active{transform:scale(.98)}@media (max-width:768px){.configure-project-header{flex-direction:column;align-items:stretch}.configure-project-header__reset{width:100%;justify-content:center}}.project-name{display:flex;flex-direction:column;gap:10px}.project-name__label{display:inline-flex;align-items:center;gap:8px;color:#e2e8f0;font-size:14px;font-weight:600}.project-name__input{width:100%;padding:12px 14px;background:#0f172a;color:#ffffff;border:1px solid #334155;border-radius:10px;font-size:15px;font-weight:500;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.project-name__input::placeholder{color:#64748b}.project-name__input:hover{border-color:#475569}.project-name__input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18)}.project-name__hint{margin:0;color:#94a3b8;font-size:13px;line-height:1.5}@media (max-width:768px){.project-name__input{font-size:16px}}.python-version{display:flex;flex-direction:column;gap:10px}.python-version__label{display:inline-flex;align-items:center;gap:8px;color:#e2e8f0;font-size:14px;font-weight:600}.python-version__label svg{color:#3776ab;flex-shrink:0}.python-version__select-wrapper{position:relative;display:flex;align-items:center}.python-version__select{width:100%;height:46px;padding:0 42px 0 14px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0f172a;color:#ffffff;border:1px solid #334155;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.python-version__select:hover{border-color:#475569}.python-version__select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.18)}.python-version__chevron{position:absolute;right:14px;color:#94a3b8;pointer-events:none}.python-version__hint{margin:0;color:#94a3b8;font-size:13px;line-height:1.5}@media (max-width:768px){.python-version__select{font-size:16px}}