.workspace-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.workspace-routes button{min-height:64px;text-align:left;border-radius:16px;padding:16px!important;background:linear-gradient(135deg,#203536,#172027);font-size:14px!important}.studio-options{margin:18px 0;border:1px solid #354548;border-radius:14px;padding:14px}.studio-options summary{cursor:pointer;font-size:14px;min-height:30px}.studio-options[open]>summary{margin-bottom:18px}.template-gallery{margin:22px 0 32px}.gallery-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.gallery-filters [aria-pressed=true]{border-color:#9df1d1;color:#bafde5;background:#244339}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-card{overflow:hidden;border:1px solid #354347;border-radius:18px;background:#172025;padding:0 18px 18px;display:flex;flex-direction:column}.template-card h3{font-size:17px;margin:18px 0 8px}.template-card p{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 18px}.template-card button{margin-top:auto;min-height:44px}.template-art{position:relative;height:120px;margin:0 -18px;overflow:hidden;background:linear-gradient(140deg,#43685e,#142b37)}.template-art span{position:absolute;left:20px;top:17px;font-size:32px;color:#d0fff1}.template-art i{position:absolute;width:90px;height:90px;border:1px solid #c6f4df70;border-radius:24px;transform:rotate(25deg);right:25px;top:20px}.template-art i+i{right:65px;top:50px}.art-ad{background:linear-gradient(140deg,#655044,#2d223a)}.art-prompt{background:linear-gradient(140deg,#3e516b,#242d39)}.result-use{padding:20px;border-top:1px solid #354347;display:flex;gap:10px;flex-wrap:wrap}.result-use[hidden]{display:none}.result-use h3,.result-use label,.result-use small,.result-use p{flex-basis:100%}.result-use label{display:grid;gap:8px}.result-use button{min-height:44px}.result-use small{line-height:1.6;color:#b7c9c5}.result-use p:empty{display:none}#production-state{font-size:14px;line-height:1.6;padding:12px;background:#20332f;border-radius:10px}#draft-source{display:block;padding:10px;color:#bafde5}.template-card,.workspace-routes button{transition:transform .18s ease,border-color .18s ease}.template-card:hover{transform:translateY(-3px);border-color:#75b8a1}button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #bafde5;outline-offset:4px}@media(max-width:800px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.template-grid{grid-template-columns:1fr}.workspace-routes button{font-size:12px!important;padding:12px!important}.generation-footer{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom));z-index:5;background:#142025;padding:12px 4px;border-radius:12px}.template-art{height:100px}.result-use button{flex:1 1 120px}}@media(prefers-reduced-motion:reduce){.template-card,.workspace-routes button{transition:none}.template-card:hover{transform:none}}