<div>
    <div id="aug21FilesHeader" class="aug21Header">
        <span class="aug21HeaderTextLarge aug21HeaderTextBlackBold">Update:</span><span class="aug21HeaderTextLarge"> Project Parfait is now available as Extract in Creative Cloud, <span class="aug21HeaderTextLarge aug21HeaderTextBlackBold">for free</span>. Get all the same features you love and more, including sharing with others.</span><br/><br/>
        <span class="aug21HeaderTextSmall">You can start using Extract by going to <a id="aug21CCFilesLink" href="https://assets.adobe.com/files">Creative Cloud Files</a>. You’ll be able to download your uploaded PSDs until <span class="aug21HeaderTextBlackBold aug21HeaderTextSmall">December 15, 2014.</span> <a id="aug21LearnMoreLink" href="http://www.adobe.com/go/extract_transition" target="_blank">Learn more here</a></span>
    </div>
    <h4 class="preprocessor-header">
        <div class="preprocessor">
            <b><%-preprocessors[currentPreprocessor].displayName%></b><em></em>
        </div>
        <button class="cssInspectorCopyAllButton topcoat-button"><%-translate("Copy All")%></button>
    </h4>

    <ul class="css-properties"></ul>
    <ul class="panel-rows">
        <li>
            <label for="fontUnit"><%-translate("Preferred Font Unit")%></label>
            <div class="dropdown">
                <div class="dropdown-btn fontUnit" id="fontUnit">
                    <%-currentUnitType%>
                </div>
            </div>
        </li>
        <li>
            <label for="baseFontInput" id="baseFontInputLabel"><%-translate("Base Font Size")%></label>
            <input id="baseFontInput" class="topcoat-text-input" type="text" class="prefix-input" value="16px" size="4">
        </li>
    </ul>

    <h4><%-translate("Fonts")%></h4>
    <ul class="font-list"></ul>
    <h4><%-translate("Colors")%></h4>
    <ul class="solid-color-list"></ul>
    <h4><%-translate("Gradients")%></h4>
    <ul class="gradient-list"></ul>
</div>