.studio-shell .surface-block{box-sizing:border-box;color:#22302a;background:#fbfaf4;border:1px solid #dfe3d6;border-radius:12px;flex-wrap:wrap;align-items:center;gap:2px 16px;width:fit-content;max-width:min(760px,100% - 32px);margin:10px auto 0;padding:4px 14px;font-size:14px;line-height:1.45;display:flex}.studio-shell .surface-block.is-sketch{background:#fcf5ea;border-color:#ead9bf}.studio-shell .surface-block-title{align-items:center;min-height:44px;margin:0;display:flex}.studio-shell .surface-block-title strong{font-weight:700}.studio-shell .surface-size-field{align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.studio-shell .surface-size-field>span{white-space:nowrap}.studio-shell .surface-size-field select{color:#22302a;min-width:0;max-width:100%;min-height:44px;font:inherit;background-color:#fffef8;border:1px solid #c9cfc2;border-radius:8px;padding:0 34px 0 12px;font-size:16px;font-weight:500}.studio-shell .surface-size-field select:focus-visible,.studio-shell .surface-about summary:focus-visible{outline:3px solid var(--sp-focus,#3f6b3a);outline-offset:2px}.studio-shell .surface-about{color:#3c4b41;min-width:0;font-size:13px}.studio-shell .surface-about[open]{flex:100%}.studio-shell .surface-about summary{cursor:pointer;border-radius:6px;flex-wrap:wrap;align-items:center;gap:0 10px;min-height:44px;list-style:none;display:inline-flex}.studio-shell .surface-about summary::-webkit-details-marker{display:none}.studio-shell .surface-status{color:#4b5b50}.studio-shell .surface-about-link{color:#2b5230;text-underline-offset:3px;font-weight:600;text-decoration:underline}.studio-shell .surface-about-body{max-width:68ch;padding:0 0 10px}.studio-shell .surface-about-body p{margin:0}.studio-shell .surface-about-body p+p{margin-top:6px}.studio-shell .surface-about-body .surface-supply{color:#5a3a1d;font-weight:600}.studio-shell .surface-actions a{color:#5a3a1d;text-underline-offset:3px;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;display:inline-flex}