.studio{padding-bottom:56px}.studio-heading{display:flex;justify-content:space-between;align-items:flex-start;margin:18px 0 24px}.studio-heading h2{font-size:2rem;margin:4px 0 8px}.studio-heading>div>p:last-child{color:#64736f;margin:0;max-width:720px}.draft-badge{background:#efffd0;color:#174d43;border:1px solid #d4f58e;border-radius:999px;padding:8px 13px;font-size:.82rem;font-weight:700}.studio-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px;align-items:start}.studio-form{display:grid;gap:18px}.studio-card{background:#fff;border:1px solid #e2e9e6;border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(12,65,56,.05)}.step-title{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px}.step-title>b{display:grid;place-items:center;width:38px;height:38px;background:#123e37;color:#d9ff5c;border-radius:11px;font-size:.78rem}.step-title h3{margin:0 0 4px;font-size:1.08rem}.step-title p{margin:0;color:#74827f;font-size:.88rem}.studio-card label{display:block;color:#263d38;font-size:.88rem;font-weight:700;margin-top:15px}.studio-card input,.studio-card textarea{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #d8e1de;border-radius:10px;padding:11px 12px;background:#fbfdfc;color:#152d28;font:inherit;resize:vertical}.studio-card input:focus,.studio-card textarea:focus{outline:3px solid #d9ff5c66;border-color:#6b8c2a}.inline-actions,.preview-actions{display:flex;gap:10px;align-items:center;margin-top:14px}.secondary{border:1px solid #bfcfca;background:#fff;color:#123e37;border-radius:9px;padding:10px 13px;font-weight:700;cursor:pointer}.text-link{color:#17665a;font-size:.86rem;text-decoration:underline}.reference-results{display:grid;gap:8px;margin-top:12px}.reference-item{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:9px;border:1px solid #edf1ef;border-radius:10px}.reference-item img{width:44px;height:44px;object-fit:cover;border-radius:7px}.reference-item a{color:#1d3631;font-size:.82rem;text-decoration:none}.reference-item strong{font-size:.78rem;white-space:nowrap}.dropzone{border:1.5px dashed #8ba39d;border-radius:14px;padding:26px;text-align:center;background:#f8fbfa;cursor:pointer}.dropzone strong,.dropzone span{display:block}.dropzone span{font-weight:400;color:#71807c;margin-top:5px}.dropzone input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.upload-grid,.nine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.upload-tile{position:relative;aspect-ratio:1;border-radius:11px;overflow:hidden;background:#eef2f0}.upload-tile img{width:100%;height:100%;object-fit:cover}.upload-tile button{position:absolute;right:6px;top:6px;width:26px;height:26px;border:0;border-radius:50%;background:#102e29dc;color:#fff;cursor:pointer}.primary-action,.sync-button{border:0;border-radius:12px;background:#d9ff5c;color:#113b34;padding:15px 18px;font-weight:800;font-size:.95rem;cursor:pointer}.primary-action:disabled,.sync-button:disabled{opacity:.55;cursor:wait}.sticky{position:sticky;top:18px}.preview-head{display:flex;justify-content:space-between;align-items:flex-start}.preview-head span{font-size:.76rem;color:#6e7f7a}.preview-head h3{margin:3px 0}.preview-head>span{background:#f1f4f3;border-radius:99px;padding:6px 9px}.studio-card label small{float:right;color:#87938f}.bullet-editor{display:grid;gap:7px;margin-top:7px}.bullet-editor input{margin:0}.nine-section,.publish-card{margin-top:18px}.nine-grid{grid-template-columns:repeat(3,1fr)}.nine-tile{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#e9efec}.nine-tile canvas{width:100%;height:100%;display:block}.nine-tile span{position:absolute;left:9px;top:9px;background:#123e37;color:#fff;border-radius:20px;padding:4px 8px;font-size:.72rem}.nine-empty{grid-column:1/-1;padding:50px;text-align:center;color:#7b8885;border:1px dashed #cbd6d3;border-radius:12px}.publish-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.publish-note{margin:18px 0;color:#6b7975;font-size:.85rem;background:#f7f9f8;border-radius:10px;padding:12px}.sync-button{background:#123e37;color:#fff}.sync-result{display:inline-block;margin-left:14px;font-size:.88rem}.sync-result.error{color:#b42f3b}.sync-result.ok{color:#0d6a50}@media(max-width:1000px){.studio-layout{grid-template-columns:1fr}.sticky{position:static}.publish-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.studio-heading{display:block}.draft-badge{display:inline-block;margin-top:12px}.studio-card{padding:16px}.nine-grid,.upload-grid{grid-template-columns:repeat(2,1fr)}.publish-grid{grid-template-columns:1fr}}
