/* Shared structural system for DonkeyArt utility pages. */
body[data-app="art"] .media-tool-intro{width:min(1180px,100%)!important;margin:0 auto!important;padding:34px 28px 18px!important;text-align:left!important}body[data-app="art"] .media-tool-intro :is(h1,p){text-align:left!important}body[data-app="art"] .media-tool-intro h1{font-size:clamp(32px,4vw,46px)!important}body[data-app="art"] .page-center-viewport-wrapper{display:block!important;width:min(1180px,100%)!important;max-width:1180px!important;margin:0 auto!important;padding:0 28px 64px!important}body[data-app="art"] .page-center-viewport-wrapper>.split-layout-container{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr)!important;align-items:start!important;gap:20px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}body[data-app="art"] .page-center-viewport-wrapper>.split-layout-container>.content-column:only-child{grid-column:1/-1!important}body[data-app="art"] .content-column,body[data-app="art"] .sidebar-column{min-width:0!important;width:auto!important}body[data-app="art"] .content-column{border-radius:0!important;background:transparent!important}body[data-app="art"] .page-header{width:100%!important;margin:0 0 16px!important;padding:0!important;border:0!important;background:transparent!important}body[data-app="art"] .nav-row{width:100%!important;justify-content:flex-start!important}body[data-app="art"] .nav-tabs{display:inline-flex!important;align-items:center!important;gap:4px!important;width:auto!important;max-width:100%!important;margin:0!important;padding:4px!important;overflow-x:auto!important;border:1px solid var(--ud-line)!important;border-radius:14px!important;background:rgba(255,253,248,.88)!important}body[data-app="art"] .nav-tab{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;margin:0!important;padding:0 16px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:var(--ud-muted)!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important;box-shadow:none!important}body[data-app="art"] .nav-tab:hover{background:var(--ud-accent-soft)!important;color:var(--ud-accent-dark)!important}body[data-app="art"] .nav-tab.active{background:var(--ud-accent)!important;color:#fff!important;box-shadow:0 4px 12px rgba(94,62,101,.16)!important}body[data-app="art"] :is(.card,.splitcard,.outcard,.cardy,.cary){border:1px solid var(--ud-line)!important;border-radius:18px!important;background:var(--ud-card)!important;box-shadow:0 10px 28px rgba(58,39,29,.055)!important}body[data-app="art"] :is(.card,.splitcard,.outcard){padding:24px!important}body[data-app="art"] :is(.cardy,.cary){padding:20px!important}body[data-app="art"] .outcard{min-height:300px!important;border-left:1px solid var(--ud-line)!important}body[data-app="art"] .outcard:empty:before{content:"Your result and download options will appear here.";display:grid;place-items:center;min-height:250px;padding:24px;border:1px dashed var(--ud-line);border-radius:14px;color:var(--ud-muted);font-size:12px;text-align:center}body[data-app="art"] .splitcard>.split-layout-container{display:grid!important;grid-template-columns:minmax(210px,.72fr) minmax(340px,1.35fr) minmax(210px,.72fr)!important;gap:16px!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}body[data-app="art"] .voice-settings-sidebar{position:static!important;width:100%!important;height:auto!important;max-height:none!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}body[data-app="art"] .tab-btn{min-height:38px!important;margin:3px!important;padding:0 13px!important;border:1px solid var(--ud-line)!important;border-radius:10px!important;background:#fff!important;color:var(--ud-accent-dark)!important}body[data-app="art"] .tab-btn.active{border-color:var(--ud-accent)!important;background:var(--ud-accent-soft)!important;color:var(--ud-accent-dark)!important}body[data-app="art"] .hidden-panel{display:none!important}@media(max-width:900px){body[data-app="art"] .page-center-viewport-wrapper>.split-layout-container,body[data-app="art"] .splitcard>.split-layout-container{grid-template-columns:1fr!important}body[data-app="art"] .outcard{min-height:180px!important}}@media(max-width:600px){body[data-app="art"] .media-tool-intro,body[data-app="art"] .page-center-viewport-wrapper{padding-left:16px!important;padding-right:16px!important}body[data-app="art"] .nav-tabs{display:flex!important;width:100%!important}body[data-app="art"] .nav-tab{flex:1 0 auto!important}}